*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;height:100dvh;width:100%}body{font-family:-apple-system,PingFang SC,SF Pro Text,system-ui,sans-serif;background:var(--paper);color:var(--ink);font-size:var(--fs);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none}h1,h2,h3{font-weight:inherit;font-size:inherit}:root{color-scheme:light;--paper: #ece6d9;--paper-2: #dad2c2;--surface: #fcfaf4;--surface-soft: #f2ede2;--primary: #0f3a52;--primary-soft: #e4ecef;--gold: #c8a24a;--gold-soft: #f1e7c9;--gold-grad-from: #fdf8ec;--ink: #1c2b33;--ink-soft: #45555e;--muted: #8a8273;--hairline: #e5ddce;--good: #2e7d5b;--bad: #b5562f;--tabbar-bg: rgba(252, 250, 244, .92);--hl-ink: #1c2b33;--serif: Georgia, "Times New Roman", "Songti SC", serif;--radius: 20px;--radius-sm: 13px;--radius-lg: 28px;--shadow-card: 0 2px 12px -8px rgba(28, 43, 51, .2);--shadow-feature: 0 12px 34px -18px rgba(28, 43, 51, .4);--fs: 16px;--lh: 1.7}:root[data-theme=dark]{color-scheme:dark;--paper: #15120c;--paper-2: #221d15;--surface: #211c14;--surface-soft: #2a2418;--primary: #4ca0c8;--primary-soft: #173742;--gold: #d4b264;--gold-soft: #38301c;--gold-grad-from: #2c2517;--ink: #ece5d6;--ink-soft: #b4ac9c;--muted: #8f8674;--hairline: #332c20;--good: #57b389;--bad: #df8059;--tabbar-bg: rgba(28, 24, 16, .92);--shadow-card: 0 2px 12px -8px rgba(0, 0, 0, .6);--shadow-feature: 0 14px 36px -18px rgba(0, 0, 0, .7)}.serif{font-family:var(--serif)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.app{position:relative;width:100%;height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font-size:var(--fs)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.screen.fwd{animation:screenInFwd .32s cubic-bezier(.22,.61,.36,1)}.screen.back{animation:screenInBack .32s cubic-bezier(.22,.61,.36,1)}.scroll{height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.scroll::-webkit-scrollbar{width:0;height:0}.card{background:var(--surface);border-radius:var(--radius)}.pill{display:inline-flex;align-items:center;border-radius:999px}.tap{cursor:pointer;-moz-user-select:none;user-select:none;-webkit-user-select:none;transition:transform .12s ease,opacity .12s ease}.tap:active{transform:scale(.985);opacity:.85}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;font:inherit}.btn-primary,.btn-gold{border:none;border-radius:14px;font-weight:700;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--primary),#1b5570);color:#fff;box-shadow:0 10px 24px -10px #0f3a5299}.btn-gold{background:linear-gradient(135deg,#ecd9a3,var(--gold));color:#5c4716;font-weight:800;box-shadow:0 10px 24px -10px #c8a24a8c}.btn-primary.is-off,.btn-gold.is-off{background:var(--paper-2);color:var(--muted);box-shadow:none;cursor:default}.seg{display:flex;background:var(--surface-soft);border-radius:999px;padding:3px;gap:2px}.seg button{flex:1;border:none;background:none;padding:9px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--muted);transition:all .2s;white-space:nowrap}.seg button.on{background:var(--surface);color:var(--primary);font-weight:700;box-shadow:0 1px 4px #1c2b331f}.tabbar{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;background:var(--tabbar-bg);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-top:1px solid var(--hairline);padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));z-index:40}.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:none;color:var(--muted);font-size:10.5px;padding:4px 0;transition:color .2s}.tabbar button.on{color:var(--primary)}.tabbar button.on span{font-weight:700}.w{transition:background .25s ease,color .25s ease;border-radius:4px;padding:0 1px}.w.unread{color:var(--muted);opacity:.5}.w.read{color:var(--ink);opacity:1}.w.trail{color:var(--hl-ink);background:#c8a24a38}.w.now{color:var(--hl-ink);background:#c8a24a80}.plain-read .w.unread{color:var(--ink);opacity:1}:root[data-theme=dark] .w.trail{color:var(--ink);background:#d4b26429}:root[data-theme=dark] .w.now{color:#1c2b33;background:#d8b669e0}@keyframes screenInFwd{0%{opacity:.4;transform:translate(22px)}to{opacity:1;transform:none}}@keyframes screenInBack{0%{opacity:.4;transform:translate(-22px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes stampDown{0%{opacity:0;transform:scale(1.7) rotate(-11deg)}55%{opacity:1;transform:scale(.9) rotate(-11deg)}to{transform:scale(1) rotate(-11deg)}}@keyframes vw{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.list-col{display:flex;flex-direction:column;gap:11px}.home-hero{display:flex;flex-direction:column;gap:12px}.masonry-cards{-moz-column-gap:12px;column-gap:12px}.masonry-cards>*{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:12px}@media(min-width:768px){.masonry-cards{-moz-column-count:2;column-count:2}}@media(min-width:1024px){.masonry-cards{-moz-column-count:3;column-count:3}}.side-pane .masonry-cards{-moz-column-count:1!important;column-count:1!important}@media(min-width:768px){body{background:var(--paper-2)}.app{max-width:820px;margin:0 auto;background:var(--paper);box-shadow:0 0 0 1px var(--hairline),0 30px 90px -45px #1c2b3373}.reading-col{max-width:700px;margin-left:auto;margin-right:auto}.lesson-col-wide{max-width:1080px;margin-left:auto;margin-right:auto}.list-col{-moz-columns:300px;columns:300px;-moz-column-gap:12px;column-gap:12px}.list-col>*{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:12px}.app.app-flow{max-width:none;margin:0;box-shadow:none}.sw-shell{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:72px 1fr;max-width:892px;margin:0 auto}.sw-content{position:relative;min-width:0;min-height:0}.sw-side{display:flex;flex-direction:column;gap:6px;padding:calc(16px + env(safe-area-inset-top,0px)) 8px 16px;background:var(--surface);border-right:1px solid var(--hairline);overflow-y:auto;z-index:30}.sw-navitem:hover{background:var(--surface-soft)}.sw-lbl,.sw-price{display:none}.sw-rail-only{display:inline-flex}.sw-brand,.sw-navitem,.sw-levelchip,.sw-me{justify-content:center}}@media(min-width:1024px){.app{max-width:1180px}.home-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;align-items:start}.sw-shell{grid-template-columns:240px 1fr;max-width:none;margin:0}.sw-side{padding:calc(18px + env(safe-area-inset-top,0px)) 14px 18px}.sw-lbl{display:revert}.sw-price{display:block}.sw-rail-only{display:none}.sw-brand,.sw-navitem,.sw-levelchip,.sw-me{justify-content:flex-start}}.sw-shell.sw-rail{grid-template-columns:72px 1fr;max-width:none;margin:0}.sw-rail .sw-side{padding:16px 8px}.sw-rail .sw-lbl,.sw-rail .sw-price{display:none}.sw-rail .sw-rail-only{display:inline-flex}.sw-rail .sw-brand,.sw-rail .sw-navitem,.sw-rail .sw-levelchip,.sw-rail .sw-me{justify-content:center}.dk-reveal{opacity:0;transform:translateY(20px);transition:opacity .65s cubic-bezier(.2,.7,.3,1),transform .65s cubic-bezier(.2,.7,.3,1);will-change:opacity,transform}.dk-reveal.in{opacity:1;transform:none}.dk-card{transition:transform .18s ease,box-shadow .18s ease}@media(hover:hover){.dk-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -22px #0f3a5280!important}}@media(prefers-reduced-motion:reduce){.dk-reveal{opacity:1;transform:none;transition:none}}