:root{--black:#000000;--white:#ffffff;--gray:#3a3a3a;--gray-2:#a4a4a4;--gray-3:rgba(238,238,238,0.6);--white-10:rgba(255,255,255,0.1);--ink:#121212;--label:#3f3f3f;--muted:#969696;--body:#575757;--placeholder:#b0b0b0;--main-01:#003ca4;--main-02:#aad7f9;--main-03:#d5edff;--danger:#d8434b;--grad-primary:linear-gradient(90deg,var(--black) 0%,var(--gray) 72.596%);--glass-input:linear-gradient(180deg,rgba(255,255,255,0.48),rgba(255,255,255,0.16));--glass-thumb:linear-gradient(180deg,rgba(255,255,255,0.1),rgba(255,255,255,0.5));--r-sm:12px;--r-md:16px;--r-lg:20px;--r-xl:24px;--r-2xl:28px;--app-w:430px;--gutter:16px;--safe-top:max(env(safe-area-inset-top,0px),16px);--safe-bottom:env(safe-area-inset-bottom,0px);--nav-clearance:calc(125px + 48px + var(--safe-bottom));--app-center-x:calc(50% - (100vw - 100%) / 2);--motion-fast:.18s cubic-bezier(.22,.82,.2,1);--motion-med:.28s cubic-bezier(.22,.82,.2,1);--font:"Montserrat",sans-serif;color-scheme:light}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;width:100%;overflow-x:hidden}html{text-size-adjust:100%}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{display:none;width:0;height:0}body{color:var(--black);background:#f3f7fb;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;min-height:100dvh;touch-action:manipulation;-webkit-overflow-scrolling:touch}body,button,input,select,textarea{font-family:var(--font)}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;transition:transform .18s cubic-bezier(.22,.82,.2,1),opacity .18s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}button:disabled{cursor:default}a{transition:transform .18s cubic-bezier(.22,.82,.2,1),opacity .18s ease,color .2s ease}input,textarea{font:inherit;color:inherit}img{display:block}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--main-01);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{position:relative;min-height:100dvh;min-height:100svh;width:100%;max-width:var(--app-w);margin:0 auto;background:#f3f7fb;overflow-x:hidden;isolation:isolate;-webkit-overflow-scrolling:touch}@media (max-width:599px){:root{--app-w:100%}}@media (max-width:380px){:root{--gutter:12px}.fab{width:56px;height:56px}.empty{padding:0 12px}}@media (min-width:600px){.app{margin-left:calc((100vw - var(--app-w)) / 2);margin-right:0;box-shadow:0 0 0 1px rgba(0,0,0,.04),0 30px 80px rgba(0,60,164,.08)}}.backdrop{position:fixed;top:0;bottom:0;left:var(--app-center-x);width:100%;max-width:var(--app-w);margin:0;z-index:-2;overflow:hidden;pointer-events:none;transform:translateX(-50%) translateZ(0);contain:paint}.backdrop i{position:absolute;border-radius:50%;animation:blob-drift 18s ease-in-out infinite}.backdrop i:first-child{left:-40%;top:-18%;width:110%;height:58%;background:radial-gradient(closest-side,rgba(218,255,240,.95),rgba(218,255,240,0));opacity:.65;animation-duration:16s}.backdrop i:nth-child(2){left:-48%;top:38%;width:120%;height:62%;background:radial-gradient(closest-side,rgba(179,223,255,.9),rgba(208,235,255,0));animation-duration:22s;animation-direction:reverse}.backdrop i:nth-child(3){left:4%;top:42%;width:110%;height:58%;background:radial-gradient(closest-side,rgba(218,255,240,.9),rgba(218,255,240,0));opacity:.65;animation-duration:20s;animation-delay:-6s}.backdrop i:nth-child(4){left:18%;top:12%;width:128%;height:68%;background:radial-gradient(closest-side,rgba(134,197,241,.75),rgba(213,238,255,0));animation-duration:24s;animation-delay:-10s}.backdrop i:nth-child(5){left:-8%;top:-12%;width:130%;height:70%;background:radial-gradient(closest-side,rgba(109,163,250,.7),rgba(213,229,255,0));opacity:.87;animation-duration:26s;animation-direction:reverse}.backdrop.soft{opacity:.45}@keyframes blob-drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(4%,-3%,0) scale(1.06)}}.bottom-fade{position:fixed;left:var(--app-center-x);transform:translateX(-50%);bottom:0;width:100%;max-width:var(--app-w);height:calc(125px + var(--safe-bottom));background:linear-gradient(180deg,rgba(255,255,255,0),rgba(243,247,251,.88) 55%,#f3f7fb);z-index:20;pointer-events:none}.h1{font-size:16px;font-weight:700}.h1,.h2{line-height:normal;margin:0}.h2{font-size:14px;font-weight:600}.body13{font-size:13px;font-weight:500;line-height:1.5}.label{font-weight:600}.label,.label-m{font-size:13px;color:var(--label)}.label-m{font-weight:500}.muted{color:var(--muted)}.btn-primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:15px 24px;border-radius:var(--r-lg);background:var(--grad-primary);color:var(--white);font-size:14px;font-weight:600;transition:transform .2s cubic-bezier(.22,.82,.2,1),opacity .2s ease}.btn-primary:active{transform:scale(.985)}.btn-primary:disabled{opacity:.35}.btn-pill{padding:12px 24px;border-radius:var(--r-xl);background:var(--grad-primary);color:var(--white)}.btn-pill,.btn-text{font-size:14px;font-weight:600}.btn-text{padding:6px 12px}.btn-link{font-size:12px;font-weight:600;color:var(--muted)}.btn-m{flex:1 1;height:40px;border-radius:var(--r-md);border:1px solid var(--black);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;transition:background .22s ease,color .22s ease,border-color .22s ease,transform .2s cubic-bezier(.22,.82,.2,1)}.btn-m:active{transform:scale(.985)}.btn-m.fill{background:var(--black);color:var(--white)}.btn-m.fill:disabled{background:var(--gray);border-color:var(--gray);color:var(--gray-2)}.btn-m.line{background:transparent}.btn-m.line.quiet{border-color:var(--gray-2);color:var(--gray-2)}.btn-select{flex:1 1;height:36px;border-radius:var(--r-md);background:var(--black);color:var(--white);display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;padding:0 12px}.btn-icon-line{width:36px;height:36px;flex:none;border-radius:var(--r-md);border:1px solid var(--black);display:grid;place-items:center}.btn-icon-fill{width:40px;height:40px;flex:none;border-radius:var(--r-md);background:var(--black);color:var(--white);display:grid;place-items:center;transition:background .2s}.btn-icon-fill.done{background:var(--gray)}.btn-icon-fill:disabled{cursor:default}.icon-btn{display:grid;place-items:center;width:32px;height:32px;margin:-4px;border-radius:10px}.field{width:100%}.field,.thumb-col{display:flex;flex-direction:column;gap:8px}.thumb-col{width:145px;flex:none}.field-head{justify-content:space-between;height:24px}.field-head,.input-row{display:flex;align-items:center}.input-row{gap:8px;width:100%}.url-actions{position:relative;flex:none;display:grid;place-items:center}.url-open{width:20px;height:20px;flex:none;display:grid;place-items:center;color:var(--gray)}.input{flex:1 1;min-width:0;height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:var(--r-md);background:var(--white)}.input input,.input textarea{flex:1 1;min-width:0;border:0;outline:0;background:transparent;font-size:16px;font-weight:500;color:var(--black);padding:0;resize:none}.input input::placeholder,.input textarea::placeholder{color:var(--gray-2)}.input:focus-within{box-shadow:0 0 0 1.5px var(--black) inset}.field>.input{flex:none}.input.glass{height:44px;padding:0 16px;background:var(--glass-input)}.input.glass input::placeholder{color:var(--placeholder)}.input.area{height:auto;min-height:40px;padding:11px 12px}.clear-btn{color:var(--gray-2);display:grid;place-items:center;width:20px;height:20px;flex:none}.chip-clip{flex:1 1;min-width:0;overflow:hidden;position:relative;mask-image:linear-gradient(90deg,#000,#000 calc(100% - 48px),transparent);-webkit-mask-image:linear-gradient(90deg,#000,#000 calc(100% - 48px),transparent)}.chip-clip:after{content:"";position:absolute;top:0;right:0;bottom:0;width:48px;pointer-events:none;z-index:2;background:linear-gradient(90deg,rgba(243,247,251,0),rgba(243,247,251,.72) 42%,#f3f7fb)}.chip-row{display:flex;gap:6px;align-items:center;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding-right:36px;-webkit-overflow-scrolling:touch;touch-action:pan-y;cursor:-webkit-grab;cursor:grab;-moz-user-select:none;user-select:none;-webkit-user-select:none}.chip-row:active{cursor:-webkit-grabbing;cursor:grabbing}.chip-row::-webkit-scrollbar{display:none}.inertia-scroll{cursor:-webkit-grab;cursor:grab;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:pan-y}.inertia-scroll.is-dragging,.inertia-scroll.is-gliding{cursor:-webkit-grabbing;cursor:grabbing;scroll-snap-type:none}.nav-chip{flex:none;display:flex;align-items:center;gap:4px;padding:4px 4px 4px 12px;border-radius:var(--r-sm);background:var(--gray-3);color:#7e7e7e;font-size:13px;font-weight:500;border:1px solid transparent;transition:background .22s ease,color .22s ease,border-color .22s ease,transform var(--motion-fast),box-shadow .22s ease;touch-action:pan-y}.nav-chip:active{transform:scale(.97)}.nav-chip .count{min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:var(--white-10);display:grid;place-items:center;font-size:12px;transition:background .22s ease,color .22s ease,transform var(--motion-fast)}.nav-chip.active{background:var(--grad-primary);color:var(--white);border-color:var(--black);box-shadow:0 8px 18px rgba(0,0,0,.08)}.nav-chip.active .count{background:rgba(255,255,255,.16)}.tag{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;border-radius:var(--r-md);border:1px solid var(--black);background:rgba(255,255,255,.05);font-size:13px;font-weight:400;transition:background .2s ease,color .2s ease,transform .18s cubic-bezier(.22,.82,.2,1)}.tag:active{transform:scale(.97)}.tag .dot{width:7px;height:7px;border-radius:50%;border:1px solid var(--black);flex:none}.tag.on{background:var(--black);color:var(--white)}.tag.editing{border-style:dashed}.tag-add{width:34px;height:34px;border-radius:var(--r-sm);border:1px dashed var(--black);display:grid;place-items:center;background:rgba(255,255,255,.05);transition:transform var(--motion-fast),background-color .2s ease}.tag-add:active{transform:scale(.94)}.tag-wrap{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tag-more{font-size:12px;font-weight:600;color:var(--body);align-self:flex-start}.tag-more-inline{flex:none;width:34px;height:34px;border-radius:var(--r-sm);border:1px solid var(--black);display:grid;place-items:center;background:transparent;color:var(--black);transition:transform var(--motion-fast),background-color .2s ease}.tag-more-inline:active{transform:scale(.94)}.font-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:14px;background:rgba(255,255,255,.4);color:var(--gray);font-size:13px;font-weight:500;transition:background .22s ease,color .22s ease,transform var(--motion-fast)}.font-tag:active{transform:scale(.97)}.font-tag.dashed{border:1px dashed var(--gray-2);color:var(--gray-2)}.font-tag input{width:96px;border:0;outline:0;background:transparent;font-size:16px;font-weight:500;padding:0}.font-tag .x{color:var(--gray-2);display:grid;place-items:center}.card-tag{height:24px;padding:2px 8px;border-radius:999px;background:var(--white);color:#a7a7a7;font-size:12px;font-weight:500;display:inline-flex;align-items:center}.palette{display:flex;align-items:center}.palette .sw{width:20px;height:20px;border-radius:50%;border:1px solid var(--white);box-shadow:0 0 0 .5px rgba(0,0,0,.08);margin-right:-6px;flex:none;position:relative;transition:transform var(--motion-fast),box-shadow .2s ease}.palette .sw:last-of-type{margin-right:0}.palette.s .sw{width:15px;height:15px;margin-right:-8px}.palette.editable .sw{cursor:pointer}.palette.editable .sw:active{transform:scale(.9)}.palette .sw .rm{position:absolute;top:-7px;right:-5px;width:14px;height:14px;border-radius:50%;background:var(--black);color:#fff;display:grid;place-items:center;font-size:10px;line-height:1}.palette .add{margin-left:-6px;position:relative;z-index:1;display:grid}.palette.editable .sw:last-of-type{margin-right:-6px}.thumb{position:relative;width:145px;min-height:132px;border-radius:var(--r-md);overflow:hidden;background:var(--glass-thumb);border:1px solid var(--gray-3);display:grid;place-items:center}.thumb.filled{background:#e8e8e8;border-color:transparent}.thumb img.cover{object-fit:cover}.thumb .thumb-zoom,.thumb img.cover{position:absolute;inset:0;width:100%;height:100%}.thumb .thumb-zoom{cursor:zoom-in}.thumb .thumb-x{top:8px;right:6px;width:24px;height:24px;place-items:center;border-radius:50%;background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.thumb .busy,.thumb .thumb-x{position:absolute;display:grid}.thumb .busy{inset:0;place-items:center;background:rgba(255,255,255,.5);font-size:12px;font-weight:600}.h-scroll{overflow-anchor:none;display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);overscroll-behavior-x:none;-webkit-overflow-scrolling:touch;touch-action:pan-y}.h-scroll::-webkit-scrollbar{display:none}.h-scroll.s{gap:10px}.card-m{width:234px;gap:16px}.card-m,.card-s{flex:none;display:flex;flex-direction:column;text-align:left;transition:transform .22s cubic-bezier(.22,.82,.2,1)}.card-s{width:130px;gap:8px}.card-m:active,.card-s:active{transform:scale(.985)}.card-media{position:relative;width:100%;border-radius:var(--r-xl);overflow:hidden;background:var(--white)}.card-m .card-media{height:200px}.card-s .card-media{height:130px}.card-media img{width:100%;height:100%;object-fit:cover}.card-media .ph{position:absolute;inset:0;display:grid;place-items:center;color:#c9d4e2;background:linear-gradient(160deg,#eef5fc,#fff)}.card-media .open{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--gray);background:rgba(255,255,255,.88)}.card-s .card-media .open{top:4px;right:3px;width:26px;height:26px}.card-s .card-media .palette{position:absolute;left:11px;bottom:12px}.card-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:8px}.card-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-s .card-title{font-size:13px;font-weight:500}.grid-s{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-gap:16px 10px;gap:16px 10px}.grid-s .card-s{width:auto}.grid-s .card-s .card-media{height:auto;aspect-ratio:1}.section{display:flex;flex-direction:column;gap:12px}.section-head{display:flex;align-items:center;justify-content:space-between}.section-empty{min-height:130px;display:grid;place-items:center;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);color:var(--muted);text-align:center}.view-all{font-size:12px;font-weight:500;color:var(--muted)}.top-main{position:-webkit-sticky;position:sticky;top:0;z-index:15;padding:calc(var(--safe-top) + 10px) 0 10px;display:flex;flex-direction:column;gap:18px;width:100%;max-width:100%}.scroll-page .top-main,.scroll-page .top-main.fixed{position:relative;left:auto;transform:none;width:100%;max-width:none;flex:none}.top-main.fixed{position:fixed;left:var(--app-center-x);transform:translateX(-50%);width:100%;max-width:var(--app-w)}.top-main:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(243,247,251,1),rgba(243,247,251,.88) 64%,rgba(243,247,251,0));z-index:-1}.top-nav{gap:16px;padding:0 var(--gutter)}.search,.top-nav{display:flex;align-items:center}.search{flex:1 1;min-width:0;height:44px;gap:12px;padding:0 16px;border-radius:var(--r-xl);background:linear-gradient(180deg,rgba(255,255,255,.81) 38%,rgba(255,255,255,.38));transition:transform var(--motion-fast),background .24s ease,box-shadow .24s ease}.search:focus-within{transform:translateY(-1px);background:linear-gradient(180deg,rgba(255,255,255,.94) 30%,rgba(255,255,255,.56));box-shadow:0 10px 22px rgba(0,60,164,.08)}.search input{flex:1 1;min-width:0;border:0;outline:0;background:transparent;font-size:12px!important;font-weight:500}.top-main .search input{font-size:13px!important}.search input::placeholder{color:var(--muted)}.search input::-webkit-search-cancel-button,.search input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.search .color-dot{width:16px;height:16px;border-radius:50%;background:var(--black);flex:none;position:relative;box-shadow:0 0 0 0 transparent;transition:transform var(--motion-fast),box-shadow .22s ease,background-color .22s ease}.search .color-dot:active{transform:scale(.88)}.search .color-dot.on{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--black)}.search-scrim{position:fixed;inset:0;z-index:14;background:rgba(212,212,212,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade .28s cubic-bezier(.22,.82,.2,1)}.search-panel{position:relative;z-index:16;margin:4px var(--gutter) 0;padding:16px;min-height:220px;border-radius:var(--r-md);background:linear-gradient(180deg,rgba(255,255,255,.98) 38%,rgba(255,255,255,.85));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:page-in .32s cubic-bezier(.22,.82,.2,1)}.search-skel{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px 10px;gap:16px 10px}.search-skel i{display:block;aspect-ratio:1;border-radius:var(--r-xl);background:linear-gradient(90deg,#ececec,#f7f7f7 50%,#ececec);background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite}.search-skel i:nth-child(2){animation-delay:.12s}.search-skel i:nth-child(3){animation-delay:.24s}.search-skel i:nth-child(4){animation-delay:.36s}@keyframes shimmer{50%{background-position:100% 0}}.nav-select{position:relative;display:flex;align-items:center;gap:16px;padding-left:var(--gutter);width:100%;min-width:0;box-sizing:border-box}.nav-select .sort-btn{color:#c0c0c0;flex:none;transition:color .22s ease,transform var(--motion-fast)}.nav-select .sort-btn:active{transform:scale(.9)}.nav-select .sort-btn.on{color:var(--black)}.bottom-nav{position:fixed;left:var(--app-center-x);transform:translateX(-50%);bottom:48px;width:100%;max-width:var(--app-w);padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;z-index:30;pointer-events:none}.bottom-nav>*{pointer-events:auto}.nav-pill{height:52px;padding:0 20px;display:flex;align-items:center;gap:16px;border-radius:var(--r-xl);background:linear-gradient(180deg,rgba(255,255,255,.51),rgba(255,255,255,.85));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 6px 24px rgba(0,40,100,.06)}.nav-pill a.nav-ico{width:40px;height:40px;margin:0 -4px;border-radius:12px;display:grid;place-items:center;color:var(--black);-webkit-tap-highlight-color:transparent}.nav-pill a.nav-ico svg{display:block;transform-origin:center;transition:transform .18s cubic-bezier(.22,.82,.2,1)}.nav-pill a.nav-ico:active svg{transform:scale(.86)}.nav-pill a.nav-ico[aria-current=page] svg{animation:nav-pop .36s cubic-bezier(.22,.82,.2,1)}@keyframes nav-pop{0%{transform:scale(.84)}58%{transform:scale(1.12)}to{transform:scale(1)}}.fab{width:64px;height:64px;border-radius:var(--r-2xl);background:var(--grad-primary);color:var(--white);display:grid;place-items:center;box-shadow:0 10px 24px rgba(0,0,0,.18);transition:transform .22s cubic-bezier(.22,.82,.2,1)}.fab:active{transform:scale(.94)}.scrim{position:fixed;inset:0;background:rgba(255,255,255,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:50;animation:fade .32s cubic-bezier(.22,.82,.2,1)}.scrim.closing{animation:fade-out .28s cubic-bezier(.4,0,.2,1) forwards}.drawer{position:fixed;left:var(--app-center-x);bottom:0;transform:translate3d(-50%,0,0);width:100%;max-width:var(--app-w);max-height:calc(100svh - var(--safe-top) - 8px);overflow-y:auto;overscroll-behavior:contain;border-radius:16px 16px 0 0;z-index:51;background:linear-gradient(180deg,#f8f8f8 67.571%,rgba(213,237,255,.5)),#fff;animation:sheet-up .42s cubic-bezier(.22,.82,.2,1) both;-webkit-backface-visibility:hidden;backface-visibility:hidden;touch-action:pan-y;-webkit-overflow-scrolling:touch}.drawer.ready{animation:none}.drawer.dragging{animation:none;transition:none;will-change:transform;overflow:hidden}.drawer.closing{animation:sheet-down .28s cubic-bezier(.4,0,.2,1) forwards}.drawer.dragging.closing{animation:none}.drawer .handle{position:-webkit-sticky;position:sticky;top:0;height:28px;display:grid;place-items:center;z-index:2;background:linear-gradient(#f8f8f8,rgba(248,248,248,0));cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.drawer .handle:active{cursor:-webkit-grabbing;cursor:grabbing}.drawer .handle i{width:40px;height:4px;border-radius:999px;background:#c0c0c0}.drawer-body{padding:12px var(--gutter) calc(48px + var(--safe-bottom));display:flex;flex-direction:column;gap:28px}.drawer-title{font-size:16px;font-weight:600;padding:2px 0;margin:0}.drawer.sub{z-index:61}.scrim.sub{z-index:60}@keyframes sheet-up{0%{transform:translate3d(-50%,100%,0)}to{transform:translate3d(-50%,0,0)}}@keyframes sheet-down{to{transform:translate3d(-50%,100%,0)}}@keyframes fade{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes page-in{0%{opacity:0}to{opacity:1}}.form{gap:28px}.form,.form .group{display:flex;flex-direction:column}.form .group{gap:12px}.form .row-thumb{display:flex;gap:16px;align-items:stretch}.form .meta-col{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:8px}.form .purpose{display:flex;align-items:center;gap:4px}.form .purpose .grow{flex:1 1;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}.form .purpose .when{font-size:12px;color:var(--main-01);font-weight:600}.form .actions{flex-direction:column}.form .actions,.form .actions-row{display:flex;gap:8px}.form .actions-meta{display:grid;grid-template-columns:1fr 1fr;align-items:end;grid-gap:8px;gap:8px;min-height:16px;font-size:12px}.form .actions-meta>span{min-width:0}.form .actions-meta>span:last-child{text-align:right}.form .lower{display:flex;flex-direction:column;gap:16px}.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(130px + var(--safe-bottom));z-index:90;width:max-content;max-width:min(370px,calc(100% - 32px));animation:toast-in .38s cubic-bezier(.22,.82,.2,1)}@keyframes toast-in{0%{opacity:0;transform:translateX(-50%) translateY(12px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:rgba(212,212,212,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade .28s cubic-bezier(.22,.82,.2,1)}.modal-card{width:100%;max-width:340px;background:#fff;border-radius:var(--r-xl);padding:24px;display:flex;flex-direction:column;gap:12px}.modal-card h3{margin:0;font-size:16px;font-weight:700}.modal-card p{margin:0;font-size:13px;color:var(--body);line-height:1.5}.modal-card .actions{display:flex;gap:8px;margin-top:8px}.btn-m.danger{background:var(--danger);border-color:var(--danger);color:#fff}.img-lightbox{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:calc(var(--safe-top) + 48px) 16px calc(24px + var(--safe-bottom));background:rgba(18,18,18,.86);cursor:zoom-out;animation:fade .24s cubic-bezier(.22,.82,.2,1)}.img-lightbox img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:var(--r-md);cursor:default}.img-lightbox-x{position:absolute;top:calc(var(--safe-top) + 4px);right:16px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);color:var(--black)}.app:has(.scroll-page),body:has(.scroll-page),html:has(.scroll-page){height:100%;overflow:hidden}.scroll-page{height:100%;max-height:100dvh;max-height:100svh;display:flex;flex-direction:column;overflow:hidden}.scroll-body{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;touch-action:pan-y}.inertia-scroll.is-dragging,.scroll-body.is-dragging{cursor:-webkit-grabbing;cursor:grabbing;scroll-snap-type:none;touch-action:none}.inertia-scroll.is-gliding,.scroll-body.is-gliding{scroll-snap-type:none}.page{padding:0 var(--gutter) var(--nav-clearance);-webkit-overflow-scrolling:touch}.home-page{--top-main-h:calc(var(--safe-top) + 114px)}.home-content{padding-top:8px}.page.home-content{display:flex;flex-direction:column;gap:40px}.scroll-body.home-empty{display:grid;place-items:center;padding:0 var(--gutter) var(--nav-clearance);box-sizing:border-box}.page-top{padding-top:calc(var(--safe-top) + 10px)}.page-top:before{content:"";position:fixed;top:0;left:var(--app-center-x);transform:translateX(-50%);width:100%;max-width:var(--app-w);height:calc(var(--safe-top) + 56px);background:linear-gradient(180deg,rgba(243,247,251,.96),rgba(243,247,251,.72) 70%,rgba(243,247,251,0));z-index:-1;pointer-events:none}.page-nav{justify-content:space-between;padding:8px 0}.page-nav,.page-nav .left{display:flex;align-items:center}.page-nav .left{gap:12px}.reading-top.fixed{position:relative;top:0;left:auto;transform:none;width:100%;max-width:none;z-index:15;flex:none;padding:calc(var(--safe-top) + 10px) var(--gutter) 0}.reading-top.fixed:before{content:"";position:absolute;inset:0 0 -18px;background:linear-gradient(180deg,rgba(243,247,251,1),rgba(243,247,251,.9) 72%,rgba(243,247,251,0));z-index:-1;pointer-events:none}.reading-top.fixed .seg{margin-bottom:16px!important}.reading-top-spacer{height:calc(var(--safe-top) + 114px);flex:none}.back-btn{width:32px;height:32px;border-radius:var(--r-sm);border:1px solid var(--black);display:grid;place-items:center}.center-stack{min-height:100dvh;justify-content:center;animation:page-in .38s cubic-bezier(.22,.82,.2,1)}.center-stack,.empty{display:flex;flex-direction:column;align-items:center}.empty{gap:24px;text-align:center;padding:0 32px}.empty .icon-box{width:100px;height:100px;border-radius:var(--r-xl);border:1px dashed var(--gray-3);background:var(--glass-thumb);display:grid;place-items:center}.empty p{margin:0}.list-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid rgba(0,0,0,.06);font-size:14px;font-weight:500;width:100%;text-align:left}.cat-row button:active,.list-row:active,.notif:active,.set-row:active{transform:scale(.99)}.list-row .sub{margin-left:auto}.list-row .sub,.soon{font-size:12px;color:var(--muted)}.soon{background:var(--gray-3);border-radius:999px;padding:4px 10px;font-weight:600}.splash{position:fixed;inset:0;display:grid;place-items:center;z-index:40;background:#f3f7fb;isolation:isolate}.splash .mark{animation:mark-in .7s cubic-bezier(.22,.82,.2,1) both,mark-breathe 2.4s ease-in-out .7s infinite}.splash .mark,.splash .mark img{width:178px;height:38px}@keyframes mark-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes mark-breathe{50%{opacity:.72;transform:scale(.985)}}.splash-out{animation:splash-fade .4s ease forwards;pointer-events:none}@keyframes splash-fade{to{opacity:0}}.welcome-page{position:relative;isolation:isolate;min-height:100dvh;min-height:100svh;display:flex;flex-direction:column;padding:24px 16px calc(24px + var(--safe-bottom));box-sizing:border-box}.onboard-create .backdrop,.splash .backdrop,.welcome-page .backdrop{position:absolute;inset:0;left:0;width:auto;max-width:none;transform:none;contain:none;z-index:-1}.splash .backdrop i{animation:none}.splash .backdrop i:first-child{left:-30.6%;top:7.9%;width:87.8%;height:40.5%}.splash .backdrop i:nth-child(2){left:-38.3%;top:64.2%;width:95.5%;height:43.9%;background:radial-gradient(closest-side,rgba(218,255,240,.9),rgba(218,255,240,0))}.splash .backdrop i:nth-child(3){left:11.4%;top:69.6%;width:87.8%;height:40.5%}.splash .backdrop i:nth-child(4){left:31.8%;top:42.4%;width:103%;height:47.4%;background:radial-gradient(closest-side,rgba(109,163,250,.7),rgba(213,229,255,0));opacity:.87}.splash .backdrop i:nth-child(5){left:11.4%;top:19.8%;width:87.6%;height:40%;background:radial-gradient(closest-side,rgba(134,197,241,.55),rgba(213,238,255,0));opacity:.7}.welcome-card{flex:1 1;padding:24px;border-radius:var(--r-2xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center}.welcome-card,.welcome-cta{position:relative;z-index:1;width:100%}.welcome-cta{max-width:402px;margin:0 auto;flex:none}.welcome-card h1{margin:0;font-size:31px;font-weight:600;color:var(--ink)}.welcome-card .tag-line{font-size:16px;font-weight:600;margin:0}.welcome-card .desc{font-size:13px;color:#555;line-height:1.5;margin:0}.floaty{display:flex;gap:8px;justify-content:center;align-items:center}.floaty span{padding:7px 14px;border-radius:var(--r-lg);background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,.2));font-size:12px;font-weight:500;display:inline-block;animation:bob 4s ease-in-out infinite}.floaty span:first-child{--r:22deg;transform:rotate(var(--r))}.floaty span:nth-child(2){--r:0deg;animation-delay:-1.3s;margin-top:-20px}.floaty span:nth-child(3){--r:-19deg;transform:rotate(var(--r));animation-delay:-2.6s}@keyframes bob{50%{transform:rotate(var(--r)) translateY(-5px)}}.fixed-cta{position:fixed;left:var(--app-center-x);transform:translateX(-50%);bottom:calc(24px + var(--safe-bottom));max-width:var(--app-w);padding:0 var(--gutter);align-items:center;gap:14px;z-index:5}.fixed-cta,.onboard-create{width:100%;display:flex;flex-direction:column}.onboard-create{position:relative;isolation:isolate;min-height:100dvh;min-height:100svh;padding:calc(var(--safe-top) + 24px) 24px calc(24px + var(--safe-bottom));max-width:402px;margin:0 auto;box-sizing:border-box;overflow-x:hidden}.onboard-create header{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex:none}.onboard-create form{gap:12px}.onboard-create .onboard-fields,.onboard-create form{flex:1 1;min-height:0;display:flex;flex-direction:column}.onboard-create .onboard-fields{width:100%;overflow-y:auto;overflow-x:hidden;align-items:center;gap:16px;padding-bottom:8px;-webkit-overflow-scrolling:touch}.onboard-create .onboard-fields::-webkit-scrollbar:horizontal{display:none}.onboard-create .onboard-cta{flex:none;width:100%;display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:12px}.onboarding-transition{animation:onboarding-dissolve-in .55s ease both}.onboarding-transition.is-leaving{animation:onboarding-dissolve-out .45s ease forwards;pointer-events:none}html.from-onboarding .home-page{animation:onboarding-dissolve-in .55s ease both}.page-fade{animation:onboarding-dissolve-in .45s ease both}.page-fade.is-leaving{animation:onboarding-dissolve-out .4s ease forwards;pointer-events:none}@keyframes onboarding-dissolve-in{0%{opacity:0}to{opacity:1}}@keyframes onboarding-dissolve-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.form-actions{display:flex;gap:8px}.chip-x{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:14px;background:var(--gray-3);color:var(--gray);font-size:13px;font-weight:500;transition:background .22s ease,color .22s ease,border-color .22s ease,transform var(--motion-fast)}.chip-x:active{transform:scale(.96)}.chip-x button{display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--gray);line-height:0}.chip-x button,.chip-x svg{width:12px;height:12px;flex:none}.chip-x svg{display:block}.chip-x.off{background:transparent;border:1px dashed var(--gray-2);color:var(--gray-2)}.cp-thumb{position:relative;width:145px;height:188px;flex:none;border-radius:var(--r-md);overflow:hidden;background:#e8e8e8;cursor:default}.cp-thumb.picking{cursor:crosshair;box-shadow:0 0 0 2px var(--main-01)}.cp-thumb img{width:100%;height:100%;object-fit:cover;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cp-loupe{position:absolute;width:52px;height:52px;margin:-66px 0 0 -26px;border:3px solid;border-radius:50%;pointer-events:none;background-repeat:no-repeat;box-shadow:0 3px 12px rgba(0,0,0,.28),inset 0 0 0 1px #fff}.cp-loupe:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;transform:translate(-50%,-50%);border:1px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.45)}.cp-sv{position:relative;flex:1 1;border-radius:var(--r-md);touch-action:none;cursor:crosshair}.cp-handle{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 2px rgba(25,18,24,.6),inset 0 0 2px rgba(25,18,24,.4);pointer-events:none}.cp-bar{position:relative;height:16px;border-radius:8px;touch-action:none;cursor:pointer}.cp-bar .cp-handle{top:50%}.cp-hue{background:linear-gradient(90deg,#f00,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00)}.cp-alpha{background:repeating-conic-gradient(#e6eef6 0 25%,#fff 0 50%) 0 0 /16px 16px;overflow:visible}.cp-alpha i{position:absolute;inset:0;border-radius:8px}.cp-input{display:flex;align-items:center;gap:4px;padding:8px 12px;border-radius:var(--r-md);background:#f0f0f0;color:#27222a}.cp-input input{border:0;outline:0;background:transparent;min-width:0;width:100%;font:inherit;color:inherit}.cp-swatch{position:relative;width:40px;height:40px;border-radius:var(--r-md);transition:box-shadow .2s ease,transform var(--motion-fast)}.cp-swatch:active{transform:scale(.94)}.cp-swatch.on{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--black)}.cp-swatch.add{border:1px dashed #8f8f8f;display:grid;place-items:center}.cp-remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--black);color:#fff;font-size:12px;line-height:18px;text-align:center}.cp-eyedropper{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;transition:background .22s ease,color .22s ease,transform var(--motion-fast)}.cp-eyedropper:active{transform:scale(.92)}.cp-eyedropper.on{color:var(--main-01);background:var(--main-03)}.color-chip{width:56px;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);cursor:pointer}.color-chip,.replace-color{height:56px;border-radius:var(--r-md)}.replace-color{flex:1 1;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--gray-3);text-align:left}.replace-color span{display:flex;flex-direction:column;gap:2px}.replace-color b{font-size:12px;font-weight:600;color:var(--label)}.replace-color small{font-size:11px;font-weight:500;color:#8f8f8f}.manage-link{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:500;color:var(--gray-2)}.cal-head{justify-content:space-between;padding:0 16px}.cal-ctrl,.cal-head{display:flex;align-items:center}.cal-ctrl{gap:8px;color:#9d9d9d}.cal-ctrl>button{display:grid;place-items:center;width:16px;height:16px;transition:transform var(--motion-fast),color .2s ease}.cal-ctrl>button:active{transform:scale(.86)}.cal-view,.cal-view button{font-size:12px;color:#9d9d9d}.cal-view button{transition:color .2s ease,transform var(--motion-fast)}.cal-view button:active{transform:scale(.94)}.cal-view button[aria-pressed=true]{color:var(--black);font-weight:600}.cal-card{padding:12px;border-radius:var(--r-md);background:linear-gradient(180deg,rgba(255,255,255,.7) 38%,rgba(255,255,255,.35));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.cal-grid,.cal-row{display:grid;grid-template-columns:repeat(7,1fr)}.cal-dow{padding-bottom:8px;font-size:11px;color:#c0c0c0;text-align:center}.cal-grid{row-gap:4px}.cal-day{position:relative;height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px;color:var(--ink)}.cal-day .n{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;border:1px solid transparent;transition:background .2s ease,color .2s ease,border-color .2s ease,transform var(--motion-fast)}.cal-day:active .n{transform:scale(.92)}.cal-day .dots{position:absolute;bottom:1px;display:flex;gap:2px}.cal-day .dots i{width:4px;height:4px;border-radius:50%;background:#c0c0c0}.cal-day.out{color:#c0c0c0}.cal-day.read{color:var(--main-01);font-weight:600}.cal-day.today .n{border-color:var(--main-01);color:var(--main-01)}.cal-day.sel .n{background:linear-gradient(90deg,var(--main-01),var(--main-02) 72.6%,var(--main-03));font-weight:600;box-shadow:none;overflow:hidden;background-clip:padding-box}.cal-day.sel .n,.cal-day.today.sel .n{color:#fff;border:0}.time-row{justify-content:center;gap:12px;width:100%;padding:12px 16px;border-radius:var(--r-xl);border:1px solid var(--gray-3);box-sizing:border-box}.time-field,.time-row{display:flex;align-items:center}.time-field{position:relative;flex:1 0;min-width:0;justify-content:space-between;padding:8px 12px;border-radius:var(--r-md);background:linear-gradient(180deg,rgba(255,255,255,.7) 38%,rgba(255,255,255,.28));overflow:hidden}.time-field .time-val{min-width:24px;font-size:14px;font-weight:600;line-height:20px;color:var(--main-01);text-align:center}.time-field .time-chevron{display:grid;place-items:center;width:16px;height:16px;flex:none;color:var(--ink);transform:rotate(90deg)}.time-field .time-native{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;font-size:16px}.detail-page{padding-bottom:calc(148px + var(--safe-bottom))}.detail-meta{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-top:20px;font-size:12px;padding-bottom:8px}.detail-delete{color:var(--danger)}.detail-actions{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:var(--app-w);z-index:25;padding:56px var(--gutter) calc(16px + var(--safe-bottom));background:linear-gradient(180deg,rgba(243,247,251,0),rgba(243,247,251,.2) 28%,rgba(243,247,251,.72) 56%,#f3f7fb 82%)}.font-tag-row{position:relative;width:100%;min-width:0;display:flex;flex-wrap:nowrap;align-items:center;gap:4px;overflow:hidden}.font-tag-row>.font-tag{flex:none;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-tag-more{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.4)}.font-tag-measure{position:absolute;left:-10000px;top:0;display:flex;gap:4px;visibility:hidden;pointer-events:none}input,textarea{font-size:12px!important}.seg{display:flex;gap:8px}.seg a,.seg button{flex:1 1;height:40px;border-radius:var(--r-md);border:1px solid var(--black);display:grid;place-items:center;font-size:13px;font-weight:500;transition:background .22s ease,color .22s ease,border-color .22s ease,transform var(--motion-fast),box-shadow .22s ease}.seg a:active,.seg button:active{transform:scale(.98)}.seg .on{background:var(--black);color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.08)}.flat{display:flex;align-items:center;gap:12px;width:100%;text-align:left}.flat .thumb-sq{flex:none;width:77px;height:77px;border-radius:var(--r-xl);overflow:hidden;background:linear-gradient(160deg,#eef5fc,#fff);display:grid;place-items:center;color:#c9d4e2}.flat.sm .thumb-sq{width:56px;height:56px;border-radius:20px}.flat .thumb-sq img{width:100%;height:100%;object-fit:cover}.flat .body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:16px}.flat.sm .body{gap:4px}.flat .title{font-size:13px;font-weight:500;color:var(--black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flat .sub{display:flex;flex-direction:column;gap:8px}.flat .kw{display:flex;gap:4px;flex-wrap:nowrap;overflow:hidden}.flat .kw span{padding:2px 4px;font-size:12px;font-weight:500;color:#6b6b6b;white-space:nowrap}.flat .meta{flex:none;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.flat .meta b{font-size:13px;font-weight:500;color:#5c5c5c}.flat .meta small{font-size:12px;color:#6b6b6b}.flat .meta small.late{color:var(--danger)}.lib-list{flex:1 1;min-height:0;display:flex;flex-direction:column}.lib-list>*{padding:14px var(--gutter)}.lib-page{min-height:100dvh;display:flex;flex-direction:column}.lib-empty{flex:1 1;justify-content:center;padding-top:0;padding-bottom:0}.filter-chips{display:flex;gap:6px;padding-left:56px;overflow-x:auto;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.fchip{gap:4px;padding:2px 4px 2px 8px;border-radius:var(--r-sm);border:1px solid var(--gray-2);color:var(--gray-2);font-size:13px;font-weight:500}.fchip,.fchip button{flex:none;display:inline-flex;align-items:center}.fchip button{justify-content:center;width:18px;height:18px;padding:0;line-height:0}.fchip button svg{display:block;width:18px;height:18px}.mark-btn{flex:none;padding:6px 12px;border-radius:12px;background:var(--black);color:#fff;font-size:13px;font-weight:500;transition:background .22s ease,color .22s ease,transform var(--motion-fast)}.mark-btn:active{transform:scale(.96)}.mark-btn.undo{background:transparent;border:1px solid var(--gray-2);color:var(--gray-2)}.kebab{flex:none;color:var(--gray-2);display:grid;place-items:center;width:20px;height:32px}.week-card{padding:12px;border-radius:var(--r-md);background:linear-gradient(180deg,rgba(255,255,255,.7) 38%,rgba(255,255,255,.35));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:18px}.bars{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;height:70px;border-bottom:1px solid #1a1a1a;padding:0 6px;grid-column-gap:21px;column-gap:21px}.bars i{display:block;border-radius:6px 6px 0 0;background:#d5edff;min-height:4px;transition:height .3s}.bars i.mid{background:#aad7f9}.bars i.max{background:var(--main-01);border-radius:6px 6px 0 0}.bar-labels{display:grid;grid-template-columns:repeat(7,1fr);font-size:11px;color:#3f3f3f;text-align:center;margin-top:-10px;padding:0 6px}.legend{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;font-size:13px;color:#3f3f3f}.legend b{margin-left:6px;min-width:24px;height:20px;padding:0 6px;border-radius:999px;background:#d5edff;color:var(--main-01);font-weight:500;font-size:12px;display:inline-grid;place-items:center}.range-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:12px;background:rgba(255,255,255,.8);font-size:13px;font-weight:500;transition:transform var(--motion-fast),background .22s ease}.range-pill:active{transform:scale(.96)}.day-head{font-size:14px;font-weight:600;margin:8px 0 4px}.reminder{position:fixed;left:50%;transform:translateX(-50%);top:calc(var(--safe-top) + 12px);width:calc(100% - 32px);max-width:370px;z-index:70;padding:16px;border-radius:var(--r-md);background:rgba(255,255,255,.9);backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);display:flex;flex-direction:column;gap:12px;animation:drop .4s cubic-bezier(.22,.82,.2,1)}.reminder h3{margin:0;font-size:14px;font-weight:600;color:var(--ink);line-height:normal}.reminder p{margin:0;font-size:13px;font-weight:500;color:var(--body);line-height:1.5}.reminder .row{display:flex;gap:8px;width:100%}.reminder .row button{flex:1 1;min-width:0;height:40px;border-radius:14px;font-size:13px;font-weight:500;border:1px solid var(--black)}.reminder .row .fill{background:var(--black);color:#fff}.reminder .edit{align-self:center;font-size:12px;font-weight:600;color:var(--body);height:15px}@keyframes drop{0%{transform:translateX(-50%) translateY(-16px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}.read-card{padding:12px;border-radius:var(--r-xl);background:#fff;display:flex;flex-direction:column;gap:12px}.read-card .top{display:flex;justify-content:space-between;align-items:center}.pill-blue{padding:4px 10px;border-radius:999px;background:#d5edff;font-size:12px;font-weight:600}.read-card .inner{padding:16px;border-radius:var(--r-md);border:1px solid #f0f0f0}.read-card .inner .thumb-sq{width:76px;height:76px;border-radius:20px}.btn-m.soft{background:#efefef;border-color:#efefef;color:var(--gray-2)}.set-group{font-size:12px;font-weight:500;color:#7a7a7a;margin:16px 0 0}.set-row{gap:12px;min-height:45px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.06);font-size:14px;font-weight:500;color:#3f3f3f;width:100%;text-align:left}.set-row,.set-row .val{display:flex;align-items:center}.set-row .val{margin-left:auto;gap:8px;font-size:13px;color:var(--muted)}.toggle{margin-left:auto;width:44px;height:26px;border-radius:999px;background:#d9d9d9;position:relative;transition:background .24s ease,transform var(--motion-fast),box-shadow .24s ease;flex:none}.toggle:active{transform:scale(.96)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .26s cubic-bezier(.22,.82,.2,1)}.toggle[aria-checked=true]{background:linear-gradient(90deg,var(--main-01),#6ea6e8);box-shadow:0 6px 14px rgba(0,60,164,.16)}.toggle[aria-checked=true]:after{transform:translateX(18px)}.bell-dot{position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:50%;background:var(--danger);border:1.5px solid #fff}.cat-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid rgba(0,0,0,.06);background:transparent;touch-action:pan-y}.cat-row.dragging{background:rgba(255,255,255,.9);box-shadow:0 8px 24px rgba(0,40,100,.12);border-radius:12px;position:relative;z-index:2}.cat-row .grip{color:var(--gray-2);cursor:-webkit-grab;cursor:grab;touch-action:none;display:grid;place-items:center;width:24px;height:24px;margin-left:-4px}.cat-row .dotc{width:22px;height:22px;border-radius:50%;flex:none}.cat-row .name{flex:1 1;font-size:14px;font-weight:500;text-align:left}.cat-row .cnt{font-size:13px;color:var(--muted)}.add-row,.cat-row .cnt{display:flex;align-items:center;gap:8px}.add-row{padding:24px 0;font-size:14px;font-weight:500;color:var(--body)}.search-inline{margin:8px 0;height:44px}.search-inline svg{flex:none;color:var(--muted)}.notif{display:flex;align-items:center;gap:12px;padding:16px;border-radius:var(--r-md);background:linear-gradient(180deg,rgba(238,238,238,.6),rgba(238,238,238,.45));width:100%;text-align:left}.notif b{display:block;font-size:14px;font-weight:600;color:var(--ink)}.notif small{display:block;font-size:12px;color:#707070;margin-top:4px}@media (hover:none),(pointer:coarse){.cal-card,.nav-pill,.search-panel,.thumb .thumb-x,.week-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.nav-pill{background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.94));box-shadow:0 6px 24px rgba(0,40,100,.08),inset 0 1px 0 rgba(255,255,255,.9)}}.fb-popup{position:relative;width:100%;max-width:370px;padding:16px;border-radius:16px;display:flex;flex-direction:column;gap:12px;background:rgba(255,255,255,.9);backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px)}.fb-popup h3{margin:0;font-size:14px;font-weight:600;line-height:normal;color:#121212}.fb-popup .fb-body{margin:0;font-size:13px;font-weight:500;line-height:1.5;color:#575757;width:100%}.fb-actions{display:flex;gap:8px;width:100%}.fb-actions button{flex:1 1;min-width:0;height:40px;padding:8px 16px;border-radius:14px;border:1px solid var(--black);font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:center}.fb-actions .fill{background:var(--black);color:var(--white)}.fb-actions .line{background:transparent;color:var(--black)}.fb-edit{align-self:center;font-size:12px;font-weight:600;color:#575757;height:15px}.fb-warn{width:100%;display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:12px;border:1px solid #c8c8c8;box-sizing:border-box}.fb-warn .fb-icon{flex:none;width:18px;height:16px;margin-top:1px;color:#575757}.fb-warn p{margin:0;flex:1 1;min-width:0;font-size:13px;font-weight:500;line-height:1.5;color:#575757}.fb-reminder-host{position:fixed;left:50%;transform:translateX(-50%);top:calc(var(--safe-top) + 10px);width:calc(100% - 32px);max-width:370px;z-index:70;animation:fb-drop .4s cubic-bezier(.22,.82,.2,1)}@keyframes fb-drop{0%{transform:translateX(-50%) translateY(-16px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}.fb-toast{position:relative;width:100%;max-width:100%;display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,var(--gray),var(--black));box-shadow:0 4px 8px rgba(0,0,0,.15);color:#fff;box-sizing:border-box}.fb-toast .fb-icon{flex:none;width:16px;height:14px;margin-top:1px;align-self:flex-start;color:#fff}.fb-toast .fb-copy{flex:0 1 auto;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px}.fb-toast p{margin:0;flex:1 1 auto;min-width:0;line-height:1.4;color:#fff;white-space:normal;overflow-wrap:anywhere}.fb-toast .fb-cta,.fb-toast p{font-size:13px;font-weight:500}.fb-toast .fb-cta{flex:none;padding:8px 16px;border-radius:14px;background:var(--white);color:var(--black);border:1px solid var(--white)}.fb-delete-scrim{position:fixed;inset:0;z-index:80;display:flex;justify-content:center;align-items:flex-start;padding:82px 16px 24px;background:rgba(255,255,255,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fade .28s cubic-bezier(.22,.82,.2,1)}.fb-delete-scrim .fb-popup{width:100%;max-width:calc(var(--app-w) - 32px)}