*,*:before,*:after{box-sizing:border-box}:root{color-scheme:light;--bg: #eef0f8;--bg-accent: radial-gradient(1200px 600px at 50% -10%, #dcd9ff 0%, transparent 60%);--surface: #ffffff;--surface-2: #f2f3fa;--text: #131629;--muted: #6b7280;--border: #e4e6f0;--accent: #4f46e5;--accent-soft: #eceafe;--accent-2: #7c3aed;--danger: #dc2626;--success: #15803d;--radius: 16px;--radius-sm: 10px;--shadow-sm: 0 1px 2px rgba(19, 22, 41, .06);--shadow: 0 1px 2px rgba(19, 22, 41, .06), 0 12px 28px -18px rgba(19, 22, 41, .35);--ease-soft: cubic-bezier(.4, 0, .2, 1);--dur-tap: .18s;--dur-hover: .24s;--dur-panel: .3s;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}:root[data-theme=dark]{color-scheme:dark;--bg: #0d1020;--bg-accent: radial-gradient(1200px 600px at 50% -10%, #241f52 0%, transparent 60%);--surface: #171a2e;--surface-2: #1e2238;--text: #eceefb;--muted: #9aa1b8;--border: #2a2f4a;--accent: #8b87ff;--accent-soft: #23234d;--accent-2: #a78bfa;--danger: #f87171;--success: #4ade80;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 14px 30px -20px rgba(0, 0, 0, .8)}:root[data-theme=green]{color-scheme:light;--bg: #edf4ef;--bg-accent: radial-gradient(1200px 600px at 50% -10%, #d3e8dc 0%, transparent 60%);--surface: #ffffff;--surface-2: #f1f7f3;--text: #15241d;--muted: #5f7268;--border: #dee9e2;--accent: #047857;--accent-soft: #dcf0e8;--accent-2: #0e8168;--danger: #dc2626;--success: #15803d;--shadow-sm: 0 1px 2px rgba(16, 40, 30, .07);--shadow: 0 1px 2px rgba(16, 40, 30, .07), 0 12px 28px -18px rgba(16, 40, 30, .4)}:root[data-theme=brown]{color-scheme:light;--bg: #f5eee6;--bg-accent: radial-gradient(1200px 600px at 50% -10%, #e9dccd 0%, transparent 60%);--surface: #fffdfa;--surface-2: #f7f0e8;--text: #2b2018;--muted: #7a6a5b;--border: #e9ded1;--accent: #7a4f2e;--accent-soft: #f3e6d7;--accent-2: #9c6237;--danger: #dc2626;--success: #15803d;--shadow-sm: 0 1px 2px rgba(60, 40, 25, .08);--shadow: 0 1px 2px rgba(60, 40, 25, .08), 0 12px 28px -18px rgba(60, 40, 25, .4)}html,body,#root{height:100%}body{margin:0;background-color:var(--bg);background-image:var(--bg-accent);background-repeat:no-repeat;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}input,textarea{width:100%;padding:.7rem .85rem;background:var(--surface-2);border:1px solid transparent;border-radius:var(--radius-sm);outline:none;transition:border-color var(--dur-hover) var(--ease-soft),background var(--dur-hover) var(--ease-soft)}input:focus,textarea:focus{border-color:var(--accent);background:var(--surface)}textarea{resize:vertical;min-height:8rem}::placeholder{color:var(--muted);opacity:.8}*{scrollbar-width:thin;scrollbar-color:var(--muted) transparent;scrollbar-color:color-mix(in srgb,var(--accent) 45%,var(--border)) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:color-mix(in srgb,var(--accent) 45%,var(--border));background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 70%,var(--border));background-clip:content-box}::-webkit-scrollbar-corner{background:transparent}.muted{color:var(--muted)}.hint{color:var(--muted);font-size:.84rem;line-height:1.45}.hint code,code{background:var(--surface-2);padding:.1rem .35rem;border-radius:6px;font-size:.82em}.page{max-width:780px;margin:0 auto;padding:calc(.75rem + var(--safe-top)) 1rem calc(3rem + var(--safe-bottom))}.page--narrow{max-width:560px}.board-body{display:flex;flex-direction:column;gap:1rem}.panel{display:flex;flex-direction:column;gap:.9rem}.row{display:flex;align-items:center}.row--gap{gap:.6rem}.row--between{justify-content:space-between;gap:.75rem}.stack{display:flex;flex-direction:column;gap:.75rem}.section-title{display:flex;align-items:center;gap:.45rem;font-size:.86rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.5rem}.section-title--danger{color:var(--danger)}.section-title small{margin-left:auto;font-size:.8rem;letter-spacing:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.05rem;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--surface-2);font-weight:600;font-size:.95rem;transition:transform var(--dur-tap) var(--ease-soft),filter var(--dur-hover) var(--ease-soft),background var(--dur-hover) var(--ease-soft)}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#fff;box-shadow:var(--shadow-sm)}.btn--ghost{background:transparent;border-color:var(--border)}.btn--vk{background:#07f;color:#fff;border-color:#07f;box-shadow:var(--shadow-sm);width:100%}.btn--vk:hover{filter:brightness(1.06)}.btn--dashed{background:transparent;border:1.5px dashed var(--border);color:var(--muted)}.btn--dashed:hover{border-color:var(--accent);color:var(--accent)}.btn--danger{background:color-mix(in srgb,var(--danger) 10%,var(--surface));border-color:color-mix(in srgb,var(--danger) 32%,var(--border));color:var(--danger)}.btn--danger:hover{background:color-mix(in srgb,var(--danger) 16%,var(--surface))}.btn--block{flex:1}.btn--small{padding:.45rem .75rem;font-size:.85rem}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 auto;border:none;border-radius:12px;background:transparent;color:var(--muted);transition:background var(--dur-hover) var(--ease-soft),color var(--dur-hover) var(--ease-soft)}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn--accent{background:var(--accent);color:#fff}.icon-btn--accent:hover{background:var(--accent);filter:brightness(1.08);color:#fff}.icon-btn--danger:hover{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.icon-btn.is-on{color:var(--accent);background:var(--accent-soft)}.icon-btn.is-on:hover{color:var(--accent)}.icon-btn--small{width:32px;height:32px}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.82rem;white-space:nowrap;transition:border-color var(--dur-hover) var(--ease-soft),color var(--dur-hover) var(--ease-soft),background var(--dur-hover) var(--ease-soft)}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip.is-active{background:var(--accent-soft);border-color:transparent;color:var(--accent);font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.checkbox{display:inline-flex;align-items:center;gap:.45rem;font-size:.9rem;color:var(--muted);white-space:nowrap}.checkbox input{width:auto;accent-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1rem}.alert{margin:.6rem 0;padding:.7rem .9rem;border-radius:var(--radius-sm);font-size:.9rem}.alert--error{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.alert--info{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.notice{display:flex;flex-direction:column;gap:.15rem;padding:.7rem .9rem;margin-bottom:.75rem;border-radius:var(--radius-sm);border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);font-size:.9rem}.notice small{color:var(--muted);font-size:.82rem}.notice--deleted{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;border-left-color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,transparent)}.notice--deleted>span{display:flex;flex-direction:column;gap:.15rem;flex:1 1 14rem;min-width:0}.notice--deleted .row{flex:none}.notice--deleted .btn{flex:none;white-space:nowrap}.notice--deleted .alert{flex-basis:100%;margin:0}.empty{padding:1.1rem;text-align:center;color:var(--muted);font-size:.9rem}.empty--inline{padding:.75rem 0;text-align:left;font-size:.86rem}.field{display:flex;flex-direction:column;gap:.3rem}.field>span{font-size:.85rem;font-weight:600;color:var(--muted)}.inline-form{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.inline-form input{flex:1;min-width:10rem}.splash{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--muted)}.brand-mark{display:block;flex:0 0 auto;background:linear-gradient(135deg,#7c3aed,#4f46e5)}.splash__logo,.login__mark{width:56px;height:56px;border-radius:18px;box-shadow:var(--shadow)}.avatar--self{position:relative;width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,var(--accent-2),var(--accent));box-shadow:var(--shadow)}.avatar--self:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.45),transparent 55%);border-radius:inherit}.login{position:relative;min-height:100%;display:flex;align-items:center;justify-content:center;padding:calc(1.5rem + var(--safe-top)) 1rem calc(1.5rem + var(--safe-bottom));overflow:hidden}.login__glow{position:absolute;inset:-30% -10% auto -10%;height:60%;background:radial-gradient(60% 60% at 50% 0%,rgba(124,58,237,.35),transparent 70%);pointer-events:none}.login__card{position:relative;width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:1.6rem;display:flex;flex-direction:column;gap:1.1rem}.login__brand{display:flex;align-items:center;gap:.9rem}.login__brand h1{font-size:1.25rem;letter-spacing:-.01em}.login__brand p{color:var(--muted);font-size:.88rem}.login__brand .login__slogan{margin-top:.15rem;font-size:.8rem;font-style:italic;color:var(--accent)}.login__features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem;font-size:.92rem;color:var(--muted)}.login__providers{display:flex;flex-direction:column;gap:.6rem}.login__dev{display:flex;flex-direction:column;gap:.5rem;padding-top:.9rem;border-top:1px dashed var(--border)}@keyframes screen-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes screen-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes skeleton-pulse{50%{opacity:.45}}.splash:not(.splash--overlay){animation:fade-in .4s var(--ease-soft) backwards}.splash--overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background-color:var(--bg);background-image:var(--bg-accent);background-repeat:no-repeat;pointer-events:none;animation:screen-out .4s var(--ease-soft) forwards}.page,.login{animation:fade-in .36s var(--ease-soft) backwards}.board-tab{animation:screen-in .34s var(--ease-soft) backwards}.board-block{animation:screen-in .36s var(--ease-soft) backwards}.create-card__body{animation:screen-in .3s var(--ease-soft) backwards}.modal__backdrop{animation:fade-in .32s var(--ease-soft) backwards}.bell__panel{animation:screen-in .3s var(--ease-soft) backwards}.board-skeleton{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1rem}.board-skeleton__title,.board-skeleton__card{display:block;border-radius:var(--radius);background:var(--surface-2);animation:skeleton-pulse 1.6s var(--ease-soft) infinite}.board-skeleton__title{width:45%;height:18px;border-radius:8px}.board-skeleton__card{height:108px;border:1px solid var(--border)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.topbar{display:flex;align-items:center;gap:.75rem;margin-bottom:1.1rem}.topbar__title{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.topbar__title h1{font-size:1.15rem}.topbar__title .muted{font-size:.85rem}.avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:.8rem;font-weight:700;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar--self{width:42px;height:42px;border-radius:14px;color:#fff;font-size:.9rem}.avatar--tiny{width:24px;height:24px;font-size:.65rem}.avatar--button{padding:0;border:none;font-family:inherit;cursor:pointer;transition:box-shadow var(--dur-hover) var(--ease-soft),transform var(--dur-tap) var(--ease-soft)}.avatar--button:hover{box-shadow:0 0 0 3px var(--accent-soft)}.avatar--button:active{transform:scale(.96)}.icon-btn.avatar-btn{border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:.85rem;font-weight:700;overflow:hidden}.icon-btn.avatar-btn img{width:100%;height:100%;object-fit:cover}.icon-btn.avatar-btn:hover{background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.board-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.5rem;margin:calc(-.75rem - var(--safe-top)) -1rem .5rem;padding:calc(.6rem + var(--safe-top)) 1rem .6rem;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.board-header__main{flex:1;min-width:0}.board-header__main h1{font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-header__status{display:flex;align-items:center;gap:.35rem;min-width:0;font-size:.78rem;white-space:nowrap}.board-header__state{min-width:0;overflow:hidden;text-overflow:ellipsis}.board-header__state--short{display:none}.board-header__count{flex:0 0 auto}.dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--muted)}.dot--live{background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 20%,transparent)}.board-header__invite span{display:inline}.board-banner{position:fixed;top:calc(.5rem + var(--safe-top));left:50%;transform:translate(-50%);z-index:85;display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:min(92vw,560px);margin:0;padding:.7rem .9rem;border-radius:var(--radius-sm);font-size:.9rem;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);box-shadow:0 10px 30px #0a0c182e}.tabs{position:sticky;top:calc(3.1rem + var(--safe-top));z-index:15;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.25rem;padding:.28rem;margin-bottom:1rem;background:var(--surface-2);border-radius:14px}.tabs button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem .4rem;min-width:0;border:none;border-radius:11px;background:transparent;color:var(--muted);font-size:.88rem;font-weight:600;transition:background var(--dur-hover) var(--ease-soft),color var(--dur-hover) var(--ease-soft)}.tabs button>span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tabs button.is-active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.tabs__badge{min-width:1.25rem;padding:0 .3rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.72rem;line-height:1.25rem;text-align:center}.board-tabbar{position:sticky;top:calc(3.1rem + var(--safe-top));z-index:15;display:flex;align-items:stretch;gap:.4rem;margin-bottom:1rem}.board-tabbar .tabs{position:static;margin-bottom:0;flex:1;min-width:0;grid-auto-columns:minmax(min-content,1fr);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.board-tabbar .tabs::-webkit-scrollbar{display:none}.tabs__add{display:grid;place-items:center;flex:0 0 auto;width:2.5rem;border:none;border-radius:14px;background:var(--surface-2);color:var(--muted);transition:background var(--dur-hover) var(--ease-soft),color var(--dur-hover) var(--ease-soft)}.tabs__add:hover{color:var(--accent)}.tabs__add.is-open{color:var(--accent);background:var(--accent-soft)}.tabs-more{position:relative;display:flex;flex:0 0 auto}.tabs-more__btn{display:inline-flex;align-items:center;gap:.15rem;height:100%;min-width:2.5rem;padding:0 .4rem;border:none;border-radius:14px;background:var(--surface-2);color:var(--muted);font-size:.78rem;font-weight:700;transition:background var(--dur-hover) var(--ease-soft),color var(--dur-hover) var(--ease-soft)}.tabs-more__btn:hover{color:var(--accent)}.tabs-more__btn svg{flex:0 0 auto;transition:transform var(--dur-hover) var(--ease-soft)}.tabs-more__btn.is-open{color:var(--accent);background:var(--accent-soft)}.tabs-more__btn.is-open svg{transform:rotate(180deg)}.tabs-more__count{font-size:.72rem;line-height:1}.tabs-more__menu{position:absolute;top:calc(100% + .4rem);right:0;z-index:30;display:flex;flex-direction:column;gap:.15rem;min-width:13rem;max-width:min(20rem,calc(100vw - 1.5rem));padding:.4rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);animation:fade-in var(--dur-panel) var(--ease-soft) backwards}.tabs-more__title{margin:.15rem .45rem .25rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.tabs-more__item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.55rem .6rem;border:none;border-radius:10px;background:transparent;color:var(--text);font-size:.9rem;font-weight:600;text-align:left;transition:background var(--dur-hover) var(--ease-soft),color var(--dur-hover) var(--ease-soft)}.tabs-more__item:hover{background:var(--surface-2);color:var(--accent)}.tabs-more__item svg{flex:0 0 auto;color:var(--muted)}.tabs-more__item span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.section-body{display:flex;flex-direction:column;gap:1.1rem}.section-block{display:flex;flex-direction:column;gap:.9rem;animation:fade-in var(--dur-panel) var(--ease-soft) backwards}.section-block__title{display:flex;align-items:center;gap:.4rem;margin:0;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.section-add{display:flex;flex-direction:column;gap:.5rem;padding:.85rem .9rem;border:1px dashed var(--border);border-radius:var(--radius)}.section-add__label{font-size:.84rem;color:var(--muted)}.section-add__row{display:flex;flex-wrap:wrap;gap:.4rem}.section-empty{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1.5rem 0}.section-list{display:flex;flex-direction:column;gap:.4rem;margin:0 0 1.1rem;padding:0;list-style:none}.section-row{display:flex;align-items:center;gap:.55rem;padding:.45rem .55rem;background:var(--surface-2);border-radius:12px}.section-row__icon{display:grid;place-items:center;flex:0 0 auto;width:1.9rem;height:1.9rem;border-radius:10px;background:var(--surface);color:var(--accent)}.section-row__name{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.3}.section-row__name strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.section-row__name small{font-size:.78rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.section-row__actions{display:inline-flex;align-items:center;gap:.1rem}.section-row__grip{display:inline-flex;align-items:center;justify-content:center;width:22px;height:32px;flex:0 0 auto;border:none;background:transparent;color:var(--muted);cursor:grab;touch-action:none}.section-row__grip:active{cursor:grabbing}.section-row--dragging{position:relative;z-index:5;background:var(--surface);box-shadow:var(--shadow)}.section-row--dragging .section-row__name{-webkit-user-select:none;user-select:none}.section-list--dragging .section-row{transition:transform var(--dur-tap) var(--ease-soft)}.section-list--dragging .section-row--dragging{transition:none}.section-row__form{display:flex;flex:1;min-width:0;gap:.4rem}.section-row__move--earlier svg{transform:rotate(90deg)}.section-row__move--later svg{transform:rotate(-90deg)}.section-new{display:flex;flex-direction:column;gap:.6rem;padding-top:1rem;border-top:1px solid var(--border)}.section-new__kinds{display:flex;flex-wrap:wrap;gap:.35rem}.bell{position:relative;flex:0 0 auto}.bell__badge{position:absolute;top:2px;right:2px;min-width:1.1rem;padding:0 .25rem;border:2px solid var(--bg);border-radius:999px;background:var(--accent);color:#fff;font-size:.68rem;line-height:1.05rem;text-align:center}.bell__panel{position:fixed;z-index:65;width:min(21rem,calc(100vw - 1.5rem));max-height:min(60vh,26rem);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.bell__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .85rem;border-bottom:1px solid var(--border)}.bell__clear{border:none;background:none;color:var(--accent);font-size:.8rem;font-weight:600;cursor:pointer}.bell__empty{padding:1.2rem .85rem;color:var(--muted);font-size:.85rem}.bell__list{list-style:none;margin:0;padding:0;overflow-y:auto}.bell__list:last-child{margin-bottom:1.25rem}.bell__item+.bell__item{border-top:1px solid var(--border)}.bell__item--fresh{background:color-mix(in srgb,var(--accent) 8%,transparent)}.bell__item-body{display:flex;flex-direction:column;gap:.15rem;width:100%;padding:.65rem .85rem;border:none;background:none;color:inherit;text-align:left}button.bell__item-body{cursor:pointer;transition:background var(--dur-hover) var(--ease-soft)}button.bell__item-body:hover{background:var(--surface-2)}.bell__item-title{font-size:.72rem;font-weight:700;color:var(--muted)}.bell__item-text{font-size:.88rem;line-height:1.3}.bell__item-time{font-size:.74rem;color:var(--muted)}.tabs--inline{display:flex;gap:.25rem;padding:.25rem;margin:0 0 1rem;background:var(--surface-2);border-radius:12px}.tabs--inline button{flex:1;padding:.5rem;border:none;border-radius:10px;background:transparent;color:var(--muted);font-weight:600;font-size:.88rem}.tabs--inline button.is-active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}.create-card{padding:0;overflow:hidden;margin-bottom:1.1rem}.create-card__toggle{display:flex;align-items:center;gap:.7rem;width:100%;padding:.8rem .9rem;border:none;background:transparent;text-align:left}.create-card__icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 auto;border-radius:50%;background:var(--accent-soft);color:var(--accent)}.create-card__text{display:flex;flex-direction:column;flex:1;min-width:0}.create-card__text strong{font-size:1rem;line-height:1.3}.create-card__text small{color:var(--muted);font-size:.82rem}.create-card__chevron{flex:0 0 auto;color:var(--muted);transition:transform var(--dur-hover) var(--ease-soft)}.create-card.is-open .create-card__chevron{transform:rotate(180deg)}.create-card__body{display:flex;flex-direction:column;gap:.85rem;padding:.9rem;border-top:1px solid var(--border)}.create-card__body .tabs--inline{margin-bottom:0}.template-picker{display:flex;flex-direction:column;gap:.4rem;margin:0;padding:0;border:none}.template-picker legend{padding:0;margin-bottom:.35rem;color:var(--muted);font-size:.84rem}.template-picker .template{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 .55rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);text-align:left;transition:border-color var(--dur-hover) var(--ease-soft),background var(--dur-hover) var(--ease-soft)}.template svg{grid-row:span 2;color:var(--accent)}.template strong{font-size:.92rem}.template small{color:var(--muted);font-size:.8rem}.template:hover{border-color:var(--accent)}.template.is-active{border-color:transparent;background:var(--accent-soft)}.board-list{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.7rem}.board-card{padding:.9rem 1rem .85rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:border-color var(--dur-hover) var(--ease-soft)}.board-card:hover,.board-card:focus-within{border-color:var(--accent)}.board-card__open{display:block;width:100%;padding:0;border:none;background:transparent;text-align:left}.board-card__open strong{display:block;font-size:1.08rem;line-height:1.3}.board-card__meta{display:flex;align-items:center;gap:.35rem;margin-top:.2rem;font-size:.82rem}.board-card .member-list--inline{margin-top:.75rem;padding-top:.7rem;border-top:1px solid var(--border)}.board-card__actions{display:flex;align-items:center;gap:.4rem;margin-top:.7rem}.board-card__actions .btn{margin-right:auto}.board-card--pending{border-style:dashed}.board-card--pending:hover{border-color:var(--border)}.board-card--deleted{border-style:dashed;background:color-mix(in srgb,var(--surface) 55%,var(--surface-2))}.board-card--deleted .board-card__actions .btn{margin-right:0;white-space:nowrap}.board-card--deleted:hover,.board-card--deleted:focus-within{border-color:var(--border)}.board-card--deleted .board-card__open strong{color:var(--muted)}.board-card__meta--deleted{color:var(--danger)}.board-card__badge{margin-right:auto;padding:.18rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger);font-size:.75rem;font-weight:600}.danger-zone{margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--border)}.danger-zone .section-title{margin-bottom:.35rem}.danger-zone .hint{margin:0 0 .7rem}.deleted-card{margin-top:1.5rem;text-align:center}.deleted-card h1{margin-bottom:.5rem;font-size:1.3rem}.deleted-card .row{margin-top:.9rem}.undo-bar{position:fixed;left:50%;bottom:calc(1.25rem + var(--safe-bottom));transform:translate(-50%);z-index:90;display:flex;align-items:center;gap:.7rem;width:min(92vw,460px);padding:.7rem .8rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);animation:sheet-up .32s var(--ease-soft)}.undo-bar__text{display:flex;flex-direction:column;min-width:0;flex:1}.undo-bar__text strong{font-size:.92rem}.undo-bar__text small{font-size:.8rem}.undo-bar__error{color:var(--danger)}.board-settings__section{margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--border)}.successor-list{list-style:none;margin:0 0 .8rem;padding:0;display:flex;flex-direction:column;gap:.4rem}.successor{display:flex;align-items:center;gap:.6rem;padding:.55rem .7rem;background:var(--surface-2);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer}.successor:hover{border-color:var(--border)}.successor.is-active{border-color:var(--accent);background:var(--accent-soft)}.successor input{flex:none;width:auto;accent-color:var(--accent)}.successor__who{display:flex;flex-direction:column;min-width:0}.successor__who small{font-size:.78rem}.list-card{padding:1rem 1rem .85rem}.list-card__head{margin-bottom:.6rem}.list-card__title,.list-card__title-input{display:block;width:100%;padding:0;border:none;background:transparent;font-size:1.05rem;font-weight:700;text-align:left}.list-card__title-input{border-bottom:2px solid var(--accent);border-radius:0;padding-bottom:.15rem;background:transparent}.list-card__meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin:.35rem 0 .5rem;font-size:.85rem}.list-card__actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.progress{height:5px;border-radius:999px;background:var(--surface-2);overflow:hidden}.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:width var(--dur-panel) var(--ease-soft)}.item-list{list-style:none;margin:0;padding:0}.item{display:flex;align-items:center;gap:.5rem;padding:.15rem 0;border-bottom:1px solid var(--border)}.item:last-of-type{border-bottom:none}.item__check{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 auto;border-radius:8px;border:2px solid var(--border);background:transparent;color:#fff;transition:background var(--dur-hover) var(--ease-soft),border-color var(--dur-hover) var(--ease-soft)}.item--done .item__check{background:var(--success);border-color:var(--success)}.item__text{flex:1;min-width:0;display:flex;align-items:baseline;gap:.45rem;padding:.7rem 0;border:none;background:transparent;text-align:left;overflow-wrap:anywhere}.item--done .item__text{color:var(--muted);text-decoration:line-through}.item__qty{color:var(--muted);font-size:.8rem;white-space:nowrap}.item__grip{display:inline-flex;align-items:center;justify-content:center;width:24px;height:32px;flex:0 0 auto;border:none;background:transparent;color:var(--muted);cursor:grab;touch-action:none}.item__grip:active{cursor:grabbing}.item--dragging{position:relative;z-index:5;border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow)}.item--dragging .item__text{-webkit-user-select:none;user-select:none}.item-list--dragging .item{transition:transform var(--dur-tap) var(--ease-soft)}.item-list--dragging .item--dragging{transition:none}.item--editing{padding:.55rem 0}.item__edit{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;width:100%}.item__edit-text{flex:1 1 8rem;min-width:0}.item__edit-qty{flex:0 0 5.5rem}.item__edit-actions{display:flex;align-items:center;gap:.4rem;margin-left:auto}.item-add{display:flex;align-items:center;gap:.4rem;margin-top:.5rem;padding-top:.7rem;border-top:1px dashed var(--border)}.item-add__qty{width:5.5rem;flex:0 0 auto}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.note{display:flex;flex-direction:column;border-radius:14px;border:1px solid var(--note-border);background:var(--note-bg);overflow:hidden;box-shadow:var(--shadow-sm)}.note--amber{--note-bg: #fff8e6;--note-border: #f7dc9b}.note--rose{--note-bg: #ffeef2;--note-border: #f8c2ce}.note--sky{--note-bg: #eaf5ff;--note-border: #b3d8f7}.note--mint{--note-bg: #eaf9f1;--note-border: #aee5c5}.note--violet{--note-bg: #f1ecff;--note-border: #c9bcfa}:root[data-theme=dark] .note--amber{--note-bg: rgba(251, 191, 36, .12);--note-border: rgba(251, 191, 36, .3)}:root[data-theme=dark] .note--rose{--note-bg: rgba(244, 114, 182, .12);--note-border: rgba(244, 114, 182, .3)}:root[data-theme=dark] .note--sky{--note-bg: rgba(56, 189, 248, .12);--note-border: rgba(56, 189, 248, .3)}:root[data-theme=dark] .note--mint{--note-bg: rgba(52, 211, 153, .12);--note-border: rgba(52, 211, 153, .3)}:root[data-theme=dark] .note--violet{--note-bg: rgba(167, 139, 250, .14);--note-border: rgba(167, 139, 250, .32)}.note--pinned{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent),var(--shadow-sm)}.note__open{flex:1;display:flex;flex-direction:column;gap:.35rem;padding:.85rem .9rem .4rem;border:none;background:transparent;text-align:left}.note__pin{font-size:.8rem}.note__open h3{font-size:.98rem;font-weight:700}.note__open p{font-size:.88rem;white-space:pre-wrap;overflow-wrap:anywhere}.note__foot{display:flex;align-items:center;justify-content:space-between;padding:.25rem .5rem .35rem .9rem;font-size:.76rem}.note__actions{display:inline-flex;align-items:center;gap:.1rem}.game-sheet{display:flex;flex-direction:column;gap:.8rem}.game-sheet .notice{margin:0}.game-board{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:min(100%,20rem);margin:.2rem auto .4rem}.game-board__cell{display:grid;place-items:center;aspect-ratio:1;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-size:clamp(1.7rem,8vw,2.4rem);font-weight:800;line-height:1;transition:background var(--dur-hover) var(--ease-soft),border-color var(--dur-hover) var(--ease-soft),transform var(--dur-hover) var(--ease-soft)}.game-board__cell:not(:disabled):hover{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.game-board__cell:not(:disabled):active{transform:scale(.96)}.game-board__cell:disabled{cursor:default;opacity:1}.game-board__cell--x{color:var(--accent)}.game-board__cell--o{color:var(--danger)}.game-board__cell.is-win{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 60%,var(--border))}.swatches{display:flex;gap:.45rem}.swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;padding:0}.swatch.is-active{border-color:var(--text);transform:scale(1.08)}.swatch--amber{background:#f9c74f}.swatch--rose{background:#f191a8}.swatch--sky{background:#7cc0f0}.swatch--mint{background:#6fd39b}.swatch--violet{background:#a78bfa}.input--title{font-size:1.05rem;font-weight:700}.quick-add{display:flex;flex-direction:column;gap:.6rem}.quick-add__row{display:flex;align-items:center;gap:.4rem}.quick-add__row input{flex:1;min-width:0}.quick-add__options{display:flex;flex-direction:column;gap:.5rem;animation:fade-in var(--dur-panel) var(--ease-soft) backwards}.reminder-group{margin-top:.35rem}.reminder-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.reminder{display:flex;align-items:flex-start;gap:.6rem;padding:.7rem .85rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.reminder--overdue{border-color:color-mix(in srgb,var(--danger) 45%,var(--border))}.reminder--done{opacity:.6}.reminder--done .reminder__body p{text-decoration:line-through}.reminder__check{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:0 0 auto;margin-top:.1rem;border-radius:999px;border:2px solid var(--border);background:transparent;color:#fff}.reminder--done .reminder__check{background:var(--success);border-color:var(--success)}.reminder__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.reminder__body p{overflow-wrap:anywhere}.reminder__body small{font-size:.8rem}.due{color:var(--muted);font-size:.78rem;font-weight:600}.due--danger{color:var(--danger)}.online-pill{position:fixed;right:calc(1rem + env(safe-area-inset-right,0px));bottom:calc(1rem + var(--safe-bottom));z-index:30;display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem .35rem .5rem;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow);animation:fade-in var(--dur-panel) var(--ease-soft) backwards}.online-pill__dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 22%,transparent)}.online-pill__stack{display:inline-flex;align-items:center}.online-pill__stack .avatar{box-shadow:0 0 0 2px var(--surface)}.online-pill__stack .avatar+.avatar{margin-left:-7px}.online-pill__text{font-size:.78rem;font-weight:600;color:var(--muted);white-space:nowrap}@media(max-width:480px){.online-pill{right:calc(.75rem + env(safe-area-inset-right,0px));bottom:calc(.75rem + var(--safe-bottom))}}.member-row__who{display:flex;flex-direction:column;min-width:0;flex:1}.member-row__actions{display:flex;align-items:center;gap:.35rem;flex:0 0 auto}.role-select{position:relative;flex:0 0 auto;max-width:9rem}.role-select__button{display:inline-flex;align-items:center;gap:.3rem;max-width:100%;padding:.3rem .5rem .3rem .75rem;border:1px solid transparent;border-radius:999px;background:var(--surface-2);font-size:.78rem;font-weight:600;cursor:pointer;transition:background var(--dur-hover) var(--ease-soft),border-color var(--dur-hover) var(--ease-soft)}.role-select__button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-select__button svg{flex:0 0 auto;color:var(--muted);transition:transform var(--dur-tap) var(--ease-soft)}.role-select__button[aria-expanded=true] svg{transform:rotate(180deg)}.role-select__button:hover:enabled{background:var(--surface);border-color:var(--border)}.role-select__button:focus-visible{outline:none;border-color:var(--accent);background:var(--surface)}.role-select__button:disabled{color:var(--muted);cursor:not-allowed}.role-select__menu{position:absolute;z-index:2;top:calc(100% + .35rem);right:0;min-width:100%;margin:0;padding:.25rem;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow)}.role-select__menu--up{top:auto;bottom:calc(100% + .35rem)}.role-select__option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem .55rem;border-radius:7px;font-size:.82rem;white-space:nowrap;cursor:pointer}.role-select__option:hover,.role-select__option:focus-visible{outline:none;background:var(--surface-2)}.role-select__option.is-active{color:var(--accent);font-weight:600}.role-chip{flex:0 0 auto;padding:.2rem .6rem;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.74rem;font-weight:600;white-space:nowrap}.role-legend{list-style:none;margin:.5rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem}.role-legend li{display:flex;align-items:baseline;gap:.5rem}.member-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.member-list li{display:flex;align-items:center;gap:.65rem}.member-list li>span:last-child{display:flex;flex-direction:column;min-width:0}.member-list small{font-size:.78rem;overflow:hidden;text-overflow:ellipsis}.member-list--inline{flex-direction:row;flex-wrap:wrap;gap:.75rem 1.25rem}.request-list li{padding:.5rem .6rem;border:1px dashed var(--border);border-radius:var(--radius-sm)}.invite-code{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1rem;margin-bottom:.9rem;background:var(--surface-2);border-radius:var(--radius-sm);font-size:1.4rem;font-weight:800;letter-spacing:.14em}.settings-account{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:var(--surface-2);border-radius:var(--radius-sm)}.settings-account>span:last-child{display:flex;flex-direction:column;min-width:0}.settings-account small{font-size:.8rem;overflow:hidden;text-overflow:ellipsis}.settings-row{border-bottom:1px solid var(--border)}.settings-row:last-child{border-bottom:none}.settings-row__head{display:flex;align-items:center;gap:.65rem;width:100%;padding:.8rem .15rem;border:none;background:transparent;color:inherit;text-align:left;text-decoration:none}.settings-row__head>svg:first-child{flex:none;color:var(--muted)}.settings-row__text{display:flex;flex-direction:column;min-width:0;flex:1}.settings-row__text strong{font-size:.95rem;font-weight:600}.settings-row__text small{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-row__chevron{flex:none;color:var(--muted);transition:transform var(--dur-hover) var(--ease-soft)}.settings-row.is-open .settings-row__chevron{transform:rotate(180deg)}.settings-row__body{padding:.15rem 0 .9rem}.hint--row{padding:0 .15rem .8rem;margin:0}.settings-options{display:flex;flex-direction:column;gap:.5rem;margin:.4rem 0 .7rem}.settings-option{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%;padding:.75rem .9rem;background:var(--surface-2);border:1px solid transparent;border-radius:var(--radius-sm);text-align:left;transition:border-color var(--dur-hover) var(--ease-soft),background var(--dur-hover) var(--ease-soft)}.settings-option:hover{border-color:var(--border)}.settings-option.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.settings-option__text{display:flex;flex-direction:column;min-width:0}.settings-option__text small{font-size:.78rem}a.settings-option{color:inherit;text-decoration:none}.settings-dev{display:flex;align-items:center;gap:.5rem;margin-top:.6rem}.settings-dev input{flex:1;min-width:0}.settings-name{display:flex;align-items:center;gap:.5rem;margin-top:.4rem}.settings-name input{flex:1;min-width:0}.settings-name+.alert{margin-top:.6rem}.legal__head{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.legal__head h1{font-size:1.25rem;line-height:1.3}.legal__back{align-self:flex-start}.legal__section{margin-bottom:.75rem}.legal__section h2{font-size:1rem;margin-bottom:.45rem}.legal__section p,.legal__section li{font-size:.9rem;line-height:1.55}.legal__section p+p,.legal__section ul+p{margin-top:.5rem}.legal__section ul{margin:.5rem 0 0;padding-left:1.15rem;display:flex;flex-direction:column;gap:.3rem}.legal__footer{margin-top:1rem}.legal a,.login__legal a{color:var(--accent);text-decoration:underline}.login__legal{text-align:center}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center}.modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#0a0c1880;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal__sheet{position:relative;width:100%;max-width:560px;max-height:92vh;display:flex;flex-direction:column;background:var(--surface);border-radius:22px 22px 0 0;box-shadow:0 -10px 40px -12px #0a0c1866;padding-bottom:var(--safe-bottom);overflow:hidden;animation:sheet-up .34s var(--ease-soft)}.modal__sheet--wide{max-width:880px}@media(max-width:700px){.modal__sheet--wide{max-width:100%}}@keyframes sheet-up{0%{transform:translateY(18px);opacity:0}}.modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1.1rem 1.1rem .6rem}.modal__head h2{font-size:1.1rem}.modal__head .muted{font-size:.84rem}.modal__body{padding:.4rem 1.1rem 1.1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.modal__body:last-child{margin-bottom:1.25rem}.modal__footer{padding:.75rem 1.1rem 1.1rem;border-top:1px solid var(--border)}.confirm__text{margin:0;line-height:1.5}@media(min-width:700px){.modal{align-items:center}.modal__sheet{border-radius:22px;max-height:86vh}}.toast{position:fixed;left:50%;bottom:calc(1.25rem + var(--safe-bottom));transform:translate(-50%);z-index:80;max-width:min(90vw,420px);padding:.7rem 1rem;border-radius:999px;font-size:.9rem;box-shadow:var(--shadow);animation:sheet-up .32s var(--ease-soft)}.toast--error{background:var(--danger);color:#fff}.toast--info{background:var(--accent);color:#fff}.wish-group+.wish-group{margin-top:.35rem}.wish-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.7rem}.wish{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm)}.wish--done{opacity:.66}.wish__thumb{flex:0 0 auto;width:72px;height:72px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--muted);overflow:hidden}.wish__thumb img{width:100%;height:100%;object-fit:cover}.wish__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.wish__title{padding:0;border:none;background:none;text-align:left;font-size:1rem;font-weight:700;overflow-wrap:anywhere}.wish__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.45rem;font-size:.84rem;color:var(--muted)}.wish__meta b{color:var(--text);font-size:.95rem}.wish__note{font-size:.88rem;white-space:pre-wrap;overflow-wrap:anywhere}.wish__foot{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.76rem}.wish__link{display:inline-flex;align-items:center;gap:.3rem;color:var(--accent);font-weight:600;text-decoration:none}.wish__actions{display:flex;flex-direction:column;align-items:center;gap:.35rem}.wish__check{width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0;border:1.5px solid var(--border);border-radius:50%;background:transparent;color:#fff}.wish--done .wish__check{border-color:var(--accent);background:var(--accent)}.wish-card{display:flex;align-items:center;gap:.6rem;padding:.5rem;background:var(--surface-2);border-radius:var(--radius-sm)}.wish-card img{flex:0 0 auto;width:54px;height:54px;border-radius:8px;object-fit:cover}.wish-card__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.wish-card__text strong{font-size:.9rem;overflow-wrap:anywhere}.wish__photos{display:flex;flex-wrap:wrap;gap:.35rem}.wish__photo{width:46px;height:46px;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);overflow:hidden}.wish__photo img{width:100%;height:100%;object-fit:cover}.photo-block{display:flex;flex-direction:column;gap:.5rem;padding-top:.6rem;border-top:1px solid var(--border)}.photo-block__head{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.photo-block__title{font-weight:600;font-size:.9rem}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:.5rem}.photo-tile{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);background:var(--surface-2);overflow:hidden}.photo-tile img{width:100%;height:100%;object-fit:cover}.photo-tile__remove{position:absolute;top:2px;right:2px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:#0000008c;color:#fff}.btn--off{opacity:.5;pointer-events:none}.photo-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;flex-direction:column;gap:.4rem;padding:.6rem;padding-top:calc(.6rem + env(safe-area-inset-top,0px));background:#0a0c10f0;color:#fff}.photo-view__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;border:none;background:transparent}.photo-view__bar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.6rem}.photo-view .icon-btn{color:#fff}.photo-view__count{font-size:.85rem;opacity:.75}.photo-view__stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.photo-view__image{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px}.photo-view__nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:#ffffff2e;color:#fff}.photo-view__nav--prev{left:.3rem}.photo-view__nav--prev svg{transform:rotate(90deg)}.photo-view__nav--next{right:.3rem}.photo-view__nav--next svg{transform:rotate(-90deg)}@media(max-width:460px){.board-header__invite span,.board-header__state--full{display:none}.board-header__state--short{display:inline}.board-header__count{display:none}.board-header{gap:.3rem}.board-header .icon-btn{width:34px;height:34px}.board-header__invite{gap:.3rem;padding:.35rem .5rem}.item .icon-btn{width:32px;height:32px}.tabs{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}.tabs button{gap:.35rem;padding:.55rem .4rem;font-size:.82rem}.tabs button svg{width:17px;height:17px}.board-tabbar .tabs{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:minmax(min-content,1fr);overflow-x:auto}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.splash--overlay{display:none}}.landing{--landing-max: 1180px;--landing-gutter: clamp(1rem, 4vw, 2.5rem);position:relative;min-height:100%;overflow-x:clip;animation:fade-in .36s var(--ease-soft) backwards}.landing [id]{scroll-margin-top:84px}.landing__header{position:sticky;top:0;z-index:40;border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1)}.landing__header-inner{max-width:var(--landing-max);min-height:72px;margin:0 auto;padding:0 var(--landing-gutter);display:flex;align-items:center;gap:1.25rem}.landing__brand{display:inline-flex;align-items:center;gap:.6rem;color:var(--text);font-size:1.05rem;font-weight:800;letter-spacing:-.02em;text-decoration:none}.landing__mark{width:30px;height:30px;border-radius:9px;box-shadow:var(--shadow-sm)}.landing__mark--small{width:22px;height:22px;border-radius:7px}.landing__nav{display:none;align-items:center;gap:1.3rem;margin-right:auto}.landing__nav a{color:var(--muted);font-size:.9rem;font-weight:500;text-decoration:none;transition:color var(--dur-hover) var(--ease-soft)}.landing__nav a:hover{color:var(--text)}.landing__actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.landing__signin{display:none}.landing__lang{display:inline-flex;padding:2px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2)}.landing__lang button{padding:.22rem .55rem;border:none;border-radius:999px;background:transparent;color:var(--muted);font-size:.7rem;font-weight:700;letter-spacing:.04em;transition:background var(--dur-hover) var(--ease-soft),color var(--dur-hover) var(--ease-soft)}.landing__lang button.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.landing__hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:calc(100vh - 72px);min-height:calc(100svh - 72px);padding:clamp(2rem,5vw,4rem) 0 clamp(3rem,7vw,5rem);overflow:hidden}.landing__hero:before{content:"";position:absolute;z-index:-1;inset:-20% -20% auto;height:min(110vh,1100px);background:radial-gradient(45% 55% at 78% 30%,color-mix(in srgb,var(--accent-2) 22%,transparent),transparent 70%),radial-gradient(40% 50% at 12% 8%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 72%);pointer-events:none}.landing__hero:after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(color-mix(in srgb,var(--text) 9%,transparent) 1px,transparent 1px);background-size:26px 26px;opacity:.35;mask-image:radial-gradient(70% 70% at 50% 30%,#000,transparent 78%);-webkit-mask-image:radial-gradient(70% 70% at 50% 30%,#000,transparent 78%);pointer-events:none}.landing__hero-inner{width:100%;max-width:var(--landing-max);margin:0 auto;padding:0 var(--landing-gutter);display:grid;gap:clamp(2rem,5vw,3.5rem);align-items:center}.landing__copy{min-width:0}.landing__eyebrow{display:inline-flex;align-items:center;gap:.45rem;margin:0 0 .9rem;padding:.3rem .7rem;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--surface) 72%,transparent);color:var(--muted);font-size:.78rem;font-weight:600}.landing__pulse{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 20%,transparent);animation:landing-pulse 2.6s ease-in-out infinite}@keyframes landing-pulse{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--success) 8%,transparent)}}.landing__title{font-size:clamp(2.5rem,5.6vw,4.35rem);font-weight:800;line-height:1.02;letter-spacing:-.035em}.landing__title span{display:block;padding-bottom:.04em;background:linear-gradient(115deg,var(--accent) 0%,var(--accent-2) 72%);-webkit-background-clip:text;background-clip:text;color:transparent}.landing__lead{max-width:34rem;margin-top:1.25rem;color:var(--muted);font-size:clamp(.98rem,1.5vw,1.12rem);line-height:1.6}.landing__cta{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:1.7rem}.landing__cta-arrow{transform:rotate(-90deg);transition:transform var(--dur-hover) var(--ease-soft)}.landing__cta .btn:hover .landing__cta-arrow,.landing__cta-actions .btn:hover .landing__cta-arrow{transform:rotate(-90deg) translateY(-2px)}.landing__note{margin-top:.9rem;color:var(--muted);font-size:.82rem}.landing__trust{display:flex;flex-wrap:wrap;gap:.55rem 1.1rem;margin:1.6rem 0 0;padding:0;list-style:none;color:var(--muted);font-size:.82rem}.landing__trust li{display:inline-flex;align-items:center;gap:.35rem}.landing__trust svg{color:var(--accent)}.landing__stage{position:relative;width:100%;max-width:560px;margin:0 auto;padding:1.25rem 0 1.75rem}.landing-preview{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:0 34px 80px -48px #131629b3,var(--shadow);transform:rotate(-1.2deg);transition:transform .5s var(--ease-soft),box-shadow .5s var(--ease-soft);animation:landing-rise .8s var(--ease-soft) backwards}.landing-preview:hover{transform:rotate(0) translateY(-4px);box-shadow:0 44px 90px -48px #131629a6,var(--shadow)}@keyframes landing-rise{0%{opacity:0;transform:translateY(20px) rotate(-2.2deg)}}.landing-preview__bar{display:flex;align-items:center;gap:.65rem;padding:.7rem .9rem;border-bottom:1px solid var(--border);background:var(--surface-2)}.landing-preview__dots{display:inline-flex;gap:4px}.landing-preview__dots i{width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--muted) 34%,transparent)}.landing-preview__board{font-size:.82rem;font-weight:700;letter-spacing:-.01em}.landing-preview__live{display:inline-flex;align-items:center;gap:.3rem;margin-left:auto;color:var(--success);font-size:.68rem;font-weight:600}.landing-preview__live-dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 18%,transparent)}.landing-preview__tabs{display:flex;gap:.15rem;padding:.45rem .55rem;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.landing-preview__tabs::-webkit-scrollbar{display:none}.landing-preview__tabs span{display:inline-flex;align-items:center;gap:.35rem;flex:0 0 auto;padding:.42rem .6rem;border-radius:9px;color:var(--muted);font-size:.74rem;font-weight:500;white-space:nowrap}.landing-preview__tabs span.is-active{background:var(--accent-soft);color:var(--accent);font-weight:700}.landing-preview__body{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;padding:.8rem}.landing-preview__list{min-width:0;padding:.7rem .75rem;border:1px solid var(--border);border-radius:13px;background:var(--surface);box-shadow:var(--shadow-sm)}.landing-preview__list-head{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;font-size:.84rem}.landing-preview__list-head span{color:var(--muted);font-size:.7rem}.landing-preview__progress{height:4px;margin:.45rem 0 .35rem;border-radius:999px;background:var(--surface-2);overflow:hidden}.landing-preview__progress span{display:block;width:60%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.landing-preview__items{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.1rem}.landing-preview__items li{display:flex;align-items:center;gap:.5rem;padding:.2rem 0;font-size:.78rem}.landing-preview__items li.is-done>span:last-child{color:var(--muted);text-decoration:line-through}.landing-preview__add{display:flex;align-items:center;gap:.35rem;margin-top:.45rem;padding-top:.5rem;border-top:1px dashed var(--border);color:var(--muted);font-size:.72rem}.landing-preview__side{display:none;flex-direction:column;gap:.5rem;min-width:0}.landing-preview__note{padding:.6rem .7rem;border-radius:12px;gap:.15rem}.landing-preview__note-tag{color:var(--muted);font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.landing-preview__note strong{font-size:.78rem}.landing-preview__note p{font-size:.7rem;line-height:1.4}.landing-preview__reminder{display:flex;align-items:flex-start;gap:.5rem;padding:.55rem .6rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-sm)}.landing-preview__reminder-icon{display:grid;place-items:center;width:26px;height:26px;flex:0 0 auto;border-radius:8px;background:var(--accent-soft);color:var(--accent)}.landing-preview__reminder strong{display:block;font-size:.74rem}.landing-preview__reminder small{color:var(--muted);font-size:.66rem}.landing-preview__wish{display:flex;align-items:center;gap:.45rem;padding:.5rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-sm)}.landing-preview__wish-thumb{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:9px;background:linear-gradient(135deg,#f59e0b,#ec4899);color:#fff}.landing-preview__wish-body{min-width:0;flex:1}.landing-preview__wish-body strong{display:block;font-size:.72rem}.landing-preview__wish-body small{color:var(--muted);font-size:.65rem}.landing-preview__wish-tag{align-self:flex-start;padding:.12rem .4rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.6rem;font-weight:700}.landing-float{display:none;position:absolute;z-index:2;align-items:center;gap:.55rem;padding:.55rem .75rem;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--muted);font-size:.72rem;animation:landing-float-in .7s .5s var(--ease-soft) backwards}.landing-float strong{display:block;color:var(--text);font-size:.75rem;font-weight:600}.landing-float small{display:block;font-size:.66rem}.landing-float__check{display:grid;place-items:center;width:22px;height:22px;flex:0 0 auto;border-radius:50%;background:var(--success);color:#fff}.landing-float__avatars{display:inline-flex}.landing-float__avatars i{width:22px;height:22px;border:2px solid var(--surface);border-radius:50%;background:linear-gradient(135deg,var(--accent-2),var(--accent))}.landing-float__avatars i+i{margin-left:-7px;background:linear-gradient(135deg,#f59e0b,#ec4899)}.landing-float--activity{left:-1.6rem;bottom:2.2rem}.landing-float--members{top:1.6rem;right:-1.2rem}@keyframes landing-float-in{0%{opacity:0;transform:translateY(10px)}}.landing__section{position:relative;padding:clamp(3.5rem,7vw,6rem) 0}.landing__section--alt{border-block:1px solid var(--border);background:color-mix(in srgb,var(--surface) 48%,transparent)}.landing__section-inner{max-width:var(--landing-max);margin:0 auto;padding:0 var(--landing-gutter)}.landing__section-head{max-width:660px;margin-bottom:clamp(1.75rem,4vw,2.75rem)}.landing__section-head h2{font-size:clamp(1.8rem,3.6vw,2.7rem);font-weight:800;line-height:1.1;letter-spacing:-.03em}.landing__section-head>p:not(.landing__eyebrow){margin-top:.8rem;color:var(--muted);font-size:clamp(.95rem,1.4vw,1.08rem);line-height:1.55}.landing__examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.landing-example{display:flex;flex-direction:column;padding:.65rem .65rem 1.15rem;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform var(--dur-hover) var(--ease-soft),box-shadow var(--dur-hover) var(--ease-soft),border-color var(--dur-hover) var(--ease-soft)}.landing-example:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 24%,var(--border));box-shadow:var(--shadow)}.example-app{display:flex;flex-direction:column;gap:.55rem;min-height:176px;padding:.75rem;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--bg) 72%,var(--surface));overflow:hidden}.landing-example h3{margin:1rem .4rem .25rem;font-size:1rem;letter-spacing:-.01em}.landing-example p{margin:0 .4rem;color:var(--muted);font-size:.88rem;line-height:1.5}.mock-list{padding:.6rem .7rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-sm)}.mock-list__head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.4rem;font-size:.78rem}.mock-list__head span{color:var(--muted);font-weight:500}.mock-progress{height:4px;margin-bottom:.35rem;border-radius:999px;background:var(--surface-2);overflow:hidden}.mock-progress span{display:block;width:60%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.mock-items{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.1rem}.mock-items li{display:flex;align-items:center;gap:.45rem;padding:.16rem 0;font-size:.78rem}.mock-items li.is-done>span:last-child{color:var(--muted);text-decoration:line-through}.mock-check{display:grid;place-items:center;width:15px;height:15px;flex:0 0 auto;border:1.5px solid color-mix(in srgb,var(--muted) 45%,var(--border));border-radius:50%;color:#fff}.mock-check.is-done{border-color:var(--accent);background:var(--accent)}.example-app--notes{gap:.5rem}.mock-note{padding:.55rem .65rem;border-radius:11px}.mock-note strong{font-size:.78rem}.mock-note p{margin:0;font-size:.72rem;line-height:1.4}.mock-reminder{display:flex;align-items:flex-start;gap:.55rem;padding:.6rem .65rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-sm)}.mock-reminder__icon{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;border-radius:9px;background:var(--accent-soft);color:var(--accent)}.mock-reminder strong{display:block;font-size:.78rem}.mock-reminder small{display:flex;align-items:center;gap:.25rem;margin-top:.15rem;color:var(--muted);font-size:.7rem}.mock-reminder--overdue .mock-reminder__icon{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.mock-reminder--overdue small{color:var(--danger)}.mock-wish{display:flex;align-items:center;gap:.55rem;padding:.55rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-sm)}.mock-wish__thumb{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border-radius:10px;background:linear-gradient(135deg,#f59e0b,#ec4899);color:#fff}.mock-wish__body{min-width:0;flex:1}.mock-wish__body strong{display:block;font-size:.78rem}.mock-wish__body small{color:var(--muted);font-size:.7rem}.mock-wish__tag{align-self:flex-start;padding:.15rem .45rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.65rem;font-weight:700}.mock-add{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem;border:1.5px dashed var(--border);border-radius:11px;color:var(--muted);font-size:.74rem}.landing__features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.landing-feature{display:flex;flex-direction:column;gap:.5rem;padding:1.3rem;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color var(--dur-hover) var(--ease-soft),transform var(--dur-hover) var(--ease-soft)}.landing-feature:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 24%,var(--border))}.landing-feature__icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:.15rem;border-radius:12px;background:var(--accent-soft);color:var(--accent)}.landing-feature h3{font-size:1rem;letter-spacing:-.01em}.landing-feature p{color:var(--muted);font-size:.9rem;line-height:1.55}.landing__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin:0;padding:0;list-style:none}.landing-step{padding:1.35rem 1.25rem;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm)}.landing-step__num{display:grid;place-items:center;width:34px;height:34px;margin-bottom:.8rem;border-radius:50%;background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#fff;font-size:.9rem;font-weight:700}.landing-step h3{margin-bottom:.3rem;font-size:1rem;letter-spacing:-.01em}.landing-step p{color:var(--muted);font-size:.9rem;line-height:1.55}.landing__faq{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:1rem}.landing-faq{padding:1.3rem;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color var(--dur-hover) var(--ease-soft)}.landing-faq:hover{border-color:color-mix(in srgb,var(--accent) 24%,var(--border))}.landing-faq h3{margin-bottom:.4rem;font-size:.98rem;letter-spacing:-.01em}.landing-faq p{color:var(--muted);font-size:.9rem;line-height:1.6}.landing__section--cta{padding-top:clamp(1rem,3vw,2rem);padding-bottom:clamp(3.5rem,7vw,6rem)}.landing__cta-card{position:relative;isolation:isolate;overflow:hidden;max-width:calc(var(--landing-max) - 2 * var(--landing-gutter));margin:0 auto;padding:clamp(1.75rem,5vw,3.5rem);display:grid;gap:1.5rem;border-radius:28px;background:linear-gradient(120deg,#4338ca,#6d28d9 55%,#9333ea);box-shadow:0 30px 80px -45px #4338cae6;color:#fff}.landing__cta-card:before{content:"";position:absolute;z-index:-1;top:-45%;right:-12%;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 66%)}.landing__cta-card:after{content:"";position:absolute;z-index:-1;bottom:-55%;left:-12%;width:56%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 66%)}.landing__cta-copy h2{font-size:clamp(1.65rem,3.2vw,2.45rem);font-weight:800;line-height:1.08;letter-spacing:-.03em}.landing__cta-copy p{max-width:36rem;margin-top:.65rem;color:#ffffffd1;font-size:clamp(.94rem,1.3vw,1.02rem);line-height:1.55}.landing__cta-actions{display:flex;flex-wrap:wrap;gap:.65rem}.landing__cta-card .btn{border-color:#fff;background:#fff;color:#4338ca;font-weight:700}.landing__cta-card .btn:hover{filter:brightness(.97)}.landing__cta-card .landing__cta-signin{border-color:#ffffff73;background:transparent;color:#fff;font-weight:600}.landing__cta-card .landing__cta-signin:hover{background:#ffffff1f}.landing__cta-note{color:#ffffffb8;font-size:.82rem}.landing__footer{padding:2rem var(--landing-gutter) calc(2.5rem + var(--safe-bottom));border-top:1px solid var(--border)}.landing__footer-inner{max-width:var(--landing-max);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;color:var(--muted);font-size:.84rem}.landing__footer-brand{display:inline-flex;align-items:center;gap:.5rem;color:var(--text);font-weight:700}.landing__footer-tagline{color:var(--muted);font-weight:400}.landing__footer-links{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}.landing__footer-links a{color:var(--muted);text-decoration:none;transition:color var(--dur-hover) var(--ease-soft)}.landing__footer-links a:hover{color:var(--accent)}.landing__footer-rights{margin-left:auto}@media(min-width:640px){.landing-preview__body{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}.landing-preview__side{display:flex}}@media(min-width:760px){.landing__signin{display:inline-flex}}@media(min-width:900px){.landing__nav{display:flex}}@media(min-width:960px){.landing__hero-inner{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)}.landing__stage{max-width:none;padding:1.5rem .75rem 2rem .5rem}.landing__cta-card{grid-template-columns:minmax(0,1.25fr) auto;align-items:center}.landing__cta-copy{grid-row:span 2}.landing__cta-actions{flex-wrap:nowrap;justify-content:flex-end}.landing__cta-note{text-align:right}}@media(min-width:1100px){.landing-float{display:flex}}@media(max-width:540px){.landing__hero{padding:1.75rem 0 2.5rem}.landing__title{font-size:clamp(2.2rem,11vw,3rem)}.landing__cta{flex-direction:column;align-items:stretch}.landing__cta .btn{width:100%}.landing__section{padding:3rem 0}.landing__section--cta{padding-top:1rem}.landing__cta-card{border-radius:22px}.landing__cta-actions{flex-direction:column;align-items:stretch}.landing__cta-card .btn{width:100%}.landing__footer-inner{flex-direction:column;align-items:flex-start;gap:.75rem}.landing__footer-tagline{display:none}.landing__footer-rights{margin-left:0}}@media(max-width:480px){.landing__header-inner{min-height:64px;gap:.6rem}.landing__brand-text{display:none}.landing__lang button{padding:.2rem .45rem}.landing__hero{min-height:calc(100vh - 64px);min-height:calc(100svh - 64px)}}.tasks-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.tasks-head__hint{margin:0;color:var(--muted);font-size:.84rem}.task-board{display:flex;flex-direction:column;gap:.8rem}.task-col{display:flex;flex-direction:column;gap:.55rem;min-width:0;padding:.7rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:border-color var(--dur-hover) var(--ease-soft),box-shadow var(--dur-hover) var(--ease-soft)}.task-col--over{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.task-col__head{display:flex;align-items:center;gap:.45rem}.task-col__name{flex:1;min-width:0;margin:0;font-size:.86rem;font-weight:600;overflow-wrap:anywhere}.task-col__count{padding:.05rem .45rem;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.76rem}.task-col__empty{margin:0;padding:.5rem 0;text-align:center;color:var(--muted);font-size:.8rem}.task-dot{display:inline-block;flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:#94a3b8}.task-dot--gray{background:#94a3b8}.task-dot--blue{background:#3b82f6}.task-dot--amber{background:#f59e0b}.task-dot--green{background:#22c55e}.task-dot--rose{background:#ec4899}.task-dot--violet{background:#8b5cf6}.task-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.task-card{padding:.3rem .35rem;background:var(--surface-2);border:1px solid var(--border);border-radius:12px}.task-card--dragging{opacity:.35}.task-card__row{display:flex;align-items:flex-start;gap:.1rem}.task-card__grip{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 auto;padding:0;border:none;background:transparent;color:var(--muted);cursor:grab;touch-action:none}.task-card__grip:active{cursor:grabbing}.task-card__title{flex:1;min-width:0;padding:.3rem .2rem;border:none;background:transparent;color:var(--text);font-size:.88rem;line-height:1.35;text-align:left;overflow-wrap:anywhere}button.task-card__title{cursor:text}.task-card .icon-btn{width:28px;height:28px;flex:0 0 auto}.task-card__edit{display:flex;flex:1;min-width:0;align-items:center;gap:.2rem}.task-card__edit input{flex:1;min-width:0;padding:.3rem .4rem}.task-menu{position:relative}.task-menu>summary{display:flex;align-items:center;justify-content:center;width:28px;height:28px;list-style:none;border-radius:8px;color:var(--muted);cursor:pointer}.task-menu>summary::-webkit-details-marker{display:none}.task-menu>summary:hover,.task-menu[open]>summary{background:var(--accent-soft);color:var(--accent)}.task-menu__list{position:absolute;top:calc(100% + 4px);right:0;z-index:8;display:flex;flex-direction:column;gap:1px;min-width:190px;padding:.35rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.task-menu__item{display:flex;align-items:center;gap:.5rem;padding:.45rem .5rem;border:none;border-radius:8px;background:transparent;color:var(--text);font-size:.86rem;text-align:left}.task-menu__item:hover:not(:disabled){background:var(--accent-soft)}.task-menu__item:disabled{opacity:.5}.task-add{display:flex;align-items:center;gap:.3rem;margin-top:auto}.task-add input{flex:1;min-width:0;padding:.4rem .5rem;font-size:.86rem}.task-ghost{position:fixed;z-index:80;padding:.5rem .65rem;background:var(--surface);border:1px solid var(--accent);border-radius:12px;box-shadow:var(--shadow);font-size:.88rem;line-height:1.35;overflow-wrap:anywhere;pointer-events:none;transform:rotate(1.5deg);opacity:.96}body.task-dragging{user-select:none;-webkit-user-select:none}.task-statuses{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.8rem}.task-status-row{display:flex;flex-direction:column;gap:.45rem;padding-bottom:.8rem;border-bottom:1px solid var(--border)}.task-status-row:last-child{padding-bottom:0;border-bottom:none}.task-status-row__main{display:flex;align-items:center;gap:.45rem}.task-status-row__main input{flex:1;min-width:0}.task-colors{display:flex;flex-wrap:wrap;gap:.3rem;padding-left:17px}.task-colors__btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--surface)}.task-colors__btn:hover{border-color:var(--accent)}.task-colors__btn.is-active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.task-statuses__add{display:flex;flex-direction:column;gap:.5rem;padding-top:.9rem;border-top:1px solid var(--border)}.task-statuses__add .task-status-row__main{flex-wrap:wrap}.task-statuses__add .btn{margin-left:auto}@media(min-width:768px){.task-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start}}@media(min-width:768px){.page,.page--narrow{max-width:none}.board-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.panel--lists{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:start}.panel--lists>.btn:last-child{grid-column:1 / -1}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.reminder-list,.wish-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:.7rem}}@media(min-width:1000px){.boards-layout{display:grid;grid-template-columns:minmax(320px,400px) minmax(0,1fr);gap:1.25rem 2rem;align-items:start}.boards-layout>.create-card{position:sticky;top:calc(1rem + var(--safe-top));margin-bottom:0}.boards-main{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.boards-main>*{margin-bottom:0}}.pro-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .55rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}.chip--pro{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));color:var(--accent);background:var(--accent-soft)}.pro-page{width:min(100%,1120px);margin:0 auto;padding:calc(1rem + var(--safe-top)) 1rem calc(2.5rem + var(--safe-bottom))}.pro-page__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.pro-page__brand{display:inline-flex;align-items:center;gap:.55rem;font-weight:800;color:var(--text);text-decoration:none}.pro-page__nav{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;font-size:.88rem}.pro-page__nav a{color:var(--muted);text-decoration:none}.pro-page__nav a:hover{color:var(--text)}.pro-page__nav .btn{color:inherit}.pro-page__main{display:flex;flex-direction:column;gap:1.25rem}.pro-hero{text-align:center;max-width:680px;margin:0 auto}.pro-hero h1{margin:.55rem 0 .35rem;font-size:clamp(2rem,6vw,3.4rem);letter-spacing:-.04em}.pro-hero p{margin:0 auto;max-width:560px;color:var(--muted);font-size:1.03rem}.pro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;width:min(100%,860px);margin:0 auto}.pro-plan{position:relative;display:flex;flex-direction:column;padding:1.6rem;border:1px solid var(--border);border-radius:1.35rem;background:var(--surface);box-shadow:0 18px 40px -32px #13162973}.pro-plan--pro{border-color:color-mix(in srgb,var(--accent) 48%,var(--border));background:radial-gradient(120% 100% at 100% 0%,var(--accent-soft),transparent 58%),var(--surface)}.pro-plan__badge{display:inline-flex;align-items:center;gap:.3rem;align-self:flex-start;padding:.22rem .6rem;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.75rem;font-weight:700}.pro-plan--pro .pro-plan__badge{background:var(--accent);color:#fff}.pro-plan__switch{display:inline-flex;gap:.25rem;margin-top:.9rem;padding:.2rem;border-radius:999px;background:var(--surface-2)}.pro-plan__switch button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:.85rem;padding:.3rem .75rem;border-radius:999px;cursor:pointer}.pro-plan__switch button.is-active{background:var(--surface);color:var(--text);font-weight:700}.pro-plan__price{margin:.9rem 0 0;font-size:clamp(2rem,6vw,2.9rem);font-weight:800;letter-spacing:-.05em;line-height:1}.pro-plan__period{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}.pro-plan__lead{margin:.7rem 0 1rem;color:var(--text);font-weight:600}.pro-plan__features{display:flex;flex-direction:column;gap:.6rem;margin:0 0 1.4rem;padding:0;list-style:none;font-size:.94rem}.pro-plan__features li{display:flex;align-items:flex-start;gap:.55rem}.pro-plan__features svg{flex:none;margin-top:.12rem;color:var(--accent)}.pro-plan .btn{margin-top:auto}.pro-plan__hint{margin:.65rem 0 0;text-align:center}.pro-status{width:min(100%,860px);margin:0 auto;padding:1.5rem;border:1px solid var(--border);border-radius:1.35rem;background:var(--surface)}.pro-status__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.pro-status__head h2{margin:.4rem 0 .2rem;font-size:1.4rem}.pro-status__head p{margin:0;color:var(--muted)}.pro-state{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.74rem;font-weight:700}.pro-state--trial,.pro-state--active{background:var(--accent-soft);color:var(--accent)}.pro-state--past_due{background:color-mix(in srgb,#f59e0b 22%,var(--surface));color:#b45309}.pro-state--expired{background:color-mix(in srgb,#ef4444 14%,var(--surface));color:#b91c1c}.pro-status__rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1.2rem;margin:0 0 1.1rem;padding:1rem;border-radius:.9rem;background:var(--surface-2)}.pro-status__rows div{display:flex;flex-direction:column;gap:.15rem}.pro-status__rows dt{color:var(--muted);font-size:.78rem}.pro-status__rows dd{margin:0;font-weight:600}.pro-status__actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.6rem}.pro-payments{margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--border)}.pro-payments h3{margin:0 0 .55rem;font-size:1rem}.pro-payments ul{display:flex;flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none}.pro-payments li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem 0;border-bottom:1px dashed var(--border);font-size:.88rem}.pro-payment-state{color:var(--muted);font-size:.8rem}.pro-payment-state--succeeded{color:#047857}.pro-payment-state--failed,.pro-payment-state--canceled{color:#b91c1c}.pro-legal{width:min(100%,860px);margin:0 auto;padding:1.4rem;border:1px solid var(--border);border-radius:1.2rem;background:var(--surface)}.pro-legal p{margin:0 0 .55rem}.pro-legal a{color:var(--accent)}.pro-legal__links{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:.6rem;font-size:.85rem}.pro-banner{display:flex;align-items:center;gap:1rem;padding:.95rem 1.1rem;margin-bottom:1rem;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));border-radius:1rem;background:linear-gradient(120deg,var(--accent-soft),transparent 75%),var(--surface)}.pro-banner__icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;flex:none;border-radius:.8rem;background:var(--accent);color:#fff}.pro-banner__copy{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}.pro-banner__copy strong{font-size:.95rem}.pro-banner__copy p{margin:0;color:var(--muted);font-size:.86rem}.notice--locked{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.notice--locked>span{display:flex;flex:1 1 14rem;flex-direction:column;gap:.15rem;min-width:0}.notice--locked .btn{flex:none;white-space:nowrap}.pro-banner .btn{margin-left:auto;flex:none}.pro-lock{display:flex;align-items:flex-start;gap:.9rem;padding:1rem;margin:0 0 1rem;border:1px dashed color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:1rem;background:var(--accent-soft)}.pro-lock__icon{display:grid;place-items:center;width:2.2rem;height:2.2rem;flex:none;border-radius:.7rem;background:var(--accent);color:#fff}.pro-lock__copy{min-width:0}.pro-lock__copy h3{margin:.3rem 0 .2rem;font-size:1rem}.pro-lock__copy p{margin:0;color:var(--muted);font-size:.88rem}.pro-lock__cta{margin-left:auto;flex:none}.settings-pro{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem}.settings-row--links{display:flex;flex-direction:column;gap:.15rem}.legal__rows{display:flex;flex-direction:column;gap:.45rem;margin:0}.legal__row{display:grid;grid-template-columns:minmax(120px,.4fr) minmax(0,1fr);gap:.75rem;padding:.35rem 0;border-bottom:1px dashed var(--border)}.legal__row dt{color:var(--muted);font-size:.86rem}.legal__row dd{margin:0;font-weight:600}.legal__links{display:flex;flex-wrap:wrap;gap:.9rem;font-size:.88rem}.legal__links a{color:var(--accent)}.landing-pricing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;max-width:820px;margin:0 auto}.landing-price{display:flex;flex-direction:column;padding:1.5rem;border:1px solid var(--border);border-radius:1.2rem;background:var(--surface)}.landing-price--pro{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));box-shadow:0 20px 55px -40px var(--accent)}.landing-price__badge{display:inline-flex;align-items:center;gap:.3rem;align-self:flex-start;padding:.2rem .55rem;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.75rem;font-weight:700}.landing-price--pro .landing-price__badge{background:var(--accent);color:#fff}.landing-price__price{margin:.8rem 0 0;font-size:2.1rem;font-weight:800;letter-spacing:-.04em}.landing-price__lead{margin:.3rem 0 .9rem;color:var(--muted)}.landing-price__list{display:flex;flex-direction:column;gap:.45rem;margin:0 0 1.2rem;padding:0;list-style:none;font-size:.92rem}.landing-price__list li:before{content:"✓";margin-right:.45rem;color:var(--accent);font-weight:800}.landing-price .btn{margin-top:auto}.landing-pricing__note{margin:1rem auto 0;text-align:center;color:var(--muted);font-size:.86rem}.landing-pricing__note a{color:var(--accent)}@media(max-width:760px){.pro-page{padding-left:.75rem;padding-right:.75rem}.pro-page__head{align-items:flex-start;flex-direction:column}.pro-page__nav{width:100%;gap:.7rem}.pro-grid,.landing-pricing{grid-template-columns:minmax(0,1fr)}.pro-plan{padding:1.25rem}.pro-status{padding:1.1rem}.pro-status__head{flex-direction:column}.pro-status__rows{grid-template-columns:minmax(0,1fr)}.pro-banner{align-items:flex-start;flex-wrap:wrap}.pro-banner .btn{margin-left:0}.pro-lock{flex-wrap:wrap}.pro-lock__cta{margin-left:0}.legal__row{grid-template-columns:minmax(0,1fr);gap:.1rem}}.pro-status__rows:empty{display:none}.pet{display:grid;gap:1rem;min-width:0}.pet-room{position:relative;height:clamp(340px,48vw,430px);overflow:hidden;border:3px solid #120d1b;border-radius:6px;background:#2c2440;box-shadow:5px 5px #120d1b73;isolation:isolate}.pet-room__canvas{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;cursor:pointer;touch-action:manipulation}.pet-room__heart{position:absolute;z-index:6;color:#ff8ea8;font-size:1.45rem;font-weight:800;line-height:1;text-shadow:2px 2px 0 #120d1b;transform:translate(-50%,-50%);animation:pet-room-heart .7s steps(5,end) forwards;pointer-events:none}@keyframes pet-room-heart{0%{opacity:0;transform:translate(-50%,-35%) scale(.7)}25%{opacity:1;transform:translate(-50%,-75%) scale(1.15)}to{opacity:0;transform:translate(-50%,-155%) scale(1)}}.pet-room__canvas canvas{display:block;width:100%;height:100%;image-rendering:crisp-edges;image-rendering:pixelated}.pet-room__zzz{position:absolute;left:16%;top:31%;z-index:3;color:#f4d58a;font-family:ui-monospace,Cascadia Mono,monospace;font-size:1.2rem;font-weight:800;letter-spacing:.16em;text-shadow:2px 2px 0 #120d1b;animation:pet-room-zzz 2s steps(2,end) infinite;pointer-events:none}@keyframes pet-room-zzz{0%,to{transform:translate(0);opacity:.45}50%{transform:translate(5px,-6px);opacity:1}}.pet-hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;justify-content:space-between;gap:.45rem;padding:.7rem;pointer-events:none}.pet-hud__row{display:flex;align-items:flex-start;justify-content:space-between;gap:.55rem;min-width:0}.pet-hud__row--bottom{align-items:flex-end}.pet-hud__panel{min-width:0;padding:.5rem .6rem;border:2px solid #120d1b;border-radius:3px;background:#1d1524db;box-shadow:3px 3px #00000059;color:#fff3df;pointer-events:auto}.pet-hud__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.24rem .8rem;width:min(300px,54%)}.pet-hud__stat{display:grid;grid-template-columns:4.6rem minmax(18px,1fr) 2ch;align-items:center;gap:.28rem;min-width:0;font-size:.66rem;line-height:1.15}.pet-hud__stat>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#e5d2ba}.pet-hud__stat>i{display:block;height:7px;overflow:hidden;background:#3b2b38;box-shadow:inset 0 0 0 1px #120d1b}.pet-hud__stat b{display:block;height:100%;background:#6fd08a;transition:width .25s ease}.pet-hud__stat b.warn{background:#e8b43a}.pet-hud__stat b.bad{background:#db5a5a}.pet-hud__stat strong{color:#fff3df;font-variant-numeric:tabular-nums;text-align:right}.pet-hud__wallet{display:grid;gap:.25rem;margin-left:auto;width:min(210px,42%)}.pet-hud__coins{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem;color:#e5d2ba;font-size:.68rem}.pet-hud__coins strong{color:#f4d58a;font-size:1.18rem;line-height:1;font-variant-numeric:tabular-nums;text-shadow:2px 2px 0 #120d1b}.pet-hud__supplies{color:#cdb79f;font-size:.61rem;line-height:1.35}.pet-shop-toggle{justify-self:stretch;margin-top:.1rem;padding:.28rem .45rem;border:2px solid #120d1b;border-radius:3px;background:#6d8fd8;box-shadow:2px 2px #120d1b;color:#fff8e8;font:inherit;font-size:.67rem;font-weight:700;cursor:pointer}.pet-shop-toggle:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #120d1b}.pet-shop-toggle:active{transform:translate(1px,1px);box-shadow:1px 1px #120d1b}.pet-hud__identity{display:grid;gap:.22rem;max-width:40%}.pet-chip{display:inline-flex;align-items:center;gap:.22rem;width:fit-content;padding:.12rem .38rem;border:1px solid #4b3950;border-radius:3px;background:#34283d;color:#f4d58a;font-size:.62rem;font-weight:700;white-space:nowrap}.pet-name{max-width:100%;padding:0;overflow:hidden;border:0;background:none;color:#fff8e8;font:inherit;font-size:clamp(1rem,2.2vw,1.35rem);font-weight:800;line-height:1.05;text-align:left;text-overflow:ellipsis;white-space:nowrap;text-shadow:2px 2px 0 #120d1b;cursor:pointer}.pet-name:hover:not(:disabled){color:#f4d58a}.pet-name:disabled{cursor:default}.pet-hud__status{color:#d8c5ae;font-size:.67rem;line-height:1.2}.pet-hud__status.is-sick{color:#ff9a9a;font-weight:700}.pet-hud__status.is-sleeping{color:#c9b6ff;font-weight:700}.pet-rename--hud{display:flex;flex-wrap:wrap;align-items:center;gap:.28rem}.pet-rename--hud input{width:9.5rem;max-width:100%;min-width:0}.pet-hud__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.32rem;max-width:58%}.pet-action{padding:.32rem .5rem;border:2px solid #120d1b;border-radius:3px;background:#f4d58a;box-shadow:2px 2px #120d1b;color:#24160f;font:inherit;font-size:.68rem;font-weight:700;cursor:pointer}.pet-action:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px #120d1b}.pet-action:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px #120d1b}.pet-action--heal{background:#e98a8a}.pet-action:disabled{opacity:.58;cursor:wait}.pet-busy{color:#f4d58a;font-size:.63rem}.pet-readonly{max-width:18rem;color:#d8c5ae;font-size:.66rem;line-height:1.3}.pet-hud__lock{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;max-width:19rem;font-size:.68rem;line-height:1.35}.pet-hud__lock strong{color:#f4d58a}.pet-room__hint{display:grid;gap:.15rem;margin:.55rem 0 0;color:var(--muted);font-size:.72rem;line-height:1.3;text-align:center}.pet-shop--room{position:absolute;left:50%;top:50%;z-index:8;width:min(430px,calc(100% - 1.4rem));max-height:calc(100% - 1.4rem);padding:.8rem;overflow:auto;transform:translate(-50%,-50%);border:3px solid #120d1b;border-radius:4px;background:#f4e3bd;box-shadow:7px 7px #0006;color:#24160f;pointer-events:auto}.pet-shop__head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.pet-shop__head h4{margin:0;font-size:1.05rem}.pet-shop__close{width:1.8rem;height:1.8rem;padding:0;border:2px solid #120d1b;border-radius:3px;background:#e6cfa4;box-shadow:2px 2px #120d1b;color:#24160f;font:inherit;font-size:1.15rem;font-weight:800;line-height:1;cursor:pointer}.pet-shop--room .hint{margin:.35rem 0 .65rem;color:#6f5540}.pet-shop__items{display:grid;gap:.4rem}.pet-shop__item{display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.45rem .55rem;border:2px solid #120d1b;border-radius:3px;background:#fff8e8;box-shadow:2px 2px #120d1b;color:#24160f;font:inherit;font-size:.75rem;cursor:pointer}.pet-shop__item:hover:not(:disabled){background:#ffefc9}.pet-shop__item strong{color:#7d5a2e;font-size:.68rem;white-space:nowrap}.pet-shop__item:disabled{opacity:.5;cursor:default}.pet-room__veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:.9rem;overflow:auto;background:#120d1b94}.pet-adopt--room{display:grid;grid-template-columns:118px minmax(0,1fr);gap:.85rem 1rem;align-items:center;width:min(540px,100%);max-height:100%;padding:1rem;overflow:auto;border:3px solid #120d1b;border-radius:4px;background:#f4e3bd;box-shadow:7px 7px #0006;color:#24160f}.pet-adopt__art{display:grid;place-items:center;min-height:112px;border:3px solid #120d1b;border-radius:3px;background:#2c2440;color:#f4d58a;box-shadow:inset 0 0 0 3px #3b3155}.pet-adopt__copy h3{margin:0 0 .3rem;font-size:1.15rem}.pet-adopt__copy p{margin:0;color:#6f5540;font-size:.76rem;line-height:1.4}.pet-adopt__fields{display:flex;grid-column:1 / -1;flex-wrap:wrap;align-items:flex-end;gap:.55rem}.pet-adopt__fields label{display:grid;flex:1 1 150px;gap:.24rem;min-width:0;color:#6f5540;font-size:.72rem}.pet-adopt__species{align-self:center;margin:0;padding-bottom:.32rem;color:#6f5540;font-size:.8rem;font-weight:700}.pet-adopt__fields input,.pet-adopt__fields select{min-width:0;padding:.38rem .45rem;border:2px solid #120d1b;border-radius:3px;background:#fff8e8;color:#24160f;font:inherit;font-size:.8rem}.pet-adopt--room .hint{grid-column:1 / -1;margin:0;color:#6f5540}.pet-empty--room{display:flex;align-items:center;gap:.8rem;max-width:420px;padding:.9rem 1rem;border:3px solid #120d1b;border-radius:4px;background:#f4e3bd;box-shadow:6px 6px #0006;color:#6f5540}.pet-empty--room svg{flex:none;color:#7d5a2e}.pet-empty--room p{margin:0;font-size:.82rem}.pet-sheet__pick{display:flex;flex-wrap:wrap;gap:.4rem}.pet-sheet__pick .chip{display:inline-flex;align-items:center;gap:.35rem}@media(max-width:760px){.pet-room{height:380px}.pet-hud{padding:.55rem}.pet-hud__stats{width:56%}.pet-hud__wallet{width:41%}.pet-hud__identity{max-width:43%}.pet-hud__actions{max-width:55%}.pet-action{padding:.34rem .42rem;font-size:.64rem}}@media(max-width:600px){.pet-room{height:420px}.pet-hud__row{flex-wrap:wrap}.pet-hud__stats{width:100%}.pet-hud__wallet{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;width:100%;margin-left:0}.pet-hud__coins{gap:.4rem}.pet-hud__supplies{flex:1 1 100%;order:3}.pet-shop-toggle{margin-left:auto}.pet-hud__row--bottom{align-items:flex-end}.pet-hud__identity{max-width:42%}.pet-hud__actions{max-width:55%}.pet-adopt--room{grid-template-columns:84px minmax(0,1fr);padding:.8rem}.pet-adopt__art{min-height:82px}.pet-adopt__art svg{width:48px;height:48px}}@media(max-width:430px){.pet-room{height:440px}.pet-hud{gap:.35rem;padding:.45rem}.pet-hud__panel{padding:.42rem .48rem}.pet-hud__stat{grid-template-columns:3.9rem minmax(14px,1fr) 2ch;gap:.2rem;font-size:.6rem}.pet-hud__identity{max-width:40%}.pet-hud__actions{gap:.25rem;max-width:57%}.pet-action{padding:.32rem .38rem;font-size:.61rem}.pet-adopt--room{grid-template-columns:minmax(0,1fr)}.pet-adopt__art{min-height:70px}.pet-adopt__copy{display:none}.pet-adopt__fields label{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.pet-room__zzz{animation:none}.pet-room__heart{animation:pet-room-heart-fade .7s steps(5,end) forwards}.pet-hud__stat b{transition:none}}@keyframes pet-room-heart-fade{0%{opacity:1}to{opacity:0}}.pet-roamer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;overflow:hidden;pointer-events:none}.pet-roamer__canvas{position:absolute;top:0;right:0;bottom:0;left:0}.pet-roamer__canvas canvas{display:block;width:100%;height:100%;image-rendering:crisp-edges;image-rendering:pixelated}.pet-roamer__hit{position:absolute;width:92px;height:104px;padding:0;border:0;border-radius:8px;background:transparent;transform:translate(-50%,-100%);cursor:pointer;pointer-events:auto;touch-action:manipulation}.pet-roamer__hit:hover,.pet-roamer__hit:focus-visible{outline:3px dashed #f4d58a;outline-offset:-8px}.pet-roamer__hint{position:absolute;left:50%;bottom:calc(.85rem + var(--safe-bottom, 0px));max-width:calc(100vw - 2rem);margin:0;padding:.42rem .68rem;overflow:hidden;border:2px solid #120d1b;border-radius:3px;background:#1d1524e6;box-shadow:3px 3px #00000059;color:#fff3df;font-size:.7rem;line-height:1.3;text-align:center;text-overflow:ellipsis;white-space:nowrap;transform:translate(-50%)}.pet-action--roam{background:#8fc7a8}.pet-room__away{display:grid;place-items:center;align-content:center;gap:.45rem;color:#fff3df;text-align:center}.pet-room__away svg{color:#f4d58a}.pet-room__away h3{margin:0;color:#f4d58a;font-size:1.05rem}.pet-room__away p{max-width:32rem;margin:0;color:#e7d7c0;font-size:.78rem;line-height:1.4}.pet-room--away .pet-room__canvas{cursor:default;pointer-events:none}@media(max-width:600px){.pet-roamer__hint{max-width:calc(100vw - 1.4rem);font-size:.64rem;white-space:normal}}@media(prefers-reduced-motion:reduce){.pet-roamer__hit{transition:none}}@media(min-width:1024px){.desktop-shell{min-height:100vh;display:grid;grid-template-columns:246px minmax(0,1fr);background:var(--bg)}.desktop-shell__main{min-width:0;display:flex;flex-direction:column}.desktop-shell .online-pill{display:none}.desktop-shell .board-body{max-width:none;margin:0;padding:0}.desktop-sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:20px 14px 16px;background:var(--surface);border-right:1px solid var(--border);scrollbar-width:thin}.desktop-brand{display:flex;align-items:center;gap:10px;padding:0 8px 2px;color:var(--text);text-decoration:none;font-size:1.05rem;font-weight:750;letter-spacing:-.02em}.desktop-brand .brand-mark{width:30px;height:30px;flex:0 0 auto}.desktop-board{display:block;padding:11px 12px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);color:var(--text);text-decoration:none}.desktop-board:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.desktop-board__label{display:block;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.desktop-board__name{display:block;margin-top:3px;font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-board__meta{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:.75rem;color:var(--muted);white-space:nowrap;overflow:hidden}.desktop-board__meta .dot{width:6px;height:6px}.desktop-nav{display:flex;flex-direction:column;gap:2px}.desktop-nav__label{padding:0 10px 6px;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.desktop-nav__item{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:var(--text);font:inherit;font-size:.9rem;text-align:left;text-decoration:none;cursor:pointer}.desktop-nav__item:hover{background:var(--surface-2)}.desktop-nav__item[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:650}.desktop-nav__item svg{flex:0 0 auto}.desktop-nav__count{margin-left:auto;min-width:20px;padding:1px 6px;border-radius:999px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;text-align:center}.desktop-service{display:flex;flex-direction:column;gap:2px;padding-top:12px;border-top:1px solid var(--border)}.desktop-sidebar__foot{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--border)}.desktop-sync{display:flex;align-items:center;gap:7px;padding:0 10px;font-size:.75rem;color:var(--muted)}.desktop-sync .dot{width:7px;height:7px}.desktop-user{display:flex;align-items:center;gap:9px;width:100%;padding:7px 8px;border:0;border-radius:10px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.desktop-user:hover{background:var(--surface-2)}.desktop-user .avatar{width:32px;height:32px;font-size:.78rem}.desktop-user__name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:650}.desktop-user__role{display:block;font-size:.7rem;font-weight:400;color:var(--muted)}.desktop-foot-actions{display:flex;gap:4px;padding:0 4px}.desktop-topbar{position:sticky;top:0;z-index:20;height:64px;flex:0 0 auto;display:flex;align-items:center;gap:16px;padding:0 24px;background:color-mix(in srgb,var(--surface) 88%,transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.desktop-crumbs{display:flex;align-items:center;gap:7px;min-width:0;font-size:.84rem;color:var(--muted);white-space:nowrap}.desktop-crumbs a{color:var(--muted);text-decoration:none}.desktop-crumbs a:hover{color:var(--text)}.desktop-crumbs svg{flex:0 0 auto;transform:rotate(-90deg);opacity:.65}.desktop-crumbs__board{flex:0 1 auto;min-width:0;max-width:45%;overflow:hidden;text-overflow:ellipsis}.desktop-crumbs strong{flex:0 0 auto;min-width:0;max-width:40%;overflow:hidden;text-overflow:ellipsis;color:var(--text);font-weight:650}.desktop-topbar__right{margin-left:auto;display:flex;align-items:center;gap:10px;min-width:0}.desktop-search{display:flex;align-items:center;gap:8px;width:230px;height:36px;padding:0 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--muted);font:inherit;font-size:.84rem;text-align:left;cursor:pointer}.desktop-search:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));color:var(--text)}.desktop-search span{flex:1}.desktop-search kbd{padding:2px 5px;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--muted);font:inherit;font-size:.68rem;line-height:1.3}.desktop-avatar-stack{display:flex;align-items:center;padding-left:4px}.desktop-online-count{color:var(--muted);font-size:.74rem;white-space:nowrap}.desktop-avatar-stack .avatar{width:27px;height:27px;font-size:.66rem;margin-left:-6px;border:2px solid var(--surface);box-shadow:none}.desktop-avatar-stack .avatar:first-child{margin-left:0}.desktop-avatar-more{margin-left:-6px;display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border:2px solid var(--surface);border-radius:50%;background:var(--surface-2);color:var(--muted);font-size:.66rem;font-weight:700}.desktop-invite{height:36px}.desktop-canvas{width:100%;max-width:1440px;margin:0 auto;padding:24px;display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}.desktop-canvas--with-rail{grid-template-columns:minmax(0,1fr) 288px}.desktop-canvas .board-tab{min-width:0}.desktop-canvas .list-card,.desktop-rail .card{padding:0;overflow:hidden}.desktop-canvas .item{padding:7px 10px}.desktop-section-head{margin-bottom:16px}.desktop-section-head h1{display:flex;align-items:baseline;gap:10px;font-size:1.75rem;letter-spacing:-.03em}.desktop-section-head__count{color:var(--muted);font-size:.95rem;font-weight:500}.desktop-section-head p{margin-top:4px;color:var(--muted);font-size:.86rem}.desktop-rail{display:flex;flex-direction:column;gap:16px;min-width:0}.desktop-rail .card{border-radius:var(--radius-sm)}.desktop-rail__head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border)}.desktop-rail__head h2{font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.desktop-rail__head span{margin-left:auto;font-size:.75rem;color:var(--muted)}.desktop-rail__empty{padding:14px;color:var(--muted);font-size:.8rem;line-height:1.45}.rail-list{list-style:none;margin:0;padding:4px 0}.rail-row{display:flex;align-items:center;gap:9px;width:100%;padding:8px 14px;border:0;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.rail-row:hover{background:var(--surface-2)}.rail-row__icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:0 0 auto;border-radius:8px;background:var(--accent-soft);color:var(--accent)}.rail-row__main{min-width:0;flex:1}.rail-row__title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:550;line-height:1.35}.rail-row__meta{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;color:var(--muted);font-size:.72rem}.rail-row__meta--overdue{color:var(--danger)}.desktop-note{padding:13px 14px 14px;cursor:pointer;border:0;width:100%;background:transparent;color:var(--text);font:inherit;text-align:left}.desktop-note:hover{background:var(--surface-2)}.desktop-note strong{display:block;font-size:.88rem;line-height:1.35}.desktop-note p{display:-webkit-box;margin-top:4px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--muted);font-size:.8rem;line-height:1.5;white-space:pre-wrap}.activity-list{list-style:none;margin:0;padding:4px 0}.activity-row{display:flex;align-items:flex-start;gap:8px;width:100%;padding:8px 14px;border:0;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.activity-row:hover{background:var(--surface-2)}.activity-row .avatar{width:25px;height:25px;font-size:.65rem}.activity-row__body{min-width:0;flex:1;font-size:.78rem;line-height:1.4}.activity-row__actor{font-weight:650}.activity-row__text{color:var(--text)}.activity-row__time{display:block;margin-top:1px;color:var(--muted);font-size:.7rem}.search-dialog{display:flex;flex-direction:column;gap:12px;min-height:280px}.search-dialog__field{display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--muted)}.search-dialog__field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.search-dialog__field input{width:100%;height:44px;border:0;background:transparent;color:var(--text);font:inherit;font-size:.95rem;outline:0}.search-dialog__hint,.search-dialog__empty,.search-dialog__error{padding:18px 6px;color:var(--muted);font-size:.86rem;text-align:center}.search-results{max-height:min(58vh,520px);overflow-y:auto;margin:0;padding:0;list-style:none}.search-group__title{display:flex;align-items:center;gap:7px;padding:10px 8px 5px;color:var(--muted);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.search-result{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.search-result:hover,.search-result.is-selected{background:var(--surface-2)}.search-result__main{min-width:0}.search-result__title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:550}.search-result__title mark{border-radius:3px;background:color-mix(in srgb,var(--accent) 22%,transparent);color:inherit}.search-result__snippet{display:block;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.75rem}.search-dialog__foot{display:flex;gap:14px;padding-top:8px;border-top:1px solid var(--border);color:var(--muted);font-size:.7rem}.search-dialog__foot kbd{padding:1px 4px;border:1px solid var(--border);border-radius:4px;background:var(--surface);font:inherit}.is-search-hit{animation:search-hit 2.5s ease-out}@keyframes search-hit{0%,40%{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 55%,transparent)}to{box-shadow:0 0 0 3px transparent}}}@media(min-width:1024px)and (max-width:1180px){.desktop-search{width:180px}.desktop-search kbd,.desktop-online-count{display:none}}@media(prefers-reduced-motion:reduce){.is-search-hit{animation:none;box-shadow:0 0 0 3px var(--accent)}}@media(min-width:1024px){.desktop-canvas .panel--lists>.list-card:only-of-type{grid-column:1 / -1}}