:root{--bg: #0b0d12;--bg-soft: #11141d;--surface: #161a26;--surface-2: #1e2331;--line: #262c3d;--text: #f2f4f8;--text-dim: #a7b0c4;--text-faint: #6f7a92;--accent: #c084fc;--accent-2: #7dd3fc;--gold: #fbbf24;--radius: 20px;--tap: 44px;--nav-h: calc(60px + env(safe-area-inset-bottom, 0px)) ;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overscroll-behavior-y:none}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{height:100%}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}a{color:var(--accent-2);text-decoration:none}.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.screen{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.screen--padded{padding:calc(env(safe-area-inset-top,0px) + 20px) 20px calc(var(--nav-h) + 24px)}.feed{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none}.feed::-webkit-scrollbar{display:none}.slide{height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;position:relative;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 14px) 18px calc(var(--nav-h) + 14px)}.card{flex:1;min-height:0;position:relative;display:flex;flex-direction:column;border-radius:var(--radius);overflow:hidden;background:var(--surface);border:1px solid var(--line);text-align:left;width:100%;transition:transform .18s ease}.card:active{transform:scale(.986)}.card__cover{position:relative;flex:1 1 46%;min-height:34%;overflow:hidden}.card__cover img{width:100%;height:100%;object-fit:cover;display:block}.card__art{position:absolute;top:0;right:0;bottom:0;left:0}.card__cover-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(11,13,18,.15) 30%,var(--surface) 99%)}.card__badges{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:600;letter-spacing:.01em;border-radius:999px;background:#090b109e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:var(--text)}.chip--kind{color:var(--gold);border-color:#fbbf2447}.card__body{flex:1 1 54%;min-height:0;padding:4px 20px 20px;display:flex;flex-direction:column;gap:10px}.card__subtopic{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);font-weight:700}.card__title{margin:0;font-size:clamp(26px,7.4vw,34px);line-height:1.1;letter-spacing:-.02em;font-weight:700}.card__hook{margin:0;font-size:clamp(16px,4.3vw,18px);line-height:1.45;color:var(--text-dim);overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical}.card__footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--text-faint)}.card__open{display:inline-flex;align-items:center;gap:7px;font-weight:650;color:var(--text);background:var(--surface-2);border:1px solid var(--line);padding:10px 16px;border-radius:999px}.card__meta{display:flex;align-items:center;gap:10px}.reader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--bg);display:flex;flex-direction:column;animation:reader-in .22s ease}@keyframes reader-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.reader__bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top,0px) + 10px) 14px 10px;background:#0b0d12db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.iconbtn{min-width:var(--tap);min-height:var(--tap);display:inline-flex;align-items:center;justify-content:center;border-radius:12px;color:var(--text-dim);font-size:20px}.iconbtn:active{background:var(--surface-2)}.iconbtn--on{color:var(--gold)}.reader__scroll{flex:1;min-height:0;overflow-y:auto;padding:0 20px calc(env(safe-area-inset-bottom,0px) + 40px)}.reader__hero{margin:0 -20px 18px;height:34vh;min-height:180px;position:relative;overflow:hidden}.reader__hero img{width:100%;height:100%;object-fit:cover}.reader__credit{position:absolute;bottom:0;left:0;right:0;padding:20px 20px 8px;font-size:11px;color:#f2f4f8b8;background:linear-gradient(to top,rgba(11,13,18,.9),transparent)}.reader__title{margin:0 0 8px;font-size:clamp(28px,8vw,38px);line-height:1.08;letter-spacing:-.025em}.reader__hook{margin:0 0 22px;font-size:18px;line-height:1.5;color:var(--accent);font-weight:500}.reader__text p{margin:0 0 16px;font-size:17px;line-height:1.62;color:#e4e8f0}.reader__subhead{margin:30px 0 10px;font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--accent-2)}.reader__subhead:first-child{margin-top:0}.block{margin:24px 0;padding:16px 18px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}.block__title{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint)}.block--matters{background:linear-gradient(160deg,#c084fc24,#7dd3fc12);border-color:#c084fc4d}.block--matters p{margin:0;font-size:16px;line-height:1.55}.keypoints{margin:0;padding:0;list-style:none;display:grid;gap:12px}.keypoints li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:16px;line-height:1.5;color:#e4e8f0}.keypoints li>span:first-child{width:8px;height:8px;margin-top:8px;border-radius:3px;background:var(--gold)}.terms{display:grid;gap:12px}.term__name{font-weight:700;color:var(--accent-2)}.term__gloss{color:var(--text-dim);font-size:15px}.refs{display:grid;gap:8px}.ref{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-radius:13px;background:var(--surface-2);border:1px solid var(--line)}.ref__title{font-size:15px;color:var(--text);font-weight:550}.ref__source{font-size:12px;color:var(--text-faint)}.reader__next{width:100%;margin-top:28px;padding:16px;border-radius:16px;font-weight:700;font-size:16px;color:#0b0d12;background:linear-gradient(100deg,var(--accent-2),var(--accent))}.nav{height:var(--nav-h);padding-bottom:env(safe-area-inset-bottom,0px);display:flex;border-top:1px solid var(--line);background:#0b0d12eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-shrink:0}.nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:600;color:var(--text-faint)}.nav button[aria-current=page]{color:var(--text)}.nav__glyph{font-size:19px;line-height:1}.onb__eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 10px}.onb__title{margin:0 0 12px;font-size:clamp(28px,8vw,36px);line-height:1.1;letter-spacing:-.025em}.onb__lead{margin:0 0 28px;color:var(--text-dim);font-size:16px;line-height:1.55}.groupname{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin:20px 0 9px}.topicgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:6px}.topic{text-align:left;padding:14px;border-radius:16px;background:var(--surface);border:1px solid var(--line);display:grid;gap:4px;transition:border-color .15s,background .15s}.topic[aria-pressed=true]{border-color:var(--accent);background:linear-gradient(150deg,#c084fc29,#c084fc0a)}.topic__top{display:flex;align-items:center;gap:8px}.topic__emoji{font-size:18px}.topic__label{font-weight:700;font-size:15px}.topic__blurb{font-size:12.5px;color:var(--text-faint);line-height:1.4}.segmented{display:flex;gap:6px;padding:5px;border-radius:14px;background:var(--surface);border:1px solid var(--line);margin-bottom:22px}.segmented button{flex:1;padding:10px 8px;border-radius:10px;font-size:13.5px;font-weight:650;color:var(--text-dim)}.segmented button[aria-pressed=true]{background:var(--surface-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}.primary{width:100%;padding:17px;border-radius:16px;font-size:16.5px;font-weight:700;color:#0b0d12;background:linear-gradient(100deg,var(--accent-2),var(--accent))}.primary:disabled{opacity:.4;color:var(--text);background:var(--surface-2)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;border-radius:16px;background:var(--surface);border:1px solid var(--line);margin-bottom:22px;text-align:left;width:100%}.toggle-row__label{font-weight:650;font-size:15px}.toggle-row__hint{font-size:12.5px;color:var(--text-faint);line-height:1.4;margin-top:3px}.switch{flex-shrink:0;width:48px;height:28px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);position:relative;transition:background .18s}.switch[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .18s}.switch[aria-pressed=true]:after{transform:translate(20px)}.h2{margin:0 0 4px;font-size:24px;letter-spacing:-.02em}.sub{margin:0 0 22px;color:var(--text-faint);font-size:14px}.h3{margin:30px 0 12px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-faint)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{padding:15px 14px;border-radius:16px;background:var(--surface);border:1px solid var(--line)}.stat__value{font-size:25px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.stat__label{font-size:11.5px;color:var(--text-faint);margin-top:3px}.radarwrap{padding:8px;border-radius:20px;background:var(--surface);border:1px solid var(--line)}.bars{display:grid;gap:11px}.bar__head{display:flex;justify-content:space-between;font-size:13.5px;margin-bottom:5px}.bar__name{font-weight:600}.bar__value{color:var(--text-faint)}.bar__track{height:7px;border-radius:999px;background:var(--surface-2);overflow:hidden}.bar__fill{height:100%;border-radius:999px;transition:width .4s ease}.tags{display:flex;flex-wrap:wrap;gap:7px}.tag{font-size:12.5px;padding:6px 11px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--text-dim)}.danger{width:100%;margin-top:30px;padding:14px;border-radius:14px;font-weight:650;color:#fca5a5;background:#f8717114;border:1px solid rgba(248,113,113,.24)}.savedlist{display:grid;gap:11px}.saved{display:grid;grid-template-columns:76px 1fr;gap:13px;padding:11px;border-radius:16px;background:var(--surface);border:1px solid var(--line);text-align:left;align-items:center;width:100%}.saved__thumb{width:76px;height:76px;border-radius:12px;overflow:hidden;position:relative;flex-shrink:0}.saved__thumb img{width:100%;height:100%;object-fit:cover}.saved__title{font-weight:700;font-size:15.5px;line-height:1.25;margin-bottom:4px}.saved__hook{font-size:13px;color:var(--text-faint);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.empty{padding:56px 20px;text-align:center;color:var(--text-faint)}.empty__glyph{font-size:34px;margin-bottom:12px}.empty__title{color:var(--text);font-weight:650;font-size:17px;margin-bottom:6px}.skeleton{flex:1;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(100deg,var(--surface) 30%,var(--surface-2) 50%,var(--surface) 70%);background-size:240% 100%;animation:shimmer 1.4s linear infinite;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--text-faint);font-size:14px;text-align:center;padding:24px}@keyframes shimmer{0%{background-position:130% 0}to{background-position:-30% 0}}.spinner{width:26px;height:26px;border-radius:50%;border:2.5px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.errorbox{margin:0 auto;max-width:340px;text-align:center;display:grid;gap:14px;justify-items:center}.errorbox__msg{color:var(--text-dim);font-size:14.5px;line-height:1.5}.ghost{padding:12px 22px;border-radius:999px;font-weight:650;background:var(--surface-2);border:1px solid var(--line)}.pause{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#06080ce6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px}.pause__card{width:100%;max-width:360px;padding:26px 22px;border-radius:22px;background:var(--surface);border:1px solid var(--line);text-align:center;display:grid;gap:14px}.pause__title{margin:0;font-size:21px;letter-spacing:-.02em}.pause__body{margin:0;color:var(--text-dim);font-size:15px;line-height:1.55}.pause__actions{display:grid;gap:9px;margin-top:6px}@media (min-width: 760px){.app{max-width:480px;margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}.feed{scroll-behavior:auto}}