@font-face{font-family:Noto Sans Malayalam;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-malayalam-malayalam-400-normal-BlRtQoab.woff2)format("woff2"),url(/assets/noto-sans-malayalam-malayalam-400-normal-BR1YyT1N.woff)format("woff")}@font-face{font-family:Noto Sans Malayalam;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/noto-sans-malayalam-malayalam-500-normal-DhpY4OhL.woff2)format("woff2"),url(/assets/noto-sans-malayalam-malayalam-500-normal-2zwO1l--.woff)format("woff")}@font-face{font-family:Noto Sans Malayalam;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-malayalam-malayalam-600-normal-BS2EwmAW.woff2)format("woff2"),url(/assets/noto-sans-malayalam-malayalam-600-normal-C6YcGxtf.woff)format("woff")}@font-face{font-family:Noto Sans Malayalam;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-malayalam-malayalam-700-normal-CksN7HIL.woff2)format("woff2"),url(/assets/noto-sans-malayalam-malayalam-700-normal-DHx9wx82.woff)format("woff")}@font-face{font-family:Noto Serif Malayalam;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-serif-malayalam-malayalam-400-normal-DYX1E0PG.woff2)format("woff2"),url(/assets/noto-serif-malayalam-malayalam-400-normal-BEpQBLvi.woff)format("woff")}@font-face{font-family:Noto Serif Malayalam;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-serif-malayalam-malayalam-600-normal-BotHi5ig.woff2)format("woff2"),url(/assets/noto-serif-malayalam-malayalam-600-normal-6iKZWkg4.woff)format("woff")}@font-face{font-family:Noto Serif Malayalam;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-serif-malayalam-malayalam-700-normal-Be6OhZTq.woff2)format("woff2"),url(/assets/noto-serif-malayalam-malayalam-700-normal-BTR8-xA-.woff)format("woff")}:root{--bg:#000;--card:#0f0f0f;--raised:#1a1a1a;--line:#262626;--text:#f2f2f2;--muted:#9b9b9b;--accent:#fff;--on-accent:#000;--prose:#e4e4e4;--cover:#161616;--on-cover:#f2f2f2;--side:#000;--aside:#0a0a0a;--track:#3a3a3a;--danger:#ff6b6b;--body-dim:#cfcfcf;--heat1:#2e2e2e;--heat2:#6b6b6b;--press:#ffffff14;--shadow:0 8px 24px #0009;--reader-size:16px;--reader-lh:1.8;--rtool-h:56px;--ui:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Malayalam", sans-serif;--sans:"Noto Sans Malayalam", system-ui, sans-serif;--ml-font:var(--sans);--serif:"Noto Serif Malayalam", "Noto Sans Malayalam", serif;--nav-h:60px;--pad:20px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#fff;--card:#f6f6f6;--raised:#eee;--line:#e2e2e2;--text:#0a0a0a;--muted:#5e5e5e;--accent:#0a0a0a;--on-accent:#fff;--prose:#1a1a1a;--cover:#111;--on-cover:#f2f2f2;--side:#fafafa;--aside:#f6f6f6;--track:#cfcfcf;--body-dim:#262626;--heat1:#dcdcdc;--heat2:#8a8a8a;--press:#0000000f;--shadow:0 8px 24px #0000002e;--danger:#c62828;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=sepia]{--bg:#f4eddc;--card:#ece4d0;--raised:#e3dac3;--line:#d8cdb2;--text:#2b2519;--muted:#6b6249;--accent:#2b2519;--on-accent:#f4eddc;--prose:#2b2519;--cover:#2b2519;--on-cover:#f4eddc;--side:#ece4d0;--aside:#ece4d0;--track:#cdc1a2;--body-dim:#3a3322;--heat1:#ddd2b6;--heat2:#988c6a;--press:#2b251912;--shadow:0 8px 24px #2b251933;--danger:#b3261e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);font-family:var(--ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}[lang=ml]{font-family:var(--ml-font)}.reader h1,.prose.serif{--ml-font:var(--serif)}body{min-height:100dvh}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=360px){:root{--pad:16px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}a,button,.btn,.chip,.rowbtn{transition:transform .12s,background-color .12s,opacity .12s,color .12s}a:active:not(.btn):not(.chip),.rowbtn:active,.iconbtn:active,.rbtn:active,.rt-btn:active,.tile:active,.card-v:active,.crow:active,.track:active{opacity:.6}.btn:active:not(:disabled),.playbtn:active:not(:disabled),.chip:active:not(:disabled){transform:scale(.96)}@media (hover:hover){.btn:hover:not(:disabled):not(.ghost):not(.line){opacity:.88}.btn.ghost:hover,.chip:hover:not(.on),.iconbtn:hover:not(:disabled),.rbtn:hover,.rt-btn:hover:not(:disabled){background:var(--press)}.crow:hover,.track:hover{background:var(--card)}.tile:hover{background:var(--raised)}}.app{min-height:100dvh}.main{max-width:640px;padding:0 var(--pad) calc(var(--nav-h) + 24px + env(safe-area-inset-bottom));flex-direction:column;gap:24px;margin:0 auto;display:flex}.has-player .main{padding-bottom:calc(var(--nav-h) + 88px + env(safe-area-inset-bottom))}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:12px;display:flex}.between{justify-content:space-between}.muted{color:var(--muted)}.small{font-size:13px;line-height:1.4}.accent{color:var(--accent)}.grow{flex:1;min-width:0}.h1{letter-spacing:-.01em;font-size:clamp(26px,7.4vw,32px);font-weight:800;line-height:1.25}.h2{letter-spacing:-.005em;font-size:20px;font-weight:700;line-height:1.3}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}.label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.clamp1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.clamp2,.clamp3{overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.clamp2{-webkit-line-clamp:2}.clamp3{-webkit-line-clamp:3}.bar{background:var(--line);border-radius:2px;height:4px;overflow:hidden}.bar>i{background:var(--accent);border-radius:2px;height:100%;transition:width .3s;display:block}.btn{background:var(--accent);min-height:48px;color:var(--on-accent);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:15px;font-weight:700;display:inline-flex;position:relative}.btn.sm{white-space:nowrap;min-height:40px;padding:0 18px;font-size:14px}.btn.sm:after,.chip:after{content:"";position:absolute;inset:-4px 0}.btn.ghost{background:var(--raised);color:var(--text)}.btn.line{border:1.5px solid var(--line);color:var(--text);background:0 0}.btn.danger{border:1.5px solid var(--line);color:var(--danger);background:0 0}.btn:disabled,.btn[aria-disabled=true]{white-space:nowrap;background:var(--raised);color:var(--muted);opacity:.6;border:0}.btn.block{width:100%}.iconbtn,.rbtn{background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.iconbtn:disabled{opacity:.35}.rbtn{background:var(--raised);background-clip:content-box;padding:2px;font-size:13px;font-weight:700}.chip{border:1px solid var(--line);color:var(--text);background:0 0;border-radius:999px;align-items:center;min-height:36px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.chip:disabled{opacity:.4}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700}.book-art{object-fit:cover;background:#16352b;border-radius:12px;flex:none;display:block;box-shadow:0 6px 18px #0000008c}.book-art.fill{aspect-ratio:1;width:100%;height:auto}.art-sq{background:var(--cover);border:1px solid var(--line);border-radius:8px;flex:none}.art-sq.flat{background:var(--raised)}.art{object-fit:cover;background:var(--cover);filter:grayscale()contrast(1.05);border-radius:8px;flex:none;display:block}.art-big{justify-content:center;display:flex}.art-big .art{box-shadow:var(--shadow);border-radius:12px}.nav{z-index:20;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding:0 8px env(safe-area-inset-bottom);border-top:1px solid var(--line);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.nav a{min-width:0;max-width:112px;color:var(--muted);white-space:nowrap;outline:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:600;line-height:1.2;display:flex;position:relative}.nav a svg{transition:transform .15s}.nav a.active{color:var(--text);font-weight:700}.nav a.active svg{stroke-width:2.4px;transform:translateY(-1px)}.nav a.active:before{content:"";background:var(--accent);border-radius:0 0 2px 2px;width:24px;height:2px;margin-left:-12px;position:absolute;top:0;left:50%}.nav a:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:12px}.sidebar,.aside{display:none}.mini{z-index:19;left:12px;right:12px;bottom:calc(var(--nav-h) + 8px + env(safe-area-inset-bottom));background:var(--raised);border:1px solid var(--line);height:60px;box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:8px;padding:0 4px 0 8px;animation:.25s ease-out slideup;display:flex;position:fixed;overflow:hidden}.mini .art{border-radius:6px}.mini .iconbtn{color:var(--text)}.mini .prog{background:var(--track);height:2px;position:absolute;bottom:0;left:0;right:0}.mini .prog i{background:var(--accent);height:2px;display:block}.mini .desk,.mini.on-player{display:none}.install{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 12px;min-height:64px;padding:12px 16px;display:flex}.install-icon{border-radius:10px;flex:none}.install-text{flex:1 1 0;min-width:120px}.install-t{font-size:15px;font-weight:700;line-height:1.3}.install-s{color:var(--muted);font-size:13px;line-height:1.4}.install-s svg{vertical-align:-3px}.install-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.install .btn,.det-card .btn{background:var(--raised);color:var(--text)}.install .linkbtn.sub{color:var(--muted);padding:0 12px;font-size:14px}.hdr{z-index:15;margin:0 calc(-1 * var(--pad)) -8px;padding:env(safe-area-inset-top) calc(var(--pad) - 4px) 0;background:0 0;position:sticky;top:0}.hdr-row{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;height:56px;display:grid}.hdr-title{text-align:center;min-width:0;font-size:14px;font-weight:600;line-height:1.3;transition:opacity .15s}.hdr-title.off{opacity:0}.hdr:has(.hdr-title:not(.off)){background:color-mix(in srgb, var(--bg) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.hdr-right{justify-content:flex-end;display:flex}.hdr .bar{height:2px;margin:0 calc(4px - var(--pad));border-radius:0}.top{min-height:56px;padding-top:calc(env(safe-area-inset-top) + 12px);justify-content:space-between;align-items:center;gap:16px;display:flex}.home-top{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:4px}.home-top .h1{font-size:clamp(26px,7.4vw,30px)}.hero2{flex-direction:column;align-items:flex-start;gap:20px;padding-top:8px;display:flex;position:relative}.hero2:before{content:"";z-index:0;pointer-events:none;left:calc(-1 * var(--pad));right:calc(-1 * var(--pad));background:linear-gradient(180deg, var(--raised) 0, var(--bg) 100%);position:absolute;top:-120px;bottom:-8px}.main>.hero2:first-child{padding-top:calc(env(safe-area-inset-top) + 24px)}.hero2>*{z-index:1;position:relative}.hero2.with-art{flex-direction:row;align-items:center;gap:16px}.hero2.with-art h1{font-size:clamp(22px,6vw,28px)}.hero2 .over{color:var(--muted);font-size:13px;font-weight:600}.hero2 h1{letter-spacing:-.01em;font-size:clamp(26px,7vw,32px);font-weight:800;line-height:1.3}.hero2 .meta{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.5}.bh{--tint:52 124 98;flex-direction:column;gap:12px;padding-top:8px;display:flex;position:relative}.bh:before{content:"";z-index:0;pointer-events:none;left:calc(-1 * var(--pad));right:calc(-1 * var(--pad));background:radial-gradient(90% 100% at 18% 22%, rgb(var(--tint) / .46), transparent 74%), linear-gradient(180deg, rgb(var(--tint) / .1), transparent 90%);position:absolute;top:-64px;bottom:-16px}.bh>*{z-index:1;position:relative}.main>.bh:first-child{padding-top:calc(env(safe-area-inset-top) + 20px)}.hdr:has(+.bh){margin-bottom:-24px}.hdr:has(+.bh) .hdr-row{height:48px}.bh-band{align-items:center;gap:14px;min-width:0;display:flex}.bh-band .grow{flex-direction:column;gap:2px;min-width:0;display:flex}.bh .over{color:#e8b04a;font-size:12px;font-weight:600;line-height:1.4}.bh h1{letter-spacing:-.01em;font-size:22px;font-weight:800;line-height:1.35}.bh .meta{color:var(--muted);font-size:12px;line-height:1.4}.bh-actions{flex-direction:column;gap:8px;display:flex}.bh .bar{height:3px}.actions{flex-direction:column;gap:12px;display:flex}.actions-row{align-items:center;gap:12px;min-height:48px;display:flex}.actions-row .count{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}.welcome{max-width:520px;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 32px) calc(var(--pad) + 4px) calc(env(safe-area-inset-bottom) + 32px);flex-direction:column;margin:0 auto;display:flex}.logo{background:var(--accent);width:36px;height:36px;color:var(--on-accent);border-radius:10px;justify-content:center;align-items:center;display:flex}.hero{flex-direction:column;flex:1;justify-content:center;gap:32px;padding:24px 0;display:flex}.hero h1{letter-spacing:-.02em;font-size:clamp(34px,10vw,44px);font-weight:800;line-height:1.2}.hero h1 .accent{color:var(--muted)}.stackcover{height:190px;position:relative}.stackcover>div{border:1px solid var(--line);border-radius:8px;width:104px;height:150px;position:absolute}.stackcover .a{background:var(--raised);top:32px;left:calc(50% - 124px);transform:rotate(-8deg)}.stackcover .b{background:var(--card);top:24px;right:calc(50% - 124px);transform:rotate(8deg)}.stackcover .c{border:0;width:120px;height:auto;top:0;left:calc(50% - 60px)}.chip-streak{background:var(--raised);height:40px;color:var(--text);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:15px;font-weight:700;display:flex}.continue{background:var(--card);border:1px solid var(--line);border-radius:16px;align-items:center;gap:16px;padding:16px;display:flex}.continue .playbtn{width:48px;height:48px}.glance{grid-template-columns:1fr 1fr;gap:12px;display:grid}.glance a{background:var(--card);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;min-width:0;min-height:72px;padding:12px 16px;display:flex}.glance b{white-space:nowrap;font-size:15px;font-weight:700;line-height:1.3;display:block}.ring{flex:none;width:40px;height:40px;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.tiles{margin:0 calc(-1 * var(--pad));padding:0 var(--pad) 4px;scroll-snap-type:x proximity;scroll-padding:0 var(--pad);scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:16px;display:flex;overflow-x:auto}.tiles::-webkit-scrollbar{display:none}.tiles>a{scroll-snap-align:start;flex:none}.tile{background:var(--card);border-radius:8px;align-items:center;gap:12px;width:168px;min-height:56px;font-size:13px;font-weight:600;line-height:1.3;display:flex;overflow:hidden}.tile>span{min-width:0;padding-right:8px}.tile small{color:var(--muted);font-size:12px;font-weight:400;display:block}.card-v{flex-direction:column;gap:8px;width:140px;min-width:0;font-size:14px;line-height:1.4;display:flex}.card-v .t{font-size:14px;font-weight:600;line-height:1.4}.card-v .small{font-size:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;display:grid}.grid .card-v{width:auto}@media (width<=360px){.grid{gap:16px 12px}}@media (width>=640px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=960px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.playbtn{background:var(--accent);width:48px;height:48px;color:var(--on-accent);border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.playbtn:disabled{background:var(--raised);color:var(--muted);opacity:.6}.list{flex-direction:column;display:flex}.item{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:56px;padding:8px 0;display:flex;position:relative}.item:last-child{border-bottom:0}.track{border-radius:12px;align-items:center;gap:8px;min-height:68px;margin:0 -8px;padding:8px;display:flex;position:relative}.track .rowbtn,.track a.row{gap:12px;min-height:52px}.track .t{font-size:15px;font-weight:600;line-height:1.4}.track.current{background:var(--card)}.track.current .t{font-weight:800}.track .meta-line{align-items:center;gap:8px;display:flex}.thumb{flex:none;position:relative}.stat-dot{background:var(--bg);border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:-4px;right:-4px}.stat-dot.accent{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.track .arc{display:block}.playbtn.sm{width:40px;height:40px;position:relative}.track .playbtn.sm:not(:disabled){border:1.5px solid var(--track);color:var(--text);background:0 0}.track .playbtn.sm[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.track .iconbtn.nb{width:36px}.track{gap:4px}.playbtn.sm:after{content:"";position:absolute;inset:-2px}.playbtn.pl{width:56px;height:56px}.iconbtn.nb{color:var(--muted)}.eq{flex:none;align-items:flex-end;gap:2px;width:14px;height:12px;display:inline-flex}.eq i{background:var(--accent);border-radius:1px;flex:1;height:35%}.eq.on i{animation:.9s ease-in-out infinite eq}.eq.on i:nth-child(2){animation-delay:-.3s}.eq.on i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%,to{height:25%}50%{height:100%}}@media (prefers-reduced-motion:reduce){.eq.on i{height:70%;animation:none}}.item.current{background:var(--card);border-radius:12px;margin-inline:-8px;padding-inline:8px}.crow{border-radius:12px;align-items:center;gap:16px;min-height:72px;margin:0 -8px;padding:10px 8px;display:flex;position:relative}.crow .t{font-size:16px;font-weight:600;line-height:1.4}.crow .bar{margin-top:6px}.item>.bar{border-radius:0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.item .t{font-size:16px;font-weight:600;line-height:1.45}.badge{background:var(--raised);width:32px;height:32px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.badge.done{background:var(--accent);color:var(--on-accent)}.prose{font-family:var(--sans);font-size:var(--reader-size);line-height:var(--reader-lh);color:var(--prose)}.prose.serif{font-family:var(--serif)}.prose p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 1.1em}.reader h1{font-family:var(--serif);font-size:calc(var(--reader-size) * 1.5);overflow-wrap:anywhere;letter-spacing:-.005em;font-weight:700;line-height:1.45}.main.reader{padding-bottom:calc(var(--nav-h) + var(--rtool-h) + 32px + env(safe-area-inset-bottom));gap:20px}.has-player .main.reader{padding-bottom:calc(var(--nav-h) + var(--rtool-h) + 92px + env(safe-area-inset-bottom))}.reader article>.accent{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.finished{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:12px;margin-top:8px;padding:24px 16px;display:flex}input[type=range]{width:100%;accent-color:var(--accent);min-height:28px;margin:0}.rtool{z-index:18;left:0;right:0;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));height:var(--rtool-h);background:color-mix(in srgb, var(--bg) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:0 max(12px, env(safe-area-inset-left)) 0 max(12px, env(safe-area-inset-right));position:fixed}.has-player .rtool{bottom:calc(var(--nav-h) + 68px + env(safe-area-inset-bottom))}.rtool-in{justify-content:space-between;align-items:center;gap:4px;max-width:640px;height:100%;margin:0 auto;display:flex}.rtool-aa{position:relative}.rt-btn{width:44px;height:44px;color:var(--text);background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.rt-btn.aa{background:var(--raised);width:52px;font-size:16px;font-weight:700;font-family:var(--ui);border-radius:999px}.rt-btn:disabled{color:var(--muted);opacity:.4}.btn.rt-listen{min-height:44px}.hint{white-space:nowrap;background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow);border-radius:10px;padding:8px 14px;font-size:13px;font-weight:700;position:absolute;bottom:calc(100% + 12px);left:0}.hint:after{content:"";border:6px solid #0000;border-top-color:var(--accent);position:absolute;top:100%;left:20px}.sheet-wrap{z-index:50;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-back{touch-action:none;background:#0000008c;animation:.2s ease-out fadein;position:absolute;inset:0}.sheet-panel{overscroll-behavior:contain;background:var(--card);width:100%;max-width:640px;max-height:88dvh;color:var(--text);border:1px solid var(--line);padding:0 var(--pad) calc(24px + env(safe-area-inset-bottom));border-bottom:0;border-radius:20px 20px 0 0;transition:transform .18s ease-out;animation:.22s ease-out slideup;position:relative;overflow-y:auto;box-shadow:0 -8px 32px #00000080}.sheet-wrap.leaving .sheet-panel{animation:none;transform:translateY(100%)}.sheet-wrap.leaving .sheet-back{opacity:0;transition:opacity .18s;animation:none}.sheet-panel .seg{height:48px;padding:3px}.sheet-panel input[type=range]{min-height:44px}.sheet-grab{touch-action:none;cursor:grab;margin:0 calc(-1 * var(--pad));padding:0 var(--pad)}.sheet-handle{background:var(--track);border-radius:2px;width:40px;height:4px;margin:10px auto 0}.sheet-head{align-items:center;gap:8px;min-height:56px;display:flex}.sheet-head .h2{flex:none;font-size:18px}.sheet-head .iconbtn{margin-right:-8px}.saved{text-align:right;min-width:0;color:var(--muted);opacity:0;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:600;transition:opacity .2s;overflow:hidden}.saved.on{opacity:1}.aa-s,.aa-l{background:var(--raised);color:var(--text);font-weight:700;font-family:var(--ui)}.aa-s{font-size:13px}.aa-l{font-size:20px}.aa-s:disabled,.aa-l:disabled{opacity:.4}.sample{font-family:var(--ui);color:var(--text);background:var(--raised);white-space:nowrap;text-overflow:ellipsis;border-radius:12px;min-height:52px;padding:8px 16px;overflow:hidden}@keyframes slideup{0%{transform:translateY(100%)}}@keyframes fadein{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.sheet-panel,.sheet-back,.mini{transition:none;animation:none}}.main.player{touch-action:pan-y;gap:20px;transition:transform .2s ease-in;animation:.25s ease-out slideup}.main.player.leaving{transform:translateY(100%)}.swipe-zone{touch-action:pan-x;flex-direction:column;gap:24px;display:flex}.swipe-zone .art-big .art,.swipe-zone .art-big .art-sq{width:min(78vw,320px);height:min(78vw,320px)}@media (prefers-reduced-motion:reduce){.main.player{transition:none;animation:none}}.seg{background:var(--raised);border-radius:999px;height:44px;padding:3px;display:flex}.seg button{min-width:0;color:var(--muted);background:0 0;border:0;border-radius:999px;flex:1;font-size:14px;font-weight:600}.seg button.on{background:var(--accent);color:var(--on-accent);font-weight:700}.controls{justify-content:center;align-items:center;gap:8px;display:flex}.controls .iconbtn{width:48px;height:48px}.controls .playbtn{width:72px;height:72px;margin:0 4px}.playbtn.lg{width:72px;height:72px}.rowbtn{text-align:left;font:inherit;color:inherit;background:0 0;border:0;min-width:0;padding:0}.tools,.panel{flex-wrap:wrap;gap:8px}.player .item.current{border-radius:12px}input[type=range].seek{appearance:none;background:0 0;height:32px}input[type=range].seek:disabled{opacity:.4}.seek::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--e), color-mix(in srgb, var(--text) 30%, var(--track)) var(--e) var(--b), var(--track) var(--b));border-radius:2px;height:4px}.seek::-moz-range-track{background:linear-gradient(to right, var(--accent) var(--e), color-mix(in srgb, var(--text) 30%, var(--track)) var(--e) var(--b), var(--track) var(--b));border-radius:2px;height:4px}.seek::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:0;border-radius:50%;width:14px;height:14px;margin-top:-5px;transition:transform .12s}.seek::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:14px;height:14px}.seek:active::-webkit-slider-thumb{transform:scale(1.5)}.seek+.row{font-variant-numeric:tabular-nums;margin-top:2px}.dayrow{justify-content:space-between;gap:4px;width:100%;margin:8px 0;display:flex}.day{color:var(--muted);flex-direction:column;align-items:center;gap:6px;font-size:12px;display:flex}.day i{background:var(--raised);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.day.on i{background:var(--accent);color:var(--on-accent)}.day.today i{border:2px dashed var(--accent);background:0 0}.day.today{color:var(--text);font-weight:700}.heat{grid-template-columns:repeat(7,minmax(0,32px));justify-content:space-between;gap:6px;margin-top:12px;display:grid}.heat i{aspect-ratio:1;background:var(--line);border-radius:6px}.heat i.l1{background:var(--heat1)}.heat i.l2{background:var(--heat2)}.heat i.l3{background:var(--accent)}.heat i.blank{background:0 0}.heat span{text-align:center;color:var(--muted);font-size:12px}.stat{background:var(--card);border:1px solid var(--line);border-radius:12px;flex:1;min-width:0;padding:16px}.stat b{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:24px;font-weight:800;display:block}.setrow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:48px;font-size:15px;display:flex}.setrow>span:first-child{flex:auto;min-width:0}.toggle{background:var(--track);border:0;border-radius:16px;flex:none;width:52px;height:32px;transition:background-color .15s;position:relative}.toggle i{background:var(--bg);border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:4px;left:4px}.toggle[aria-checked=true]{background:var(--accent)}.toggle[aria-checked=true] i{background:var(--on-accent);transform:translate(20px)}.linkbtn{min-height:44px;color:var(--text);text-align:left;text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--track);text-decoration-color:var(--track);background:0 0;border:0;padding:0;font-size:14px;font-weight:700}.notice{color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.5}.skeleton{background:linear-gradient(90deg, var(--card), var(--raised), var(--card));background-size:200% 100%;border-radius:12px;height:56px;animation:1.2s linear infinite sk}@keyframes sk{to{background-position:-200% 0}}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>label{color:var(--muted);font-size:13px;font-weight:600}.input{border:1px solid var(--line);background:var(--card);width:100%;min-height:48px;color:var(--text);font:inherit;border-radius:12px;padding:0 16px;font-size:16px;transition:border-color .12s}.input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);outline:0}.input[aria-invalid=true]{border-color:var(--danger)}select.input{appearance:auto}.err{color:var(--danger);font-size:13px;line-height:1.4}.hint-s{color:var(--muted);font-size:13px;line-height:1.4}.check{align-items:flex-start;gap:12px;min-height:44px;font-size:14px;line-height:1.5;display:flex}.check input{width:22px;height:22px;accent-color:var(--accent);flex:none;margin:1px 0 0}.det-saved{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 16px;font-size:15px;font-weight:600}.privacy p{color:var(--body-dim);font-size:15px;line-height:1.6}.main a.accent.small,.card a.accent,.check a.accent{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--track);text-decoration-color:var(--track)}@media (width>=1024px){:root{--pad:32px}.app{grid-template-columns:260px minmax(0,1fr) 320px;min-height:100dvh;display:grid}.nav{display:none}.sidebar{background:var(--side);border-right:1px solid var(--line);flex-direction:column;gap:24px;height:100dvh;padding:24px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.aside{background:var(--aside);border-left:1px solid var(--line);flex-direction:column;gap:16px;height:100dvh;padding:24px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.main{width:100%;max-width:760px;padding-top:16px;padding-bottom:112px}.main.reader,.has-player .main.reader{padding-bottom:calc(var(--rtool-h) + 128px)}.rtool,.has-player .rtool{bottom:0;left:260px;right:320px}.has-player .rtool{bottom:72px}.has-player .main{padding-bottom:112px}.mini.on-player{display:flex}.mini{border:0;border-top:1px solid var(--line);height:72px;box-shadow:none;background:var(--side);border-radius:0;gap:16px;padding:0 24px;bottom:0;left:0;right:0}.mini .desk{display:inline-flex}.mini .prog{left:24px;right:24px}.navlink{min-height:44px;color:var(--muted);border-radius:10px;align-items:center;gap:12px;padding:0 12px;font-size:15px;font-weight:600;display:flex}.navlink:hover{background:var(--press);color:var(--text)}.navlink.active{background:var(--raised);color:var(--text);font-weight:700}.sidechap{min-height:40px;color:var(--muted);border-radius:10px;flex-direction:column;justify-content:center;padding:6px 12px;font-size:14px;display:flex}.sidechap:hover{background:var(--press);color:var(--text)}.sidechap.active{background:var(--raised);color:var(--text);font-weight:600}}