@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Oxanium Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./oxanium-latin-ext-wght-normal-C7ptlTmX.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Oxanium Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./oxanium-latin-wght-normal-BwpvAp5U.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Parisienne;font-style:normal;font-display:swap;font-weight:400;src:url(./parisienne-latin-400-normal-21gANpEP.woff2)format("woff2"),url(./parisienne-latin-400-normal-C9Kl9k4-.woff)format("woff")}:root{--bg:#fff;--surface:#fff;--panel:#f7f7f9;--stage:#ecebf0;--line:#e3e2ea;--text:#1b1a21;--muted:#6b6878;--icon:#4a4757;--hover:#4f05990f;--accent:#4f0599;--accent-fill:#4f0599;--accent-soft:#f1eafb;--on-accent:#fff;--danger:#b3261e;--danger-fill:#b3261e;--ok:#1c7a43;--warn:#a86400;--warn-bg:#fff6dd;--warn-line:#ecd48a;--float:#fffffff0;--toast:#1b1a21e6;--radius:6px;--shadow:0 10px 34px #2e0c6029, 0 1px 3px #2e0c6014;--font:"Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-title:"Oxanium Variable", "Inter Variable", system-ui, sans-serif;--glass:#ffffff9e;--glass-strong:#ffffffdb;--glass-line:#4f059924;--glass-light:#fffffff2;--frost:blur(18px) saturate(1.5);--card:#ffffffa8;--field:#fffc;--glow:#8c40ef42;--glow-soft:#8c40ef1a;--violet-1:#9a52f5;--violet-2:#4f0599;--violet-3:#3a0372;--fill:linear-gradient(135deg, var(--violet-1), var(--violet-2) 58%, var(--violet-3));--ink-shine:linear-gradient(115deg, #3a0372, #4f0599 40%, #8c40ef);--hairline:linear-gradient(90deg, transparent, #8c40ef8c, transparent);--dot:#4f059912;--barb:.3;--scrim:#28145047;--nb-1:#4a4755;--nb-2:#1f1e26;--nb-3:#0c0b10;--nb-ink:#fff;--nb-rim:#000;--nb-tape:#000;--nb-ribbon:#8c40ef;--nb-pages:#dedbe8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#131217;--surface:#1a1920;--panel:#17161c;--stage:#1e1c25;--line:#2d2b37;--text:#e9e7ef;--muted:#9a96a8;--icon:#c5c1d1;--hover:#b28cf817;--accent:#b28cf8;--accent-fill:#8c40ef;--accent-soft:#2a1e45;--on-accent:#fff;--danger:#f0766d;--danger-fill:#c93a31;--ok:#63c98c;--warn:#e0a63c;--warn-bg:#2f2814;--warn-line:#5c4d1f;--float:#201e28f2;--toast:#2b2935eb;--shadow:0 14px 40px #0000008c, 0 0 0 1px #b28cf80f;--glass:#1e1b2a94;--glass-strong:#181620e0;--glass-line:#b28cf82b;--glass-light:#ffffff17;--card:#ffffff09;--field:#ffffff0d;--glow:#8c40ef6b;--glow-soft:#8c40ef29;--violet-1:#a56bf7;--violet-2:#7a2de0;--violet-3:#4f0599;--ink-shine:linear-gradient(115deg, #efe6ff, #c9aaff 45%, #8c40ef);--hairline:linear-gradient(90deg, transparent, #b28cf899, transparent);--dot:#b28cf812;--barb:.4;--scrim:#06040e99;--nb-1:#fff;--nb-2:#f3f0fa;--nb-3:#d8d0ea;--nb-ink:#4f0599;--nb-rim:#fff;--nb-tape:#2a1e45;--nb-ribbon:#5a0cae;--nb-pages:#b7abd6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.dark-pages canvas.ink,.dark-pages .thumb-page canvas{filter:invert()hue-rotate(180deg)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14.5px/1.45 var(--font);font-feature-settings:"cv11", "ss03";-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#app{isolation:isolate;position:relative}#app:before,#app:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}#app:before{background:radial-gradient(46vmax 38vmax at 4% -6%, var(--glow), transparent 68%), radial-gradient(40vmax 34vmax at 104% 102%, var(--glow), transparent 66%), radial-gradient(30vmax 22vmax at 70% 8%, var(--glow-soft), transparent 70%)}#app:after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600' fill='none' stroke='%238c40ef' stroke-linecap='round'%3E%3Cg stroke-width='1' opacity='.55'%3E%3Cpath d='M600 40C420 60 250 170 150 330S40 560 20 600'/%3E%3Cpath d='M600 90C440 110 290 210 200 350S90 560 70 600'/%3E%3Cpath d='M600 140C460 160 330 250 250 370S140 560 120 600'/%3E%3Cpath d='M600 190C480 210 370 290 300 390S190 560 170 600'/%3E%3Cpath d='M600 240C500 260 410 330 350 410S240 560 220 600'/%3E%3Cpath d='M600 290C520 310 450 370 400 430S290 560 270 600'/%3E%3Cpath d='M600 340C540 360 490 410 450 450S340 560 320 600'/%3E%3C/g%3E%3Cg stroke-width='.6' opacity='.4'%3E%3Cpath d='M600 65C430 85 270 190 175 340S65 560 45 600'/%3E%3Cpath d='M600 115C450 135 310 230 225 360S115 560 95 600'/%3E%3Cpath d='M600 165C470 185 350 270 275 380S165 560 145 600'/%3E%3Cpath d='M600 215C490 235 390 310 325 400S215 560 195 600'/%3E%3Cpath d='M600 265C510 285 430 350 375 420S265 560 245 600'/%3E%3Cpath d='M600 315C530 335 470 390 425 440S315 560 295 600'/%3E%3C/g%3E%3C/svg%3E") right top / min(78vmin, 640px) no-repeat, radial-gradient(var(--dot) 1px, transparent 1.4px) 0 0 / 22px 22px;opacity:var(--barb);-webkit-mask-image:linear-gradient(200deg,#000 8%,#00000059 46%,#0000 78%);mask-image:linear-gradient(200deg,#000 8%,#00000059 46%,#0000 78%)}input,select,button{font:inherit;color:inherit}input[type=text],input[type=number],select{-webkit-user-select:text;user-select:text;border:1px solid var(--glass-line);border-radius:var(--radius);background:var(--field);min-height:40px;padding:8px 10px;transition:border-color .18s,box-shadow .18s}input[type=text]:focus,input[type=number]:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 0 5px var(--glow-soft);outline:0}select option{background:var(--surface);color:var(--text)}input:focus-visible,select:focus-visible,button:focus-visible,.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}.spacer{flex:1}.muted{color:var(--muted)}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent) 34%, transparent) transparent}.btn{border:1px solid var(--glass-line);border-radius:var(--radius);background:var(--card);min-height:40px;box-shadow:inset 0 1px 0 var(--glass-light);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:550;transition:transform .14s,box-shadow .2s,border-color .2s,background .2s;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff47,#0000);width:45%;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}.btn:hover:after{animation:.7s ease-out sweep}.btn:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent);box-shadow:inset 0 1px 0 var(--glass-light), 0 0 0 3px var(--glow-soft)}.btn:active{transform:scale(.96)}.btn.primary{background:var(--fill);color:var(--on-accent);box-shadow:inset 0 1px 0 #ffffff52, inset 0 0 0 1px #ffffff1a, 0 4px 16px var(--glow);border-color:#0000}.btn.primary:hover{box-shadow:inset 0 1px 0 #ffffff5c, inset 0 0 0 1px #ffffff24, 0 6px 24px var(--glow), 0 0 0 3px var(--glow-soft)}.btn.primary:active{filter:brightness(.92)}.btn.danger{background:var(--danger-fill);color:var(--on-accent);border-color:#0000;box-shadow:inset 0 1px #ffffff40}.btn.wide{width:100%}.icon-btn{border-radius:var(--radius);width:42px;height:42px;color:var(--icon);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;transition:background .16s,color .16s,transform .14s,box-shadow .2s;display:inline-grid;position:relative}.icon-btn.small{width:36px;height:36px}.icon-btn:hover{background:var(--hover);color:var(--accent)}.icon-btn:active{transform:scale(.88)}.icon-btn:disabled{opacity:.32;pointer-events:none}.icon-btn.active{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 34%, transparent), 0 0 14px var(--glow-soft)}.icon-btn.danger{color:var(--danger)}svg .tint{opacity:.15;transition:opacity .16s}.icon-btn:hover .tint,.icon-btn.active .tint,.menu button:hover .tint,.tree-row.current .tint{opacity:.32}.icon-btn svg{transition:transform .2s cubic-bezier(.3,1.6,.5,1)}.icon-btn:hover svg{transform:scale(1.08)}.menu-icon{display:inline-grid}.menu-icon svg{width:19px;height:19px}.art{flex:none;display:inline-grid}.art svg{filter:drop-shadow(0 3px 5px #1e084647);width:46px;height:46px;display:block}.art.small svg{filter:none;width:21px;height:21px}.library{--pad:clamp(14px, 3vw, 32px);height:100%;display:flex;position:relative}.lib-side{width:232px;padding:0 8px 16px;padding-left:max(8px, env(safe-area-inset-left));background:var(--glass);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);border-right:1px solid var(--glass-line);box-shadow:inset -1px 0 0 var(--glass-light);flex:none;overflow-y:auto}.library.tree-hidden .lib-side,.lib-scrim{display:none}.brand{letter-spacing:-.01em;align-items:center;gap:10px;height:56px;padding:0 8px;font-size:16px;font-weight:650;display:flex}.brand-mark{filter:drop-shadow(0 2px 8px var(--glow));flex:none;display:inline-grid}.wordmark{letter-spacing:0;color:var(--accent);background:var(--ink-shine);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Parisienne,Inter Variable,cursive;font-weight:400}.brand .wordmark{padding:3px 4px 0 0;font-size:25px;line-height:1.2}.hero{border:1px solid var(--glass-line);background:linear-gradient(120deg, var(--glow-soft), transparent 55%), var(--card);box-shadow:inset 0 1px 0 var(--glass-light), 0 10px 40px -18px var(--glow);border-radius:10px;align-items:center;gap:22px;margin-top:22px;padding:26px 28px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(closest-side, transparent 62%, var(--glass-line) 62.5%, transparent 64%), radial-gradient(closest-side, transparent 80%, var(--glass-line) 80.5%, transparent 82%), radial-gradient(closest-side, var(--glow-soft), transparent 78%);pointer-events:none;border-radius:50%;width:220px;height:220px;margin-top:-110px;position:absolute;top:50%;left:-52px}.hero:after{content:"";background:var(--hairline);height:1px;position:absolute;bottom:0;left:0;right:0}.hero>*{position:relative}.hero .brand-mark svg{width:64px;height:64px}.hero .brand-mark{filter:drop-shadow(0 6px 22px var(--glow))}.hero h1{margin:0;padding-right:10px;font-size:60px;line-height:1.12}.hero-sub{color:var(--muted);gap:6px;margin:0;font-size:13.5px;display:grid}.hero-stats{border:1px solid var(--glass-line);background:var(--accent-soft);color:var(--accent);font-variant-numeric:tabular-nums;border-radius:999px;justify-self:start;padding:3px 10px;font-size:12.5px;font-weight:550}.tree{grid-template-columns:minmax(0,1fr);gap:2px;display:grid}.tree-row{border-radius:var(--radius);align-items:center;min-height:40px;transition:background .16s;display:flex;position:relative}.tree-row:hover{background:var(--hover)}.tree-row.current{background:linear-gradient(90deg, var(--accent-soft), transparent 130%);color:var(--accent);box-shadow:inset 0 0 0 1px var(--glass-line);font-weight:600}.tree-row.current:before{content:"";background:var(--fill);width:3px;box-shadow:0 0 10px var(--glow);border-radius:2px;position:absolute;top:8px;bottom:8px;left:0}.tree-toggle{border-radius:var(--radius);width:28px;height:40px;color:var(--muted);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}button.tree-toggle{cursor:pointer}.tree-toggle svg{width:16px;height:16px;transition:transform .2s}.tree-toggle.open svg{transform:rotate(90deg)}.tree-go{border-radius:var(--radius);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:8px;min-width:0;min-height:40px;padding:0 8px 0 0;display:flex}.tree-go .menu-icon{color:var(--muted)}.tree-row.current .menu-icon{color:var(--accent)}.tree-row.current .menu-icon svg{filter:drop-shadow(0 0 5px var(--glow))}.tree-count{background:var(--accent-soft);color:var(--accent);font-variant-numeric:tabular-nums;border-radius:999px;margin-left:auto;padding:0 7px;font-size:11.5px;font-weight:600}.trash-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;display:flex}.trash-head p{margin:0}.card.trashed{cursor:default}.card.trashed .card-art{opacity:.7}.card.trashed .btn{flex:none;min-height:36px}.tree-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lib-main{min-width:0;padding:0 var(--pad) 40px;flex:1;overflow-y:auto}.lib-main>*{max-width:1080px}.lib-head{z-index:2;max-width:none;height:56px;margin:0 calc(-1 * var(--pad));padding:0 calc(var(--pad) - 6px) 0 calc(var(--pad) - 10px);background:var(--glass);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);border-bottom:1px solid var(--glass-line);align-items:center;gap:6px;display:flex;position:sticky;top:0}.lib-head:after{content:"";background:var(--hairline);pointer-events:none;height:1px;position:absolute;bottom:-1px;left:0;right:0}.crumbs{align-items:center;gap:2px;min-width:0;display:flex;overflow:hidden}.crumbs button{border-radius:var(--radius);min-width:0;min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;flex:0 auto;align-items:center;gap:6px;padding:0 6px;transition:background .16s,color .16s;display:flex}.crumbs button:hover{background:var(--hover);color:var(--text)}.crumb-name,.crumbs button{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.crumbs button.current{max-width:100%;color:var(--text);font-family:var(--font-title);letter-spacing:.01em;flex-shrink:0;font-size:15.5px;font-weight:650}.crumb-sep{color:var(--accent);opacity:.55}.lib-actions{flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 8px;display:flex}.search-box{border:1px solid var(--glass-line);border-radius:var(--radius);background:var(--card);min-width:140px;max-width:280px;box-shadow:inset 0 1px 0 var(--glass-light);color:var(--muted);flex:160px;align-items:center;gap:6px;margin-left:auto;padding:0 10px;transition:border-color .18s,box-shadow .18s,max-width .3s;display:flex}.lib-actions .spacer{display:none}.search-box .search{min-width:0;min-height:38px;color:var(--text);-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:0;flex:1}.search-box:focus-within{border-color:var(--accent);max-width:340px;color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 0 5px var(--glow-soft)}.lib-section{font-family:var(--font-title);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:9px;margin:28px 0 11px;font-size:12.5px;font-weight:650;display:flex}.lib-section:before{content:"";background:var(--accent);opacity:.7;border-radius:50%;width:5px;height:5px}.lib-section:after{content:"";background:linear-gradient(90deg, var(--glass-line), transparent);flex:1;height:1px}.lib-section .count{border:1px solid var(--glass-line);background:var(--accent-soft);color:var(--accent);letter-spacing:.02em;font-variant-numeric:tabular-nums;border-radius:999px;padding:0 7px;font-size:11.5px}.grid{border:1px solid var(--glass-line);border-radius:var(--radius);background:var(--card);box-shadow:inset 0 1px 0 var(--glass-light);grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.grid+.grid{margin-top:12px}.card{border-bottom:1px solid var(--glass-line);cursor:pointer;-webkit-touch-callout:none;touch-action:pan-x pan-y;align-items:center;gap:12px;min-width:0;min-height:62px;padding:6px 6px 6px 12px;transition:transform .16s,box-shadow .2s,border-color .2s;display:flex;position:relative}.card:last-child{border-bottom:0}.card:before{content:"";background:radial-gradient(220px circle at var(--mx,30%) var(--my,50%), var(--glow-soft), transparent 72%);opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;inset:0}.card:hover:before,.card:active:before,.card:focus-visible:before{opacity:1}.card:not(.tile):after{content:"";background:var(--fill);width:3px;box-shadow:0 0 12px var(--glow);border-radius:0 2px 2px 0;transition:transform .22s cubic-bezier(.3,1.4,.5,1);position:absolute;top:10px;bottom:10px;left:0;transform:scaleY(0)}.card:not(.tile):hover:after,.card:not(.tile):active:after{transform:scaleY(1)}.card>*{position:relative}.card:focus-visible{outline-offset:-2px}.card-art{flex:none;place-items:center;width:48px;height:48px;display:grid}.card-art .art{transition:transform .28s cubic-bezier(.3,1.5,.5,1)}.card:hover .card-art .art{transform:translateY(-2px)scale(1.07)rotate(-2deg)}.card:active .card-art .art{transform:scale(.93)}.card-text{flex:1;min-width:0}.card-title{align-items:center;gap:6px;min-width:0;display:flex}.card-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:550;overflow:hidden}.card-sub,.card-date{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12.5px}.card-sub{text-overflow:ellipsis;overflow:hidden}.card-date{flex:none;padding:0 4px}.fav-mark{color:var(--accent);filter:drop-shadow(0 0 5px var(--glow));flex:none;display:inline-grid}.fav-mark svg{width:15px;height:15px;fill:var(--accent)}.card .icon-btn{width:42px;height:42px}.grid.strip{margin-right:calc(-1 * var(--pad));padding:4px var(--pad) 12px 2px;box-shadow:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity;background:0 0;border:0;border-radius:0;gap:12px;display:flex;overflow-x:auto}.card.tile{border:1px solid var(--glass-line);border-radius:var(--radius);background:var(--card);width:142px;min-height:0;box-shadow:inset 0 1px 0 var(--glass-light);scroll-snap-align:start;flex-direction:column;flex:none;align-items:stretch;gap:0;padding:0;overflow:hidden}.card.tile:hover{border-color:color-mix(in srgb, var(--accent) 50%, transparent);box-shadow:inset 0 1px 0 var(--glass-light), 0 12px 26px -10px var(--glow), 0 0 0 3px var(--glow-soft);transform:translateY(-4px)}.card.tile:active{transform:scale(.96)}.tile .card-art{border-bottom:1px solid var(--glass-line);background:radial-gradient(110px 70px at 50% 0, var(--glow-soft), transparent);width:auto;height:96px}.tile .art svg{width:66px;height:66px}.tile .card-text{flex:none;padding:7px 9px 8px}.tile .card-title{align-items:flex-start}.tile .card-name{-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-height:2.7em;font-size:13px;line-height:1.35;display:-webkit-box}.tile .fav-mark,.tile .pending-dot{margin-top:2px}.tile .card-sub{padding-right:26px;font-size:11.5px}.tile .icon-btn{width:34px;height:40px;position:absolute;bottom:1px;right:0}.pending-dot{background:var(--warn);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--warn) 22%, transparent);border-radius:50%;flex:none;animation:1.8s ease-in-out infinite pulse}.empty{border:1px dashed var(--glass-line);background:radial-gradient(160px 90px at 50% 0, var(--glow-soft), transparent), var(--card);text-align:center;max-width:38ch;color:var(--muted);border-radius:10px;margin:9vh auto;padding:30px 26px}.notice{border:1px solid var(--warn-line);border-radius:var(--radius);background:var(--warn-bg);-webkit-user-select:text;user-select:text;align-items:flex-start;gap:8px;margin:12px 0;padding:8px 6px 8px 14px;animation:.3s backwards rise;display:flex}.notice span{flex:1;padding-top:6px}.library.arriving .lib-side{animation:.36s cubic-bezier(.2,.8,.2,1) backwards slide-right}.library.arriving .lib-head{animation:.3s backwards fade}.library.arriving .hero,.library.arriving .lib-actions,.library.arriving .lib-section,.library.arriving .grid,.library.arriving .empty{animation:.42s cubic-bezier(.2,.8,.2,1) backwards rise}.library.arriving .lib-actions{animation-delay:50ms}.library.arriving .listing>*{animation-delay:.1s}.library.arriving .card{animation:.4s cubic-bezier(.2,.8,.2,1) .34s backwards rise}.library.arriving .card:first-child{animation-delay:.12s}.library.arriving .card:nth-child(2){animation-delay:.15s}.library.arriving .card:nth-child(3){animation-delay:.18s}.library.arriving .card:nth-child(4){animation-delay:.21s}.library.arriving .card:nth-child(5){animation-delay:.24s}.library.arriving .card:nth-child(6){animation-delay:.27s}.library.arriving .card:nth-child(7){animation-delay:.3s}.library.arriving .card:nth-child(8){animation-delay:.32s}@media (max-width:699px){.lib-side{z-index:11;background:var(--glass-strong);width:min(280px,84vw);box-shadow:var(--shadow);animation:.3s cubic-bezier(.2,.8,.2,1) backwards slide-right;position:absolute;top:0;bottom:0;left:0}.lib-scrim{z-index:10;background:var(--scrim);animation:.25s backwards fade;display:block;position:absolute;inset:0}.library.tree-hidden .lib-scrim,.sync-chip:not(.compact) .chip-label,.card-date{display:none}.hero{gap:14px;padding:18px 16px}.hero h1{font-size:46px}.hero .brand-mark svg{width:50px;height:50px}}.paper{background-color:#fff}.bg-lined{background-image:linear-gradient(#c3cedd 1px,#0000 1px);background-position:0 6px;background-size:100% 9px}.bg-grid{background-image:linear-gradient(#d3dbe6 1px,#0000 1px),linear-gradient(90deg,#d3dbe6 1px,#0000 1px);background-size:8px 8px}.bg-dots{background-image:radial-gradient(#9aa5b4 1px,#0000 1.3px);background-size:8px 8px}.bg-seyes{background-image:linear-gradient(90deg,#0000 18px,#e59aa6 18px 19px,#0000 19px),linear-gradient(#b7bde6 1px,#0000 1px),linear-gradient(#e3e5f5 1px,#0000 1px),linear-gradient(90deg,#b7bde6 1px,#0000 1px);background-size:100% 100%,100% 12px,100% 3px,12px 100%}.sync-chip{border:1px solid var(--glass-line);border-radius:var(--radius);background:var(--card);min-height:36px;box-shadow:inset 0 1px 0 var(--glass-light);color:var(--muted);cursor:pointer;flex:none;align-items:center;gap:6px;padding:0 11px 0 8px;font-size:13px;font-weight:550;transition:box-shadow .2s,border-color .2s,transform .14s;display:inline-flex}.sync-chip:hover{box-shadow:inset 0 1px 0 var(--glass-light), 0 0 0 3px var(--glow-soft)}.sync-chip:active{transform:scale(.95)}.sync-chip .chip-icon{display:inline-grid}.sync-chip svg{width:20px;height:20px}.sync-chip[data-state=ok]{color:var(--ok)}.sync-chip[data-state=ok] svg{filter:drop-shadow(0 0 5px color-mix(in srgb, var(--ok) 50%, transparent))}.sync-chip[data-state=pending],.sync-chip[data-state=syncing]{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 40%, transparent)}.sync-chip[data-state=syncing] svg{animation:1.1s ease-in-out infinite pulse}.sync-chip[data-state=error],.sync-chip[data-state=signedOut]{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 45%, transparent)}.sync-chip.compact{box-shadow:none;background:0 0;border-color:#0000;padding:0 9px}.sync-chip.compact .chip-label{display:none}.popover{z-index:30;background:var(--glass-strong);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);border:1px solid var(--glass-line);box-shadow:inset 0 1px 0 var(--glass-light), var(--shadow), 0 0 30px -10px var(--glow);border-radius:8px;animation:.2s cubic-bezier(.2,.8,.2,1) backwards drop;position:fixed}.menu{flex-direction:column;min-width:200px;padding:5px;display:flex}.menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:10px;min-height:42px;padding:0 12px;transition:background .14s,color .14s,padding .18s;animation:.24s backwards rise-small;display:flex}.menu button:nth-child(2){animation-delay:25ms}.menu button:nth-child(3){animation-delay:50ms}.menu button:nth-child(4){animation-delay:75ms}.menu button:nth-child(n+5){animation-delay:.1s}.menu button:hover{background:var(--hover);color:var(--accent);padding-left:15px}.menu button.danger,.menu button.danger:hover{color:var(--danger)}.menu button.danger:hover{background:color-mix(in srgb, var(--danger) 12%, transparent)}.menu button.selected{color:var(--accent);font-weight:600}.menu-check{margin-left:auto}.theme-menu{width:min(280px,100vw - 16px)}.theme-menu .check,.theme-menu p{margin:0;padding:0 14px}.theme-menu .check{border-top:1px solid var(--glass-line);min-height:48px}.theme-menu p{padding-bottom:12px;font-size:12.5px}.sync-details{width:min(320px,100vw - 16px);padding:14px}.sync-details strong{font-family:var(--font-title);letter-spacing:.02em;font-size:15px}.sync-details p{margin:6px 0 10px;font-size:14px}.error-text{color:var(--danger);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.tool-panel{gap:14px;width:min(292px,100vw - 16px);padding:14px;display:grid}.swatches{grid-template-columns:repeat(6,1fr);justify-items:center;gap:12px;padding:4px;display:grid}.swatch{background:var(--c,transparent);cursor:pointer;border:0;border-radius:50%;width:30px;height:30px;padding:0;transition:transform .18s cubic-bezier(.3,1.6,.5,1),box-shadow .18s;position:relative;box-shadow:inset 0 0 0 1px #80789659}.swatch:hover{transform:scale(1.1)}.swatch:active{transform:scale(.9)}.swatch.selected:after{content:"";border:2px solid color-mix(in srgb, var(--c,var(--accent)) 62%, var(--text));border-radius:50%;position:absolute;inset:-4px}.notebook-art.auto{color:var(--nb-ink)}.swatch.auto{background:linear-gradient(135deg,#f3f0fa 50%,#1b1a21 50%)}.swatch.custom{background:conic-gradient(#e53935,#fdd835,#43a047,#1e88e5,#8e24aa,#e53935);overflow:hidden}.swatch.custom::-webkit-color-swatch-wrapper{opacity:0}.swatch.custom::-webkit-color-swatch{opacity:0}.check{cursor:pointer;align-items:center;gap:10px;min-height:36px;font-size:14px;display:flex}.check input{width:20px;height:20px;accent-color:var(--accent-fill)}.slider{grid-template-columns:auto 1fr 52px;align-items:center;gap:10px;font-size:14px;display:grid}.slider input{width:100%;accent-color:var(--accent-fill);min-height:30px}.slider-value{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.segmented{border-radius:var(--radius);background:var(--field);border:1px solid var(--glass-line);padding:2px;display:inline-flex}.segmented button{min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0 16px;transition:background .18s,color .18s,box-shadow .18s}.segmented button.selected{background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent), 0 0 12px var(--glow-soft);color:var(--accent);font-weight:600}.dialog{background:var(--glass-strong);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);border:1px solid var(--glass-line);width:min(460px,100vw - 24px);max-height:calc(100vh - 24px);box-shadow:inset 0 1px 0 var(--glass-light), var(--shadow), 0 0 60px -20px var(--glow);color:var(--text);border-radius:10px;padding:20px;overflow-y:auto}.dialog[open]{animation:.26s cubic-bezier(.2,.9,.3,1.1) backwards dialog-in}.dialog::backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:.24s backwards fade}.dialog h2{font-family:var(--font-title);letter-spacing:.02em;margin:0 0 18px;padding-bottom:12px;font-size:18px;font-weight:650;position:relative}.dialog h2:after{content:"";background:linear-gradient(90deg, var(--accent), var(--glass-line) 38%, transparent);height:1px;position:absolute;bottom:0;left:0;right:0}.dialog h3{font-family:var(--font-title);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;font-size:12px;font-weight:650}.dialog-text{margin:0 0 4px}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.field{gap:6px;margin-bottom:14px;display:grid}.field>span{color:var(--muted);font-size:13px}.field.inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.field.inline>span{font-size:inherit;color:inherit}.field.inline input{width:76px}.settings-section{border:1px solid var(--glass-line);border-radius:var(--radius);background:var(--card);box-shadow:inset 0 1px 0 var(--glass-light);margin-bottom:12px;padding:14px;animation:.3s backwards rise-small}.settings-section:nth-of-type(2){animation-delay:50ms}.settings-section:nth-of-type(3){animation-delay:.1s}.settings-section p{margin:6px 0;font-size:14px}.dialog.wide{width:min(640px,100vw - 24px)}.cover-tiles{gap:8px;padding:4px 4px 8px;display:flex;overflow-x:auto}.cover-tile,.bg-tile{border:1px solid var(--glass-line);border-radius:var(--radius);background:var(--card);cursor:pointer;font-size:12.5px;transition:transform .18s cubic-bezier(.3,1.5,.5,1),border-color .18s,box-shadow .18s,background .18s}.cover-tile:hover,.bg-tile:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent);transform:translateY(-2px)}.cover-tile:active,.bg-tile:active{transform:scale(.95)}.cover-tile{flex:none;align-content:end;justify-items:center;gap:5px;padding:7px 6px 6px;display:grid}.cover-tile.selected,.bg-tile.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 16px var(--glow-soft);background:var(--accent-soft)}.cover-preview{border-radius:2px;display:block;box-shadow:0 0 0 1px #14102829}.cover-preview.none{aspect-ratio:595.28/841.89;color:#8a8798;text-align:center;background:#fff;place-items:center;width:66px;font-size:11px;display:grid}.cover-preview.none.landscape{aspect-ratio:841.89/595.28;width:92px}.cover-options{grid-template-columns:auto 1fr;align-items:start;gap:0 18px;display:grid}.cover-colors{flex-wrap:wrap;gap:12px;max-width:250px;padding:4px;display:flex}.pages-panel .btn.wide+.btn.wide{margin-top:6px}.bg-tiles{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.bg-tile{justify-items:center;gap:5px;padding:8px 2px 6px;display:grid}.bg-tile .bg-seyes{background-image:linear-gradient(90deg,#0000 22%,#e59aa6 22% calc(22% + 1px),#0000 calc(22% + 1px)),linear-gradient(#b7bde6 1px,#0000 1px),linear-gradient(#e3e5f5 1px,#0000 1px),linear-gradient(90deg,#b7bde6 1px,#0000 1px)}.bg-tile .paper{border-radius:2px;width:40px;height:54px;box-shadow:0 0 0 1px #14102829}.look-name{text-overflow:ellipsis;white-space:nowrap;margin:-8px 0 14px;overflow:hidden}.look-picker{grid-template-columns:132px minmax(0,1fr);align-items:start;gap:18px;display:grid}.look-preview{aspect-ratio:1;border:1px solid var(--glass-line);border-radius:var(--radius);background:radial-gradient(120px 80px at 50% 0, var(--glow-soft), transparent), var(--card);box-shadow:inset 0 1px 0 var(--glass-light);place-items:center;display:grid}.look-preview .art svg{width:96px;height:96px;animation:.3s cubic-bezier(.3,1.6,.5,1) pop}.look-colors{grid-template-columns:repeat(auto-fill,30px);gap:12px;padding:4px;display:grid}.look-symbols{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px;display:grid}.symbol{border:1px solid var(--glass-line);border-radius:var(--radius);background:var(--card);height:40px;color:var(--icon);cursor:pointer;place-items:center;padding:0;font-size:11.5px;transition:transform .18s cubic-bezier(.3,1.5,.5,1),border-color .18s,color .18s,box-shadow .18s;display:grid}.symbol:hover{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent);transform:translateY(-2px)}.symbol.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 14px var(--glow-soft)}.field.inline.look-own{margin-bottom:0}.field.inline.look-own>span{color:var(--muted);font-size:13px}.field.inline .look-emoji{text-align:center;width:62px;font-size:18px}.move-list{border:1px solid var(--glass-line);border-radius:var(--radius);background:var(--card);max-height:50vh;display:grid;overflow-y:auto}.move-row{border:0;border-bottom:1px solid var(--glass-line);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:8px;min-height:44px;padding-right:12px;transition:background .14s;display:flex}.move-row:last-child{border-bottom:0}.move-row:hover:not(:disabled){background:var(--accent-soft)}.move-row:disabled{cursor:default;color:var(--muted)}.toasts{z-index:60;pointer-events:none;justify-items:center;gap:8px;padding:0 12px;display:grid;position:fixed;bottom:22px;left:0;right:0}.toast{border-radius:var(--radius);background:var(--toast);max-width:520px;-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);color:#fff;box-shadow:var(--shadow), 0 0 24px -6px var(--glow);border:1px solid #b28cf859;padding:10px 16px;font-size:14px;animation:.34s cubic-bezier(.2,.9,.3,1.2) backwards toast-in}.editor{flex-direction:column;height:100%;display:flex}.toolbar{z-index:6;height:48px;padding:0 6px;padding-left:max(6px, env(safe-area-inset-left));padding-right:max(6px, env(safe-area-inset-right));background:linear-gradient(180deg, var(--glass-light), transparent), var(--glass);border-bottom:1px solid var(--glass-line);box-shadow:0 6px 22px -14px var(--glow);flex:none;align-items:center;gap:2px;animation:.32s cubic-bezier(.2,.8,.2,1) backwards slide-down;display:flex;position:relative;overflow:hidden}.toolbar:after{content:"";background:var(--hairline);pointer-events:none;height:1px;position:absolute;bottom:0;left:0;right:0}.editor-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:22vw;font-family:var(--font-title);letter-spacing:.01em;flex:0 auto;margin:0 10px 0 2px;font-size:15px;font-weight:650;overflow:hidden}.workspace{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.workspace[data-dock=bottom]{flex-direction:column-reverse}.workspace[data-dock=left]{flex-direction:row}.workspace[data-dock=right]{flex-direction:row-reverse}.belt{z-index:5;background:var(--glass-strong);border:0 solid var(--glass-line);border-bottom-width:1px;flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:2px 4px;min-height:50px;padding:3px 8px;animation:.3s backwards fade;display:flex;position:relative}.workspace[data-dock=bottom] .belt{padding-bottom:max(3px, env(safe-area-inset-bottom));border-width:1px 0 0}.workspace[data-dock=left] .belt,.workspace[data-dock=right] .belt{scrollbar-width:none;border-width:0 1px 0 0;flex-flow:column;justify-content:flex-start;width:52px;min-height:0;padding:8px 3px;overflow-y:auto}.workspace[data-dock=right] .belt{border-width:0 0 0 1px}.belt.moving{z-index:20;box-shadow:var(--shadow);opacity:.92;cursor:grabbing;border-width:1px;border-radius:8px}.dock-hint{z-index:19;background:var(--fill);box-shadow:0 0 18px var(--glow);pointer-events:none;border-radius:4px;animation:.15s backwards fade;position:absolute}.dock-hint[data-dock=top],.dock-hint[data-dock=bottom]{height:5px;left:10%;right:10%}.dock-hint[data-dock=left],.dock-hint[data-dock=right]{width:5px;top:10%;bottom:10%}.dock-hint[data-dock=top]{top:4px}.dock-hint[data-dock=bottom]{bottom:4px}.dock-hint[data-dock=left]{left:4px}.dock-hint[data-dock=right]{right:4px}.belt-grip{border-radius:var(--radius);width:30px;height:40px;color:var(--muted);cursor:grab;touch-action:none;opacity:.7;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.belt-grip:hover{background:var(--hover);opacity:1}.belt-grip svg{width:18px;height:18px}.workspace[data-dock=left] .belt-grip,.workspace[data-dock=right] .belt-grip{width:40px;height:28px}.workspace[data-dock=left] .belt-grip svg,.workspace[data-dock=right] .belt-grip svg{transform:rotate(90deg)}.tools,.quick{align-items:center;gap:2px;display:flex}.workspace[data-dock=left] .tools,.workspace[data-dock=right] .tools,.workspace[data-dock=left] .quick,.workspace[data-dock=right] .quick{flex-direction:column}.tool-dot{border-radius:2px;width:14px;height:3px;margin-left:-7px;transition:width .2s,margin .2s;position:absolute;bottom:4px;left:50%}.icon-btn.active .tool-dot{width:20px;margin-left:-10px}.belt .icon-btn.active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 34%, transparent)}.quick{border-left:1px solid var(--glass-line);gap:3px;padding-left:8px}.quick:empty{display:none}.workspace[data-dock=left] .quick,.workspace[data-dock=right] .quick{border-left:0;border-top:1px solid var(--glass-line);padding:8px 0 0}.quick .swatch{flex:none;width:24px;height:24px;margin:8px}.quick .sep{background:var(--glass-line);width:1px;height:22px;margin:0 5px}.workspace[data-dock=left] .quick .sep,.workspace[data-dock=right] .quick .sep{width:22px;height:1px;margin:5px 0}.quick .width{border-radius:var(--radius);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;width:38px;height:40px;padding:0;transition:background .16s,box-shadow .16s;display:grid}.quick .width:hover{background:var(--hover)}.quick .width.selected{background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 34%, transparent)}.quick .bar{background:var(--icon);border-radius:8px;width:22px}.quick .width.selected .bar{background:var(--accent)}.quick .ring{border:1.5px solid var(--icon);border-radius:50%}.quick .width.selected .ring{border-color:var(--accent)}.preset-panel{grid-template-columns:minmax(0,1fr);gap:12px;width:min(296px,100vw - 16px);padding:14px;display:grid}.preset-panel strong{font-family:var(--font-title);letter-spacing:.02em;font-size:15px}.palette{grid-template-columns:repeat(6,1fr);justify-items:center;gap:12px;padding:4px;display:grid}.custom-row{border-top:1px solid var(--glass-line);align-items:center;gap:12px;padding:10px 4px 0;font-size:13px;display:flex}.custom-row .hex{font-variant-numeric:tabular-nums;text-transform:lowercase;flex:1;width:0;min-width:0;min-height:36px}.stroke-preview{border-radius:var(--radius);color:#4a4757;background:#fff;place-items:center;height:72px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #8078964d}.stroke-preview svg{width:220px;height:64px}.editor-body{flex:1;min-height:0;position:relative}.stage{background:var(--stage);animation:.3s backwards fade;position:absolute;inset:0;overflow:hidden}.thumbs{background:var(--glass);border-right:1px solid var(--glass-line);width:128px;box-shadow:inset -1px 0 0 var(--glass-light);z-index:3;flex-direction:column;align-items:center;gap:10px;padding:10px 8px 16px;animation:.26s cubic-bezier(.2,.8,.2,1) backwards slide-right;display:flex;position:absolute;top:0;bottom:0;left:0;overflow-y:auto}.with-thumbs .stage{left:128px}.thumb{border-radius:var(--radius);flex:none;justify-items:center;gap:2px;padding:5px 5px 0;display:grid;position:relative}.thumb-go{cursor:pointer;background:0 0;border:0;padding:0;transition:transform .18s;display:block}.thumb-go:hover{transform:translateY(-2px)}.thumb-row{justify-content:space-between;align-items:center;width:100%;display:flex}.thumb-row .icon-btn{width:30px;height:30px}.thumb-grip{width:30px;height:30px;color:var(--muted);cursor:grab;touch-action:none;place-items:center;display:grid}.thumb-grip svg{width:18px;height:18px}.thumb-ribbon{color:var(--accent);filter:drop-shadow(0 0 4px var(--glow));position:absolute;top:3px;right:12px}.thumb-ribbon svg{width:18px;height:18px;fill:var(--accent)}.thumb.dragging{z-index:2;opacity:.85;pointer-events:none}.thumb.dragging .thumb-page{box-shadow:var(--shadow)}.thumb.drop-here:before,.thumbs.drop-at-end:after{content:"";background:var(--fill);width:96px;height:3px;box-shadow:0 0 10px var(--glow);border-radius:2px;display:block}.thumb.drop-here:before{position:absolute;top:-7px}.bookmarks{border-bottom:1px solid var(--glass-line);gap:2px;width:100%;padding-bottom:8px;font-size:12.5px;display:grid}.bookmarks strong{color:var(--accent);font-family:var(--font-title);letter-spacing:.12em;text-transform:uppercase;padding:0 4px 2px;font-size:11.5px}.bookmark-go{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:4px;min-height:32px;padding:0 4px;display:flex}.bookmark-go:hover{background:var(--hover)}.bookmark-go .menu-icon svg{width:15px;height:15px;fill:var(--accent);color:var(--accent)}.bookmark-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.thumb-page{aspect-ratio:595.28/841.89;background:#fff;border-radius:2px;width:96px;transition:box-shadow .2s;display:block;overflow:hidden;box-shadow:0 0 0 1px #14102829}.thumb-page.landscape{aspect-ratio:841.89/595.28}.thumb-page canvas{width:100%;height:100%;display:block}.thumb-number{min-width:24px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:4px;padding:1px 7px;font-size:12.5px}.thumb.current .thumb-page{box-shadow:0 0 0 2px var(--accent), 0 0 16px var(--glow)}.thumb.current .thumb-number{background:var(--fill);color:var(--on-accent);box-shadow:0 0 10px var(--glow)}canvas.ink{touch-action:none;cursor:crosshair;display:block}.corner{bottom:10px;right:10px;bottom:max(10px, env(safe-area-inset-bottom));border:1px solid var(--glass-line);background:var(--float);box-shadow:inset 0 1px 0 var(--glass-light), 0 6px 20px -8px var(--glow);border-radius:8px;align-items:center;gap:4px;padding:3px;animation:.4s cubic-bezier(.2,.8,.2,1) .12s backwards rise;display:flex;position:absolute}.page-pill{border-radius:var(--radius);min-height:36px;color:var(--icon);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;padding:0 12px;font-size:13.5px;transition:background .16s,color .16s}.page-pill:hover{background:var(--hover);color:var(--accent)}.sel-bar{z-index:4;border:1px solid var(--glass-line);background:var(--glass-strong);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);box-shadow:inset 0 1px 0 var(--glass-light), var(--shadow);border-radius:8px;align-items:center;gap:4px;padding:5px 7px;animation:.18s backwards fade;display:flex;position:absolute}.sel-bar .swatch{flex:none;width:24px;height:24px;margin:0 5px}.sel-bar .sep{background:var(--glass-line);width:1px;height:24px;margin:0 4px}.bar-hint{color:var(--muted);white-space:nowrap;padding:0 8px;font-size:13.5px}.sel-bar .btn{min-height:38px;box-shadow:none;background:0 0;border:0}.pages-panel{background:var(--glass-strong);width:min(380px,100%);-webkit-backdrop-filter:var(--frost);backdrop-filter:var(--frost);border-left:1px solid var(--glass-line);box-shadow:inset 1px 0 0 var(--glass-light), var(--shadow);z-index:5;padding:10px 12px 16px;animation:.3s cubic-bezier(.2,.8,.2,1) backwards slide-left;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}.panel-head{font-family:var(--font-title);letter-spacing:.02em;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:16px;display:flex}.page-list{margin:12px 0 0;padding:0;list-style:none}.page-list li{border-bottom:1px solid var(--glass-line);align-items:center;gap:2px;padding:4px 0 4px 4px;transition:background .16s;display:flex}.page-list li.current{background:linear-gradient(90deg, var(--accent-soft), transparent 140%);box-shadow:inset 3px 0 0 var(--accent)}.page-go{text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:1;min-height:40px;padding:0 6px;font-weight:550}.page-list select{min-height:36px;padding:4px 6px;font-size:13.5px}@media (max-width:560px){.editor-title{display:none}.with-thumbs .stage{left:0}.thumbs{background:var(--glass-strong);box-shadow:var(--shadow)}.toolbar{gap:0;padding:0 2px}.belt{gap:0 2px;padding:2px 4px}.belt .icon-btn{width:38px}.quick .swatch{margin:6px}.quick .width{width:34px}.corner .icon-btn,.corner .page-pill:not(:last-child){display:none}.bg-tiles{grid-template-columns:repeat(3,1fr)}.look-picker{grid-template-columns:minmax(0,1fr)}.look-preview{aspect-ratio:auto;height:116px}.cover-options{grid-template-columns:minmax(0,1fr)}}@media (hover:none) and (pointer:coarse){.corner .icon-btn{display:none}}@keyframes pulse{50%{opacity:.35}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes rise-small{0%{opacity:0;transform:translateY(6px)}}@keyframes drop{0%{opacity:0;translate:0 -8px}}@keyframes pop{0%{opacity:.4;transform:scale(.82)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(18px)scale(.95)}}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)scale(.94)}}@keyframes slide-right{0%{opacity:0;transform:translate(-24px)}}@keyframes slide-left{0%{opacity:0;transform:translate(32px)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-100%)}}@keyframes sweep{0%{opacity:1;left:-60%}to{opacity:1;left:130%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}