:root,:root[data-theme=dark]{color-scheme:dark;--bg: #130c38;--bg-deep: #5447b0;--bg-grid: rgba(173, 152, 99, .028);--surface: rgba(34, 26, 70, .78);--surface-2: rgba(44, 35, 86, .82);--surface-soft: #1c1448;--surface-raised: #261c56;--ink: #f0ecfa;--ink-2: #e2dcf2;--muted: #b3aacf;--dim: #8079a0;--line: rgba(240, 236, 250, .1);--line-strong: rgba(244, 210, 122, .46);--gold: #f4d27a;--gold-2: #5d431a;--green: #7fdcb2;--blue: #8db6e8;--accent: var(--gold);--shadow-sm: 0 4px 14px rgba(6, 4, 26, .4);--shadow-md: 0 12px 32px rgba(6, 4, 26, .5);--shadow-lg: 0 24px 64px rgba(6, 4, 26, .62);--kbd-bg: #2a1973;--bg-soft: rgba(24, 18, 58, .68);--invert-ink: #0e0828;--ring-bg: rgba(240, 236, 250, .13);--shimmer: linear-gradient(90deg, transparent, rgba(36, 30, 17, .18), transparent);--gradient-page: radial-gradient(ellipse at 30% 5%, rgba(40, 28, 92, .7) 0%, transparent 50%), linear-gradient(170deg, #050118 0%, #090327 100%);--gradient-surface: linear-gradient(180deg, rgba(18, 12, 67, .842), rgba(33, 1, 128, .559));--gradient-mark: linear-gradient(145deg, #2b2266 0%, #160e3e 60%, #0a0521 100%);--gradient-zone: linear-gradient(180deg, transparent 0%, rgba(24, 18, 58, .78) 30%, rgba(24, 18, 58, .92) 100%)}:root[data-theme=light]{color-scheme:light;--bg-deep: #ebe4d3;--gradient-page: radial-gradient(ellipse at 20% 0%, #fff8e6 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, #f1e6c4 0%, transparent 60%), linear-gradient(160deg, #f5efe2 0%, #ede4cc 100%);--gradient-surface: linear-gradient(180deg, rgba(255, 252, 244, .96), rgba(255, 248, 230, .92));--gradient-mark: linear-gradient(145deg, #fff8e6, #ede4cc);--gradient-zone: linear-gradient(180deg, transparent 0%, rgba(255, 252, 244, .78) 30%, rgba(255, 250, 238, .94) 100%);--bg: #f5efe2;--bg-grid: rgba(140, 105, 30, .06);--surface: rgba(255, 252, 244, .96);--surface-2: rgba(255, 250, 238, .96);--surface-soft: #fbf4e3;--surface-raised: #fff8e6;--ink: #1b170f;--ink-2: #2c2519;--muted: #5a5246;--dim: #88806f;--line: rgba(28, 23, 15, .14);--line-strong: rgba(168, 118, 29, .62);--gold: #9b6a18;--gold-2: #b88324;--green: #2f8c5d;--blue: #2a6bb1;--accent: var(--gold);--shadow-sm: 0 4px 14px rgba(76, 62, 28, .07);--shadow-md: 0 12px 36px rgba(76, 62, 28, .12);--shadow-lg: 0 22px 70px rgba(76, 62, 28, .18);--kbd-bg: #fbf4e3;--bg-soft: rgba(255, 252, 244, .82);--invert-ink: #fffaef;--ring-bg: rgba(28, 23, 15, .14);--shimmer: linear-gradient(90deg, transparent, rgba(168, 118, 29, .18), transparent)}:root{--font-sans: "Inter", "Aptos", "Segoe UI", system-ui, -apple-system, sans-serif;--font-serif: "Source Serif 4", "Charter", Georgia, "Times New Roman", serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--ease-out: cubic-bezier(.2, .7, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;font-family:var(--font-sans);font-feature-settings:"ss01","cv11"}body{margin:0;background:linear-gradient(90deg,var(--bg-grid) 1px,transparent 1px),linear-gradient(0deg,var(--bg-grid) 1px,transparent 1px),radial-gradient(ellipse at 82% 12%,rgba(244,210,122,.045),transparent 40%),radial-gradient(ellipse at 14% 88%,rgba(141,182,232,.04),transparent 40%),var(--gradient-page, var(--bg));background-size:40px 40px,40px 40px,auto,auto,auto;background-attachment:fixed;color:var(--ink);overflow:hidden;transition:background-color .24s var(--ease-out),color .24s var(--ease-out);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;font-family:var(--font-sans)}a{color:inherit}input{font:inherit;font-family:var(--font-sans)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}.skip-link{position:absolute;left:-9999px;top:6px;z-index:100;padding:8px 12px;background:var(--ink);color:var(--invert-ink);font-weight:700;text-decoration:none;border-radius:var(--radius-sm)}.skip-link:focus-visible{left:12px}.app-shell{height:100dvh;overflow:hidden;padding:14px}.app-shell.focused .left-rail,.app-shell.focused .right-rail,.app-shell.focused .topbar,.app-shell.focused .reader-toolbar{opacity:.16;pointer-events:none;transition:opacity .26s var(--ease-out)}.app-shell.focused .reader-main{width:min(100%,920px);margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1340px;margin:0 auto 12px}.brand,.top-actions,.reader-frame,.reader-toolbar,.nav-buttons,.card-actions,.mobile-dock,.reaction-row{display:flex;align-items:center}.brand{gap:11px;text-decoration:none}.brand-mark-wrap{position:relative;display:grid;width:52px;height:44px;place-items:center}.brand-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg);display:none}.brand-ring circle{fill:none;stroke-width:2}.ring-bg{stroke:var(--ring-bg)}.ring-fg{stroke:var(--accent);stroke-linecap:round;transition:stroke-dasharray .36s var(--ease-out)}.brand-mark{position:relative;display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--line-strong);background:radial-gradient(circle at 28% 24%,color-mix(in srgb,var(--blue) 22%,transparent),transparent 34%),linear-gradient(145deg,var(--surface-raised),var(--bg));color:var(--accent);border-radius:var(--radius-md);box-shadow:inset 0 1px #ffffff0d,var(--shadow-sm);padding:4px}.brand-monogram{width:100%;height:100%;overflow:visible}.mono-lens{fill:color-mix(in srgb,var(--ink) 7%,transparent);stroke:var(--accent);stroke-width:5px}.mono-handle{fill:none;stroke:var(--accent);stroke-width:7px;stroke-linecap:round}.mono-snip{fill:var(--gold-2);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 55%,transparent));animation:sparkOpacity 2.6s ease-in-out infinite;transform-origin:29px 28px;transform-box:fill-box}.mono-spark{fill:var(--gold-2);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--accent) 70%,transparent));animation:sparkPulse 2.4s ease-in-out infinite;transform-origin:29px 28px;transform-box:fill-box}.mono-spark-core{fill:#fff8e6;opacity:.95;filter:drop-shadow(0 0 3px var(--accent));animation:coreGlow 2.4s ease-in-out infinite;transform-origin:29px 28px;transform-box:fill-box}@keyframes sparkPulse{0%,to{opacity:.85;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.18) rotate(22deg)}}@keyframes coreGlow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.6)}}@keyframes sparkOpacity{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.brand-mark.pulse{width:56px;height:56px;font-size:26px;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.04);opacity:.75}}.brand-text{display:grid;gap:3px}.brand-word{display:inline-block;font-family:var(--font-serif);font-style:italic;font-weight:600;font-size:18px;line-height:1;letter-spacing:-.02em;color:var(--ink)}.brand-tag{font-family:var(--font-serif);font-style:italic;font-size:11px;font-weight:400;letter-spacing:.01em;text-transform:none;color:var(--muted);margin-top:1px;white-space:nowrap}.brand small,.today-panel span,.subscribe-panel span,.reader-toolbar .count-label,.section-label,.card-copy time,.insight-card span,.list-card small,.image-meta,.sources-drawer header span,.subscribe-modal header span{color:var(--muted);font-size:12px;letter-spacing:0}.top-actions{gap:6px}.streak-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border:1px solid var(--line);background:linear-gradient(135deg,#e8bb5b1f,#e8bb5b05);color:var(--gold);border-radius:var(--radius-pill);font-size:12px;font-weight:700;letter-spacing:.02em}.streak-chip strong{font-size:12px;color:var(--gold)}.refresh-ready{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 12px;border-radius:var(--radius-pill);border-color:color-mix(in srgb,var(--green) 55%,var(--line));background:color-mix(in srgb,var(--green) 12%,var(--surface));color:var(--green);font-weight:800;font-size:12px;box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 10%,transparent)}.refresh-ready:hover{color:var(--invert-ink);background:var(--green);border-color:transparent}.subscribe-link,.refresh-ready,.icon-button,.card-actions button,.read-more,.subscribe-panel button,.mobile-dock button,.mobile-dock a,.insight-card button,.subscribe-modal button[type=submit],.subscribe-success button,.saved-toggle,.sources-pill,.state-actions button,.tag-chip{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;text-decoration:none;border-radius:var(--radius-sm)}.card-actions button{position:relative;border:1px solid var(--line);background:var(--bg-soft);color:var(--muted);border-radius:var(--radius-pill);padding:0 14px;min-height:36px;font-weight:600;font-size:12.5px;letter-spacing:.01em;transition:border-color .2s var(--ease-out),background-color .2s var(--ease-out),color .2s var(--ease-out),transform .2s var(--ease-out)}.card-actions button svg{transition:transform .2s var(--ease-spring);color:currentColor}.card-actions button:hover{border-color:color-mix(in srgb,var(--accent) 50%,transparent);color:var(--ink);background:color-mix(in srgb,var(--accent) 6%,var(--bg-soft));transform:translateY(-1px)}.card-actions button:hover svg{transform:scale(1.06)}.card-actions button:active{transform:translateY(0) scale(.97)}.action-icons{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:3px;border:1px solid var(--line);background:var(--bg-soft);border-radius:var(--radius-pill);width:fit-content;margin:0 auto}.card-actions .icon-action{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer;border-radius:var(--radius-pill);transition:background-color .18s var(--ease-out),color .18s var(--ease-out),transform .18s var(--ease-out);min-height:0;font-weight:400;font-size:12px}.card-actions .icon-action:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);transform:translateY(-1px)}.card-actions .icon-action.saved{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.card-actions .icon-action.listening{color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent)}.card-actions button.share-cta{border:1px solid var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--bg-soft));padding:0 18px;min-height:38px;font-weight:700;font-size:13px;letter-spacing:.02em;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent),var(--shadow-sm);position:relative;overflow:hidden}.card-actions button.share-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 50%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 70%);opacity:0;transition:opacity .26s var(--ease-out);pointer-events:none}.card-actions button.share-cta:hover{background:var(--accent);color:var(--invert-ink);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 28%,transparent),0 8px 20px color-mix(in srgb,var(--accent) 22%,transparent);transform:translateY(-1px)}.card-actions button.share-cta:hover:before{opacity:1}.card-actions button.share-cta:hover svg{transform:scale(1.12) rotate(-8deg)}.card-actions button.share-cta svg{transition:transform .26s var(--ease-spring)}.card-actions button.share-cta span{position:relative;z-index:1}.icon-button.ghost{background:transparent}.icon-button.ghost:hover{background:var(--surface)}.subscribe-link,.subscribe-panel button,.read-more,.card-actions button,.insight-card button,.subscribe-modal button[type=submit],.subscribe-success button,.state-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;font-weight:700;font-size:13.5px;letter-spacing:.005em}.subscribe-link,.read-more,.subscribe-panel button,.insight-card button,.subscribe-modal button[type=submit],.subscribe-success button{background:linear-gradient(135deg,var(--ink) 0%,var(--ink-2) 100%);color:var(--invert-ink);border-color:transparent;box-shadow:var(--shadow-sm)}.subscribe-link:hover,.read-more:hover,.subscribe-panel button:hover,.insight-card button:hover,.subscribe-modal button[type=submit]:hover,.subscribe-success button:hover{background:var(--ink-2)}.icon-button{display:grid;width:40px;height:40px;place-items:center}.card-actions button.listening{border-color:color-mix(in srgb,var(--green) 60%,transparent);color:var(--green);background:color-mix(in srgb,var(--green) 10%,var(--bg-soft))}.read-more{border-radius:var(--radius-pill)!important;padding:0 18px!important;min-height:36px!important}.mobile-dock button.listening{border-color:#58c98f80;background:#58c98f1a}.reader-frame{align-items:stretch;justify-content:center;gap:14px;max-width:1340px;height:calc(100vh - 82px);height:calc(100dvh - 82px);min-height:0;margin:0 auto;overflow:hidden}.left-rail,.right-rail{display:flex;width:232px;min-width:0;flex-direction:column;gap:12px;overflow-y:auto;scrollbar-width:thin}.right-rail{width:286px}.mini-panel,.list-card,.snip-card{border:1px solid var(--line);background:var(--gradient-surface, var(--surface));box-shadow:var(--shadow-md);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mini-panel{padding:15px}.today-panel strong{display:block;margin:4px 0;font-family:var(--font-serif);color:var(--accent);font-size:44px;font-weight:700;line-height:1;letter-spacing:-.02em}.stats-panel{padding:14px 15px 16px}.stats-panel .stats-label{display:block;margin-bottom:4px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.stats-panel .stats-title{display:block;margin-bottom:10px;font-family:var(--font-serif);font-size:18px;color:var(--ink);font-weight:600;letter-spacing:-.01em;line-height:1.15}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.stats-grid div{padding:8px 6px;border:1px solid var(--line);background:var(--bg-soft);border-radius:var(--radius-sm);text-align:center}.stats-grid strong{display:block;font-family:var(--font-serif);color:var(--accent);font-size:22px;font-weight:700;line-height:1;letter-spacing:-.01em}.stats-grid small{display:block;margin-top:4px;color:var(--muted);font-size:10px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.today-panel p,.guide-panel p,.subscribe-panel p{margin:0;color:var(--muted);line-height:1.5;font-size:13px}.section-label{display:block;margin-bottom:11px;color:var(--muted);font-weight:800;font-size:11px;letter-spacing:.07em;text-transform:uppercase}.search-wrap{position:relative;display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--line);background:var(--bg-soft);border-radius:var(--radius-sm);transition:border-color .16s var(--ease-out)}.search-wrap:focus-within{border-color:var(--line-strong)}.search-wrap svg{color:var(--dim);flex:0 0 auto}.search-wrap input{flex:1;min-width:0;padding:4px 0;border:0;background:transparent;color:var(--ink);font-size:13px}.search-wrap input:focus{outline:none}.clear-search{display:grid;place-items:center;width:20px;height:20px;padding:0;border:0;background:var(--line);color:var(--ink);border-radius:var(--radius-pill);cursor:pointer}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag-chip{padding:6px 10px;font-size:12px;font-weight:600;color:var(--muted)}.tag-chip[style*=--chip-hue]:not(.active){border-color:hsla(var(--chip-hue),50%,50%,.28)}.tag-chip.active{border-color:hsla(var(--chip-hue, 45),60%,55%,.65);background:hsla(var(--chip-hue, 45),60%,55%,.14);color:var(--ink)}.saved-toggle{display:inline-flex;align-items:center;gap:8px;width:100%;padding:9px 12px;font-size:13px;font-weight:600}.saved-toggle.active{border-color:var(--line-strong);background:#e8bb5b1f}.saved-toggle .count{margin-left:auto;padding:2px 8px;background:var(--bg-soft);border:1px solid var(--line);color:var(--muted);font-size:11px;border-radius:var(--radius-pill)}.guide-panel{display:flex;gap:10px}.guide-panel svg{flex:0 0 auto;color:var(--accent);margin-top:3px}.guide-panel kbd{font-size:10px;padding:1px 5px}.reader-main{display:flex;width:min(100%,800px);min-width:0;flex-direction:column;position:relative}.nav-arrow{position:absolute;top:calc(50% - 30px);display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--muted);border-radius:var(--radius-pill);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);opacity:0;transform:translateY(0) scale(.9);transition:opacity .22s var(--ease-out),transform .22s var(--ease-spring),color .2s var(--ease-out),border-color .2s var(--ease-out),background-color .2s var(--ease-out);z-index:5}.nav-prev{left:-16px}.nav-next{right:-16px}.reader-main:hover .nav-arrow,.nav-arrow:focus-visible{opacity:.85;transform:translateY(0) scale(1)}.nav-arrow:hover{opacity:1;color:var(--accent);border-color:var(--accent);background:var(--surface);transform:translateY(-1px) scale(1.04)}.nav-arrow:active{transform:scale(.96)}.nav-arrow:disabled,.reader-toolbar .icon-button:disabled{opacity:.28;cursor:default;pointer-events:none}@media(max-width:920px),(pointer:coarse){.nav-arrow{display:none}}.reader-toolbar{flex:0 0 auto;justify-content:space-between;gap:12px;margin-top:10px;min-height:42px;border:1px solid var(--line);background:var(--bg-soft);padding:7px;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.progress-track{display:flex;flex:1;gap:5px;max-width:340px}.progress-track span{height:4px;flex:1;background:var(--ring-bg);border-radius:var(--radius-pill);transition:background .28s var(--ease-out)}.progress-track span.done{background:linear-gradient(90deg,var(--green),var(--accent))}.nav-buttons{gap:8px}.snip-card{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(320px,1fr);flex:1;min-height:0;overflow:hidden}.image-panel{position:relative;min-height:0;overflow:hidden;background:#050402}.image-panel img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.03);transform:scale(1.01);transition:transform .8s var(--ease-out)}.snip-card:hover .image-panel img{transform:scale(1.025)}.image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 42%,rgba(0,0,0,.62)),linear-gradient(90deg,rgba(0,0,0,.18),transparent 36%)}.pick-ribbon{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:5px;padding:5px 9px;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#1c1407;border-radius:var(--radius-pill);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:var(--shadow-sm)}.card-tags-inline{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 4px}.tag-pill{display:inline-flex;align-items:center;padding:4px 10px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,hsl(var(--chip-hue, 45),65%,55%) 38%,transparent);background:color-mix(in srgb,hsl(var(--chip-hue, 45),70%,55%) 12%,var(--bg-soft));color:hsl(var(--chip-hue, 45),60%,38%);transition:transform .16s var(--ease-out),background-color .16s var(--ease-out)}:root[data-theme=dark] .tag-pill{color:hsl(var(--chip-hue, 45),75%,78%);border-color:color-mix(in srgb,hsl(var(--chip-hue, 45),70%,60%) 45%,transparent)}.category-pill{background:color-mix(in srgb,hsl(var(--chip-hue, 45),70%,55%) 20%,var(--surface-raised));border-color:color-mix(in srgb,hsl(var(--chip-hue, 45),70%,58%) 62%,transparent);color:var(--ink)}.tag-pill:hover{transform:translateY(-1px)}.card-tags{display:none!important}.image-meta{display:none}.meta-pills{display:inline-flex;align-items:center;gap:6px}.meta-pills .pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid var(--line);background:var(--bg-soft);color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.02em;border-radius:var(--radius-pill);cursor:pointer;transition:border-color .16s var(--ease-out),color .16s var(--ease-out),background-color .16s var(--ease-out)}.meta-pills .pill:hover{border-color:var(--line-strong);color:var(--ink)}.meta-pills .pill.static{cursor:default}.meta-pills .pill svg{color:var(--dim);flex:0 0 auto}.card-copy{display:flex;min-width:0;min-height:0;flex-direction:column;padding:clamp(20px,3vw,36px);overflow-y:auto;scrollbar-width:thin}.meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.sources-pill{display:none}.card-copy h1{max-width:22ch;margin:8px 0 12px;font-family:var(--font-serif);font-size:clamp(22px,2.4vw,32px);font-weight:700;line-height:1.1;letter-spacing:-.015em}.card-copy p{margin:0}.essence{max-width:36rem;color:var(--ink);font-size:clamp(16px,1.4vw,19px);font-weight:500;line-height:1.35;letter-spacing:-.005em}.body-copy{margin-top:12px!important;color:var(--muted);font-size:clamp(14px,1.05vw,15px);line-height:1.55}.why-box{position:relative;margin:16px 0 14px;padding:14px 18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--surface-soft)),color-mix(in srgb,var(--surface),var(--surface-soft)));border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-left:3px solid var(--accent);border-radius:10px}.why-box:after{content:"";position:absolute;top:-16px;right:-16px;width:60px;height:60px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 14%,transparent) 0%,transparent 70%);pointer-events:none;border-radius:50%;z-index:0}.why-box span{display:inline-flex;align-items:center;margin-bottom:8px;padding:3px 10px;background:color-mix(in srgb,var(--accent) 24%,transparent);color:var(--accent);font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);position:relative;z-index:2}.why-box p{position:relative;z-index:2;margin:0;color:var(--ink);font-family:var(--font-serif);font-style:italic;font-size:14px;font-weight:400;line-height:1.55;letter-spacing:-.005em}.reaction-row{position:relative;flex-wrap:wrap;gap:6px;margin-top:auto;padding:6px 10px;width:fit-content;max-width:100%;border:1px solid var(--line);background:var(--bg-soft);box-shadow:inset 0 1px #ffffff0a;border-radius:var(--radius-pill);align-self:center;z-index:1}.reaction{position:relative;display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--line);background:var(--bg-soft);color:var(--ink);cursor:pointer;border-radius:var(--radius-pill);transition:color .18s var(--ease-out),background-color .18s var(--ease-out),border-color .18s var(--ease-out),transform .22s var(--ease-spring),box-shadow .22s var(--ease-out);overflow:visible}:root[data-theme=dark] .reaction{color:var(--ink-2)}:root[data-theme=light] .reaction{color:var(--ink)}.reaction svg{position:relative;z-index:2;transition:transform .22s var(--ease-spring)}.reaction:hover{color:var(--tint, var(--accent));border-color:color-mix(in srgb,var(--tint, var(--accent)) 50%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--tint, var(--accent)) 12%,transparent)}.reaction:active svg{transform:scale(.86)}.reaction.active{color:var(--tint, var(--accent));background:color-mix(in srgb,var(--tint, var(--accent)) 18%,var(--bg-soft));border-color:color-mix(in srgb,var(--tint, var(--accent)) 55%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tint, var(--accent)) 28%,transparent)}.reaction-count{position:absolute;top:-4px;right:-4px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 5px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid color-mix(in srgb,var(--tint, var(--accent)) 60%,transparent);color:var(--tint, var(--accent));font-family:var(--font-mono);font-size:9.5px;font-style:normal;font-weight:700;line-height:1;z-index:3}.burst-particle{position:absolute;top:50%;left:50%;width:4px;height:4px;background:var(--tint, var(--accent));border-radius:50%;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(0);z-index:1}.burst-glow{position:absolute;top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%) scale(.4);border-radius:50%;background:radial-gradient(circle,var(--tint, var(--accent)) 0%,transparent 55%);opacity:0;pointer-events:none;z-index:0;filter:blur(2px)}.burst-emoji{position:absolute;top:50%;left:50%;font-size:24px;line-height:1;opacity:0;pointer-events:none;z-index:10;transform:translate(-50%,-50%) scale(0);text-shadow:0 6px 24px color-mix(in srgb,var(--tint, var(--accent)) 60%,transparent);filter:drop-shadow(0 0 14px color-mix(in srgb,var(--tint, var(--accent)) 70%,transparent))}.reaction .burst-particle{width:5px;height:5px}.reaction .burst-particle:nth-of-type(1){--dx: 0px;--dy: -58px}.reaction .burst-particle:nth-of-type(2){--dx: 41px;--dy: -41px}.reaction .burst-particle:nth-of-type(3){--dx: 58px;--dy: 0px}.reaction .burst-particle:nth-of-type(4){--dx: 41px;--dy: 41px}.reaction .burst-particle:nth-of-type(5){--dx: 0px;--dy: 58px}.reaction .burst-particle:nth-of-type(6){--dx: -41px;--dy: 41px}.reaction .burst-particle:nth-of-type(7){--dx: -58px;--dy: 0px}.reaction .burst-particle:nth-of-type(8){--dx: -41px;--dy: -41px}.reaction[data-bursting] .burst-particle{animation:burstFly .9s cubic-bezier(.16,.84,.44,1) forwards}.reaction[data-bursting] .burst-glow{animation:burstGlow .9s cubic-bezier(.2,.7,.2,1) forwards}.reaction[data-bursting] .burst-emoji{animation:remojiFloat .92s cubic-bezier(.18,.82,.32,1.1) forwards}.reaction[data-bursting] svg{animation:burstBump .52s var(--ease-spring)}@keyframes burstFly{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}18%{opacity:1;transform:translate(calc(-50% + var(--dx) * .18),calc(-50% + var(--dy) * .18)) scale(1.9)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.15)}}@keyframes burstGlow{0%{opacity:.85;transform:translate(-50%,-50%) scale(.35);filter:blur(2px)}40%{opacity:.55;transform:translate(-50%,-50%) scale(2);filter:blur(4px)}to{opacity:0;transform:translate(-50%,-50%) scale(3.6);filter:blur(8px)}}@keyframes remojiFloat{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-14deg)}18%{opacity:1;transform:translate(-50%,-110%) scale(2.6) rotate(10deg)}60%{opacity:.9;transform:translate(-50%,-200%) scale(2.2) rotate(-6deg)}to{opacity:0;transform:translate(-50%,-300%) scale(1.4) rotate(4deg)}}@keyframes burstBump{0%{transform:scale(1)}35%{transform:scale(1.5)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.burst-particle,.burst-glow,.burst-emoji,.reaction[data-bursting] svg{animation:none!important}}.card-actions{flex-wrap:wrap;gap:8px;margin-top:12px;position:relative;z-index:2}.card-actions button,.card-actions .read-more{min-width:96px}.source-favicon{width:14px;height:14px;border-radius:2px}.source-favicon-lg{width:22px;height:22px;border-radius:var(--radius-xs);flex:0 0 auto}.subscribe-panel h2{margin:7px 0 10px;font-family:var(--font-serif);font-size:26px;line-height:1.06;letter-spacing:-.01em}.subscribe-panel button{width:100%;margin-top:14px}.card-list{display:grid;gap:9px;overflow-y:auto;padding-right:2px}.list-card{width:100%;cursor:pointer;padding:12px;text-align:left;display:grid;gap:5px;transition:transform .18s var(--ease-out),border-color .18s var(--ease-out),background-color .18s var(--ease-out)}.list-card-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.list-card-top span{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:hsla(var(--chip-hue, 45),60%,60%,1)}.list-card-icons{display:inline-flex;align-items:center;gap:5px;color:var(--accent)}.list-card strong{display:block;color:var(--ink);font-size:13px;line-height:1.32;font-weight:600}.list-card small{font-size:11px;font-family:var(--font-mono);font-weight:500}.list-card.viewed strong{color:var(--muted)}.list-card.active{border-color:var(--line-strong);background:linear-gradient(135deg,#e8bb5b24,#e8bb5b0a)}.mobile-dock{position:fixed;right:12px;bottom:12px;left:12px;z-index:10;display:none;justify-content:space-between;border:1px solid var(--line);background:var(--bg-soft);padding:8px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.mobile-dock button,.mobile-dock a{display:grid;width:44px;height:44px;place-items:center}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:end center;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:scrimIn .2s var(--ease-out)}.drawer-scrim.center{place-items:center}@keyframes scrimIn{0%{opacity:0}to{opacity:1}}.sources-drawer,.shortcuts-card,.subscribe-modal{width:min(560px,100%);max-height:88dvh;overflow-y:auto;border:1px solid var(--line-strong);background:linear-gradient(180deg,var(--surface-raised),var(--surface-soft));box-shadow:var(--shadow-lg);padding:18px 18px 24px;animation:drawerIn .28s var(--ease-out)}.sources-drawer{border-bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding-bottom:env(safe-area-inset-bottom,24px)}.shortcuts-card,.subscribe-modal{max-width:440px;border-radius:var(--radius-lg);margin-bottom:5vh}@keyframes drawerIn{0%{transform:translateY(28px);opacity:0}to{transform:translateY(0);opacity:1}}.drawer-handle{width:40px;height:4px;margin:-8px auto 12px;background:var(--line);border-radius:var(--radius-pill)}.sources-drawer header,.shortcuts-card header,.subscribe-modal header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.sources-drawer header h2,.shortcuts-card header h2,.subscribe-modal header h2{margin:4px 0 0;font-family:var(--font-serif);font-size:26px;line-height:1.08;letter-spacing:-.01em}.source-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.source-list a{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);background:var(--surface);text-decoration:none;border-radius:var(--radius-sm)}.source-list a:hover{border-color:var(--line-strong)}.source-name{flex:1;min-width:0}.source-name strong{display:block;color:var(--ink);font-size:14px;font-weight:600;line-height:1.2}.source-name small{color:var(--muted);font-size:12px;font-family:var(--font-mono)}.source-meta{display:inline-flex;align-items:center;gap:8px;color:var(--muted);flex:0 0 auto}.primary-pill{padding:3px 8px;border:1px solid var(--accent);background:#e8bb5b29;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-pill)}.sources-drawer footer{margin-top:14px}.sources-drawer footer p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.shortcuts-card dl{margin:0;display:grid;gap:8px}.shortcuts-card dl div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm)}.shortcuts-card dt{display:inline-flex;align-items:center;gap:4px}.shortcuts-card dd{margin:0;color:var(--muted);font-size:13px}kbd{display:inline-block;padding:1px 6px;border:1px solid var(--line);background:var(--kbd-bg);color:var(--ink);font-family:var(--font-mono);font-size:11px;font-weight:600;border-radius:var(--radius-xs);box-shadow:inset 0 -1px #0003}.subscribe-modal form{display:grid;gap:8px}.subscribe-modal form p{margin:0 0 6px;color:var(--muted);font-size:13px;line-height:1.5}.subscribe-modal label{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.subscribe-modal input[type=email]{width:100%;padding:12px 14px;border:1px solid var(--line);background:var(--bg-soft);color:var(--ink);font-size:14px;border-radius:var(--radius-sm);transition:border-color .16s var(--ease-out)}.subscribe-modal input[type=email]:focus{outline:none;border-color:var(--line-strong)}.subscribe-modal input[type=email][aria-invalid=true]{border-color:#dc5a5a99}.form-error{color:#dc6e6e;font-size:12px;margin-top:2px}.form-hint{color:var(--dim);font-size:11px;margin-top:4px}.subscribe-modal button[type=submit]{margin-top:6px;width:100%}.subscribe-success{display:grid;place-items:center;gap:10px;padding:18px 6px 4px;text-align:center}.subscribe-success svg{color:var(--green)}.subscribe-success h3{margin:0;font-family:var(--font-serif);font-size:22px;letter-spacing:-.01em}.subscribe-success p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.subscribe-success button{width:100%;margin-top:10px}.insight-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:18px;background:#000000a8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:scrimIn .22s var(--ease-out)}.insight-card{width:min(460px,100%);border:1px solid var(--line-strong);background:linear-gradient(145deg,var(--surface-raised),var(--surface-soft));box-shadow:var(--shadow-lg);padding:28px;text-align:center;border-radius:var(--radius-lg);animation:drawerIn .32s var(--ease-spring)}.insight-burst{margin-bottom:8px;font-size:48px;animation:pop .72s var(--ease-spring)}@keyframes pop{0%{transform:scale(.5) rotate(-12deg);opacity:0}60%{transform:scale(1.15) rotate(6deg);opacity:1}to{transform:scale(1) rotate(0)}}.insight-card h2{margin:8px 0 10px;font-family:var(--font-serif);font-size:32px;line-height:1.06;letter-spacing:-.01em}.insight-card p{margin:0;color:var(--muted);line-height:1.55;font-size:14px}.insight-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0 16px}.insight-stats div{border:1px solid var(--line);background:var(--bg-soft);padding:12px 6px;border-radius:var(--radius-sm)}.insight-stats strong,.insight-stats small{display:block}.insight-stats strong{font-family:var(--font-serif);color:var(--accent);font-size:26px;font-weight:700;letter-spacing:-.01em}.insight-stats small{color:var(--muted);font-size:11px;margin-top:2px}.insight-actions{display:grid;gap:8px}.insight-actions .ghost-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px;font-size:13px;font-weight:600;color:var(--muted);border:0;background:transparent;text-decoration:none;cursor:pointer}.insight-actions .ghost-action:hover{color:var(--ink)}.toast{position:fixed;left:50%;bottom:24px;z-index:50;transform:translate(-50%);display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:var(--radius-pill);box-shadow:var(--shadow-md);font-size:12.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:toastIn .28s var(--ease-spring)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.toast kbd{font-size:10px;padding:1px 5px}.focus-exit{position:fixed;top:18px;left:50%;z-index:35;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:var(--radius-pill);font-size:11.5px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm)}.state-shell{display:grid;min-height:100vh;place-content:center;gap:18px;padding:18px;text-align:center}.state-shell h1{margin:0;font-family:var(--font-serif);font-size:42px;line-height:1.04;letter-spacing:-.015em}.state-shell p{max-width:440px;margin:0 auto;color:var(--muted);line-height:1.5}.state-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.state-actions button{padding:8px 14px;font-weight:700;font-size:13px}.skeleton-cards{display:flex;gap:10px;justify-content:center;margin-top:18px}.skeleton-cards div{width:90px;height:110px;border-radius:var(--radius-md);border:1px solid var(--line);background-color:var(--surface);background-image:var(--shimmer);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}.skeleton-cards div:nth-child(2){animation-delay:.16s}.skeleton-cards div:nth-child(3){animation-delay:.32s}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:1320px){.left-rail{display:none}}@media(max-width:1120px){.reader-frame{justify-content:center}.right-rail{display:none}.reader-main{width:min(100%,880px)}}@media(max-width:920px){.app-shell{padding:12px 12px 80px}.reader-frame{flex-direction:column;justify-content:flex-start;align-items:stretch;height:calc(100dvh - 74px);min-height:0}.reader-main{width:100%;height:100%;flex:1 1 auto;min-height:0}.card-list{display:none}.snip-card{grid-template-columns:1fr;grid-template-rows:34% 66%;height:100%;min-height:0}.image-panel{min-height:0}.card-copy{padding:18px;overflow:hidden}.card-copy h1{max-width:18ch;font-size:clamp(26px,6.4vw,34px);margin-bottom:8px}.essence{font-size:16.5px}.body-copy{margin-top:10px!important;font-size:14px}.why-box{margin:10px 0}.reaction-row{padding:5px}.reaction{width:38px;height:38px}.card-actions{margin-top:10px}.mobile-dock{display:flex}}@media(max-width:560px){.brand-text small,.top-actions .icon-button.ghost{display:none}.brand-mark-wrap{width:38px;height:38px}.brand-mark{width:28px;height:28px;font-size:14px}.subscribe-link{min-height:38px;padding:0 10px}.subscribe-link span{display:none}.reader-toolbar{align-items:stretch;flex-wrap:wrap}.progress-track{order:3;flex-basis:100%;max-width:none}.card-copy{padding:16px}.body-copy{font-size:14px}.card-actions{align-items:stretch}.card-actions button:not(:first-child):not(:nth-child(2)):not(:nth-child(3)){display:none}.read-more{flex:1}}@media(prefers-reduced-motion:no-preference){.subscribe-link,.icon-button,.tag-chip,.list-card,.read-more,.card-actions button,.reaction,.mobile-dock button,.mobile-dock a,.insight-card button,.saved-toggle,.source-list a,.sources-pill,.streak-chip{transition:background-color .16s var(--ease-out),border-color .16s var(--ease-out),transform .18s var(--ease-out),color .16s var(--ease-out)}.subscribe-link:hover,.icon-button:hover,.tag-chip:hover,.list-card:hover,.read-more:hover,.card-actions button:hover,.reaction:hover,.mobile-dock button:hover,.mobile-dock a:hover,.insight-card button:hover,.saved-toggle:hover,.source-list a:hover{transform:translateY(-1px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{body{background:#fff;color:#000;overflow:visible}.topbar,.reader-toolbar,.left-rail,.right-rail,.mobile-dock,.focus-exit,.toast,.drawer-scrim,.insight-modal{display:none!important}.reader-frame{height:auto;display:block}.reader-main{width:100%}.snip-card{grid-template-columns:1fr;box-shadow:none;border:1px solid #ccc;page-break-inside:avoid}.image-panel{height:280px}}.card-actions button,.card-actions a,.card-copy button,.card-copy a,.mobile-dock button,.mobile-dock a{pointer-events:auto!important}@media(orientation:portrait)and (min-width:921px){.app-shell{padding:12px 12px 80px}.reader-frame{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:12px;height:calc(100dvh - 74px);min-height:0}.left-rail,.right-rail,.card-list{display:none}.reader-main{flex:1 1 auto;width:100%;height:auto;min-height:0}.snip-card{grid-template-columns:1fr;grid-template-rows:minmax(180px,32%) 1fr;height:100%;min-height:0}.image-panel{min-height:0}.card-copy{padding:clamp(18px,2.4vw,28px);overflow-y:auto}.card-copy h1{max-width:28ch;font-size:clamp(22px,3.2vw,30px);margin:6px 0 10px}.essence{font-size:clamp(15px,1.7vw,17px)}.body-copy{font-size:clamp(14px,1.3vw,15px)}.mobile-dock{display:flex}}.command-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.read-link{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:12.5px;font-weight:500;text-decoration:none;letter-spacing:.01em;transition:color .2s var(--ease-out)}.read-link .source-favicon{width:14px;height:14px;border-radius:2px;opacity:.85;transition:opacity .2s var(--ease-out)}.read-link .read-label{color:var(--dim);font-weight:500}.read-link strong{color:var(--ink);font-weight:600;border-bottom:1px solid transparent;transition:border-color .2s var(--ease-out),color .2s var(--ease-out)}.read-link:hover{color:var(--accent)}.read-link:hover strong{color:var(--accent);border-bottom-color:color-mix(in srgb,var(--accent) 50%,transparent)}.read-link:hover .source-favicon{opacity:1}.ghost-row{display:inline-flex;align-items:center;justify-content:center;gap:2px;margin:0 auto}.ghost-icon{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;background:transparent;color:var(--dim);cursor:pointer;border-radius:var(--radius-pill);transition:color .18s var(--ease-out),background-color .18s var(--ease-out),transform .18s var(--ease-out)}.ghost-icon:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 7%,transparent)}.ghost-icon.saved{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.ghost-icon.saved:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.ghost-icon.listening{color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent)}.ghost-icon:active{transform:scale(.92)}.share-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:1px solid color-mix(in srgb,var(--accent) 65%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 28%,var(--bg-soft)),color-mix(in srgb,var(--accent) 14%,var(--bg-soft)));color:var(--accent);font-family:var(--font-sans);font-weight:700;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-pill);cursor:pointer;position:relative;overflow:hidden;box-shadow:0 2px 10px color-mix(in srgb,var(--accent) 18%,transparent),inset 0 1px #ffffff0f;transition:background .26s var(--ease-out),color .26s var(--ease-out),border-color .26s var(--ease-out),box-shadow .28s var(--ease-out),transform .22s var(--ease-spring)}.share-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,color-mix(in srgb,var(--gold-2) 50%,transparent) 50%,transparent 70%);transform:translate(-130%);transition:transform .75s var(--ease-out);pointer-events:none}.share-btn svg{position:relative;z-index:1;transition:transform .28s var(--ease-spring)}.share-btn span{position:relative;z-index:1}.share-btn:hover{background:linear-gradient(135deg,var(--gold-2),var(--accent));color:var(--invert-ink);border-color:var(--accent);box-shadow:0 10px 26px color-mix(in srgb,var(--accent) 40%,transparent),0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent);transform:translateY(-1px)}.share-btn:hover:before{transform:translate(130%)}.share-btn:hover svg{transform:scale(1.18) rotate(-10deg)}.share-btn:active{transform:translateY(0) scale(.97)}@media(max-width:560px){.command-bar{grid-template-columns:1fr auto;grid-template-areas:"read    share" "ghosts  ghosts";gap:12px 10px}.read-link{grid-area:read;font-size:12px}.share-btn{grid-area:share;padding:7px 14px}.ghost-row{grid-area:ghosts;justify-content:center}}.card-actions:empty{display:none}.mobile-menu-btn{display:none}.mobile-menu{width:min(360px,90vw);max-height:100dvh;height:100dvh;overflow-y:auto;border:0;border-right:1px solid var(--line-strong);background:linear-gradient(180deg,var(--surface-raised),var(--surface-soft));box-shadow:var(--shadow-lg);padding:18px 18px env(safe-area-inset-bottom,18px);animation:drawerSlideIn .28s var(--ease-out)}.mobile-menu-scrim{place-items:start start!important}@keyframes drawerSlideIn{0%{transform:translate(-12px);opacity:0}to{transform:translate(0);opacity:1}}.mobile-menu header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.mobile-menu header h2{margin:4px 0 0;font-family:var(--font-serif);font-size:18px;line-height:1.2;font-weight:600;color:var(--ink);letter-spacing:-.01em}.mobile-menu header span{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.mobile-menu-section{margin-bottom:16px}.mobile-menu-section .section-label{margin-bottom:10px}.mobile-menu-list{margin-bottom:0}.mobile-menu-list .card-list{display:grid!important;gap:8px}@media(max-width:920px){.left-rail,.right-rail,.card-list{display:none!important}.topbar{gap:6px;margin-bottom:8px;flex-wrap:nowrap}.brand{gap:8px;min-width:0;flex:0 1 auto}.brand-text{min-width:0;overflow:hidden}.brand-word{font-size:17px}.brand-tag{display:none}.top-actions{gap:4px;flex:0 0 auto}.top-actions .icon-button.ghost:not(.mobile-menu-btn){display:none!important}.mobile-menu-btn{display:grid!important}.subscribe-link{padding:0 12px;min-height:36px;font-size:12.5px}.subscribe-link span{display:inline}.streak-chip{padding:4px 8px;font-size:11px}.brand-mark-wrap{width:44px;height:40px}.brand-mark{width:36px;height:36px;padding:4px}.app-shell{padding:12px 12px calc(78px + env(safe-area-inset-bottom,0px));height:100dvh;overflow:hidden}.reader-frame{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:8px!important;height:calc(100dvh - 70px)!important;min-height:0;overflow:hidden;max-width:100%!important;padding:0;margin:0}.reader-main{width:100%!important;height:100%!important;flex:1 1 auto!important;min-height:0;display:flex!important;flex-direction:column}.nav-arrow{display:none!important}.snip-card{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:minmax(140px,30%) 1fr!important;height:100%!important;min-height:0;overflow:hidden}.image-panel{min-height:0;overflow:hidden}.card-copy{padding:16px 16px 14px!important;overflow-y:auto;min-height:0}.card-copy h1{max-width:100%!important;font-size:clamp(20px,5.4vw,28px)!important;margin:6px 0 8px!important}.essence{font-size:15px!important}.body-copy{font-size:14px!important;margin-top:8px!important}.why-box{margin:10px 0 12px!important;padding-left:11px!important}.why-box p{font-size:13px!important}.meta-row{margin-bottom:4px}.meta-pills .pill{padding:3px 8px;font-size:10.5px}.card-tags-inline{margin:6px 0 4px}.tag-pill{padding:3px 8px;font-size:10px}.reaction-row{align-self:center;padding:5px 8px;gap:4px;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.reaction-row::-webkit-scrollbar{display:none}.reaction{width:38px;height:38px;flex-shrink:0}.command-bar{grid-template-columns:1fr auto!important;grid-template-areas:"read    share" "ghosts  ghosts"!important;gap:10px 10px!important;margin-top:12px!important;padding-top:10px!important}.read-link{grid-area:read;font-size:12px;flex-wrap:wrap}.share-btn{grid-area:share;padding:7px 14px;font-size:12px}.ghost-row{grid-area:ghosts;justify-content:center}.reader-toolbar{padding:6px 10px;min-height:36px;gap:8px}.reader-toolbar .count-label{font-size:11px;min-width:40px}.progress-track{max-width:200px;gap:4px}.nav-buttons{gap:6px}.mobile-dock{display:flex!important;right:10px;left:10px;bottom:10px;padding:6px 10px;justify-content:space-around;box-shadow:var(--shadow-lg)}.mobile-dock button,.mobile-dock a{width:42px;height:42px;background:transparent;border:0;border-radius:var(--radius-pill);color:var(--muted)}.mobile-dock button:hover,.mobile-dock a:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.mobile-dock button.listening{background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green)}}@media(max-width:560px){.subscribe-link span{display:none}.subscribe-link{padding:0 10px;min-width:36px}.streak-chip strong{font-size:11px}.card-copy{padding:14px 14px 12px!important}.card-copy h1{font-size:clamp(19px,5.6vw,26px)!important}.essence{font-size:14.5px!important;-webkit-line-clamp:unset}.why-box{margin:8px 0 10px!important}.command-bar{gap:8px 8px!important}.read-link{font-size:11.5px;gap:5px}.read-link .read-label{display:none}.ghost-icon{width:30px;height:30px}.share-btn{padding:6px 12px;font-size:11.5px;letter-spacing:.03em}.mobile-menu{width:100vw;max-width:100vw}}@media(max-width:920px){.topbar{max-width:100vw;overflow:hidden}.brand-text strong,.brand-text small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.command-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);grid-template-columns:none!important;grid-template-areas:none!important}.sources-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border:1px solid var(--line);background:var(--bg-soft);color:var(--ink);font-family:var(--font-sans);font-weight:600;font-size:12.5px;letter-spacing:.02em;border-radius:var(--radius-pill);cursor:pointer;transition:border-color .2s var(--ease-out),background-color .2s var(--ease-out),color .2s var(--ease-out),transform .2s var(--ease-out)}.sources-btn svg{transition:transform .2s var(--ease-spring)}.sources-btn:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg-soft));transform:translateY(-1px)}.sources-btn:hover svg{transform:scale(1.08)}.sources-btn:active{transform:translateY(0) scale(.97)}@media(max-width:920px){.command-bar{grid-template-columns:none!important;grid-template-areas:none!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:10px!important;padding-top:10px!important;margin-top:12px!important}.sources-btn{padding:6px 12px;font-size:12px;flex-shrink:1;min-width:0}.share-btn{padding:6px 14px;font-size:12px;flex-shrink:1;min-width:0}.sources-btn span,.share-btn span{white-space:nowrap}}.read-link,.ghost-row{display:none!important}.graffiti-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;overflow:hidden}.graffiti-emoji{position:fixed;font-size:28px;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform,opacity;transform:translate(-50%,-50%) scale(0);opacity:0;animation:graffitiSpray 1.5s cubic-bezier(.16,.84,.44,1) forwards;filter:drop-shadow(0 4px 18px rgba(0,0,0,.25))}@keyframes graffitiSpray{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(0)}18%{opacity:1;transform:translate(calc(-50% + var(--tx) * .2),calc(-50% + var(--ty) * .2)) scale(calc(var(--s) * 1.05)) rotate(calc(var(--r) * .6))}60%{opacity:.95;transform:translate(calc(-50% + var(--tx) * .85),calc(-50% + var(--ty) * .95)) scale(var(--s)) rotate(calc(var(--r) * 1.2))}to{opacity:0;transform:translate(calc(-50% + var(--tx) * 1.1),calc(-50% + var(--ty) * 1.25)) scale(calc(var(--s) * .75)) rotate(calc(var(--r) * 1.6))}}@media(prefers-reduced-motion:reduce){.graffiti-emoji{animation:none!important;opacity:0!important}}@media(max-width:380px){.app-shell{padding:8px 8px calc(70px + env(safe-area-inset-bottom,0px))!important}.topbar{margin-bottom:6px;gap:4px}.brand-mark-wrap{width:38px;height:34px}.brand-mark{width:32px;height:32px;padding:3px}.brand-word{font-size:15px}.top-actions{gap:3px}.streak-chip{padding:3px 6px;font-size:10px}.streak-chip strong{font-size:10px}.icon-button,.mobile-menu-btn{width:32px!important;height:32px!important}.subscribe-link{padding:0 8px!important;min-height:32px!important}.reader-frame{height:calc(100dvh - 56px)!important;gap:6px!important}.snip-card{grid-template-rows:minmax(110px,24%) 1fr!important}.image-panel{min-height:0}.pick-ribbon{padding:3px 7px;font-size:9px;top:8px;left:8px}.card-copy{padding:12px 12px 10px!important}.meta-row{margin-bottom:2px}.meta-pills .pill{padding:2px 7px;font-size:9.5px}time{font-size:11px}.card-copy h1{font-size:clamp(17px,4.8vw,22px)!important;line-height:1.08!important;margin:4px 0 6px!important;max-width:100%!important}.card-tags-inline{margin:4px 0 2px;gap:4px}.tag-pill{padding:2px 7px;font-size:9px}.essence{font-size:13.5px!important;line-height:1.32!important}.body-copy{font-size:12.5px!important;line-height:1.45!important;margin-top:6px!important}.why-box{margin:8px 0!important;padding-left:9px!important;border-left-width:2px!important}.why-box span{font-size:9.5px!important;margin-bottom:3px!important}.why-box p{font-size:12px!important;line-height:1.4!important}.reaction-row{gap:2px!important;padding:4px 6px!important;overflow:visible!important}.reaction{width:32px!important;height:32px!important}.command-bar{margin-top:8px!important;padding-top:8px!important;gap:8px!important}.sources-btn,.share-btn{padding:5px 10px!important;font-size:11px!important;min-height:30px}.sources-btn svg,.share-btn svg{width:13px;height:13px}.reader-toolbar{padding:4px 8px!important;min-height:32px!important;gap:6px!important}.reader-toolbar .count-label{font-size:10px;min-width:32px}.progress-track{max-width:140px;gap:3px}.progress-track span{height:3px}.nav-buttons .icon-button{width:30px!important;height:30px!important}.mobile-dock{padding:4px 6px!important;bottom:8px!important;right:8px!important;left:8px!important}.mobile-dock button,.mobile-dock a{width:36px!important;height:36px!important}.card-copy{overflow:visible!important}.snip-card{overflow:hidden!important}}.reaction-row{overflow:visible!important}.snip-card{overflow:hidden}.card-actions-zone{display:flex;flex-direction:column;margin-top:18px}@media(max-width:920px){.card-actions-zone{margin-top:auto}}@media(max-width:920px){.card-copy{display:flex!important;flex-direction:column!important;overflow-y:auto!important;overflow-x:visible;padding-bottom:0!important;scroll-padding-bottom:100px}.card-actions-zone{position:sticky;bottom:0;z-index:4;margin-top:12px;padding:8px 16px 12px;margin-left:-16px;margin-right:-16px;background:var(--gradient-zone);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line)}.card-actions-zone .reaction-row{margin-bottom:8px}.card-actions-zone .command-bar{margin-top:0!important;padding-top:8px!important;border-top:1px solid var(--line)!important}}.mobile-menu-header-actions{display:inline-flex;align-items:center;gap:4px}.mobile-menu-header-actions .icon-button.ghost{width:36px;height:36px}@media(max-width:380px){.card-actions-zone{margin-left:-12px!important;margin-right:-12px!important;padding:6px 12px 10px!important}.card-copy{padding-bottom:0!important}}.read-toggle{display:none;align-items:center;gap:8px;margin:14px auto 4px;padding:9px 18px;border:1px solid var(--accent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 22%,var(--surface-soft)),color-mix(in srgb,var(--accent) 8%,var(--surface-soft)));color:var(--accent);border-radius:999px;font-family:var(--font-sans);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;width:max-content;max-width:80%;flex-shrink:0;align-self:center;transition:all .26s var(--ease-out);position:relative;overflow:hidden;box-shadow:0 2px 10px color-mix(in srgb,var(--accent) 18%,transparent),inset 0 1px #ffffff14}.read-toggle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,color-mix(in srgb,var(--accent) 30%,transparent) 50%,transparent 70%);transform:translate(-130%);transition:transform .7s var(--ease-out);pointer-events:none}.read-toggle:hover{border-color:var(--accent);color:var(--invert-ink);background:linear-gradient(135deg,var(--gold-2) 0%,var(--accent) 100%);transform:translateY(-1px);box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 38%,transparent),0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent),inset 0 1px #ffffff2e}.read-toggle:hover:before{transform:translate(130%)}.read-toggle svg{transition:transform .32s var(--ease-spring);flex-shrink:0;position:relative;z-index:1}.read-toggle span{position:relative;z-index:1}.body-shown .read-toggle svg{transform:rotate(180deg)}.read-toggle:active{transform:translateY(0) scale(.98)}@media(max-width:920px){.read-toggle{display:none!important}.card-copy:not(.body-shown) .body-copy{display:none!important}.card-copy.body-shown .essence,.card-copy.body-shown .why-box{display:none!important}.card-copy.body-shown .body-copy{display:block!important;font-family:var(--font-serif);font-style:italic;font-size:15.5px!important;line-height:1.6!important;color:var(--ink)!important;margin-top:14px!important;padding:16px 18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 6%,var(--surface-soft)),color-mix(in srgb,var(--surface),var(--surface-soft)));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:10px;border-left:3px solid var(--accent);animation:bodyReveal .38s var(--ease-out)}@keyframes bodyReveal{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}}@media(min-width:921px){.read-toggle{display:none!important}.card-copy .body-copy{display:-webkit-box;display:block}}.card-copy>.read-toggle,.card-copy .read-toggle{width:max-content!important;align-self:center!important;flex-grow:0!important}.tap-hint{display:none}@media(max-width:920px){.card-copy{cursor:pointer;-webkit-tap-highlight-color:transparent}.tap-hint{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin:14px auto 4px;padding:4px 12px;color:var(--accent);font-family:var(--font-serif);font-style:italic;font-size:13px;font-weight:500;letter-spacing:.01em;opacity:.85;transition:opacity .22s var(--ease-out),transform .22s var(--ease-out);pointer-events:none;position:relative}.tap-hint:before{content:"›";margin-right:6px;font-style:normal;font-weight:700;transform:translate(0);transition:transform 1.6s ease-in-out infinite;animation:tapNudge 1.8s ease-in-out infinite;display:inline-block}.card-copy.body-shown .tap-hint:before{transform:rotate(180deg);animation:tapNudgeReverse 1.8s ease-in-out infinite}.card-copy:active .tap-hint{opacity:1;transform:translateY(-1px)}.card-copy:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--tx, 50%) var(--ty, 50%),color-mix(in srgb,var(--accent) 12%,transparent),transparent 50%);opacity:0;transition:opacity .32s var(--ease-out);pointer-events:none;z-index:0}.card-copy:active:before{opacity:1}}@keyframes tapNudge{0%,to{transform:translate(0)}50%{transform:translate(3px)}}@keyframes tapNudgeReverse{0%,to{transform:rotate(180deg) translate(0)}50%{transform:rotate(180deg) translate(3px)}}.card-copy[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:var(--radius-md)}@media(max-width:920px){html,body{overflow:hidden!important;overscroll-behavior:none!important}.app-shell{height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))!important}.reader-frame{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;height:auto!important}.reader-main{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important}.snip-card{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:clamp(120px,22vh,180px) 1fr!important;height:100%!important;max-height:100%!important;overflow:hidden!important;min-height:0!important}.image-panel{min-height:0!important;max-height:22vh!important;overflow:hidden!important}.image-panel img{width:100%!important;height:100%!important;object-fit:cover!important}.card-copy{display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:12px 14px 0!important;min-height:0!important;gap:0!important}.meta-row{margin:0 0 4px!important}.meta-pills .pill{padding:2px 7px!important;font-size:10px!important}time{font-size:10.5px!important}.card-tags-inline{margin:2px 0 4px!important;gap:4px!important}.tag-pill{padding:2px 7px!important;font-size:9.5px!important;letter-spacing:.06em!important}.card-copy h1{font-size:clamp(18px,4.8vw,24px)!important;line-height:1.1!important;margin:2px 0 6px!important;max-width:100%!important}.essence{font-size:13.5px!important;line-height:1.32!important;margin:0 0 6px!important}.why-box{margin:4px 0 6px!important;padding:8px 10px 8px 11px!important;border-left-width:2px!important}.why-box span{font-size:9.5px!important;margin-bottom:2px!important;padding:2px 7px!important}.why-box p{font-size:12.5px!important;line-height:1.38!important;margin:0!important}.why-box:after{display:none!important}.tap-hint{margin:4px auto 0!important;padding:2px 8px!important;font-size:11.5px!important;opacity:.78!important}.card-actions-zone{margin-top:auto!important;position:static!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-top:1px solid color-mix(in srgb,var(--line) 60%,transparent)!important;margin-left:-14px!important;margin-right:-14px!important;padding:6px 14px calc(6px + env(safe-area-inset-bottom,0px))!important}.card-actions-zone .reaction-row{margin:0 0 4px!important;padding:2px 4px!important;gap:2px!important;justify-content:center!important}.reaction{width:34px!important;height:34px!important}.card-actions-zone .command-bar{margin:0!important;padding-top:6px!important;border-top:1px solid color-mix(in srgb,var(--line) 60%,transparent)!important}.sources-btn,.share-btn{padding:5px 12px!important;font-size:11px!important;min-height:30px!important}.sources-btn svg,.share-btn svg{width:13px!important;height:13px!important}.mobile-dock{display:none!important}.reader-toolbar{padding:4px 10px!important;min-height:32px!important}.reader-toolbar .count-label{font-size:10.5px!important;min-width:36px!important}.card-copy.body-shown{overflow:hidden!important}.card-copy.body-shown .body-copy{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;margin-top:6px!important;padding:12px 14px!important;font-size:14px!important;line-height:1.55!important}}@media(max-width:920px)and (max-height:700px){.snip-card{grid-template-rows:clamp(100px,18vh,140px) 1fr!important}.card-copy{padding:10px 12px 0!important}.card-copy h1{font-size:clamp(16px,4.6vw,21px)!important;margin:2px 0 4px!important}.essence{font-size:13px!important;margin-bottom:4px!important}.why-box{padding:6px 8px 6px 10px!important}.why-box p{font-size:12px!important;line-height:1.34!important}.tap-hint{font-size:11px!important;margin-top:3px!important}.reaction{width:32px!important;height:32px!important}.card-actions-zone{margin-left:-12px!important;margin-right:-12px!important;padding:4px 12px calc(4px + env(safe-area-inset-bottom,0px))!important}}@media(max-width:920px){.topbar .streak-chip,.topbar .subscribe-link{display:none!important}.topbar{padding-right:4px!important}.brand-word{font-size:18px!important}.reader-toolbar{margin-top:6px!important;margin-bottom:0!important}.app-shell{padding-top:10px!important;padding-bottom:calc(4px + env(safe-area-inset-bottom,0px))!important}}.mobile-subscribe-section{margin-top:auto!important;padding-top:14px!important;border-top:1px solid var(--line)!important}.mobile-subscribe-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;padding:14px 18px!important;border:1px solid var(--accent)!important;border-radius:999px!important;background:linear-gradient(135deg,var(--gold-2, var(--accent)) 0%,var(--accent) 100%)!important;color:var(--invert-ink)!important;font-family:var(--font-sans)!important;font-weight:700!important;font-size:14px!important;letter-spacing:.04em!important;cursor:pointer!important;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 30%,transparent)!important;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out)!important}.mobile-subscribe-cta:hover{transform:translateY(-1px)!important;box-shadow:0 12px 26px color-mix(in srgb,var(--accent) 40%,transparent)!important}.mobile-subscribe-cta:active{transform:translateY(0) scale(.98)!important}.mobile-menu{display:flex!important;flex-direction:column!important}.mobile-menu-list{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important}@media(max-width:920px){.app-shell{display:flex!important;flex-direction:column!important}.topbar{flex:0 0 auto!important}.reader-frame{flex:1 1 0!important;min-height:0!important;display:flex!important;flex-direction:column!important;gap:6px!important}.reader-main{flex:1 1 0!important;min-height:0!important;display:flex!important;flex-direction:column!important;width:100%!important}.snip-card{flex:1 1 0!important;min-height:0!important;height:auto!important;max-height:none!important;grid-template-rows:clamp(120px,20vh,170px) 1fr!important}.reader-toolbar{flex:0 0 auto!important;margin:0!important;padding:6px 10px!important;min-height:36px!important;border-radius:12px!important}.listen-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:6px 12px!important;border-radius:999px!important;border:1px solid var(--line)!important;background:transparent!important;color:var(--ink)!important;font-family:var(--font-sans)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.04em!important;cursor:pointer!important;transition:background .18s var(--ease-out),color .18s var(--ease-out),border-color .18s var(--ease-out)!important}.listen-btn:hover{border-color:var(--accent)!important;color:var(--accent)!important}.listen-btn.listening{border-color:var(--green, var(--accent))!important;color:var(--green, var(--accent))!important;background:color-mix(in srgb,var(--green, var(--accent)) 10%,transparent)!important}.listen-btn svg{width:13px!important;height:13px!important}.command-bar{display:grid!important;grid-template-columns:auto auto 1fr!important;gap:6px!important;align-items:center!important}.command-bar .listen-btn{grid-column:1}.command-bar .sources-btn{grid-column:2}.command-bar .share-btn{grid-column:3;justify-self:end!important}.action-zone-subscribe{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;margin:8px 0 0!important;padding:8px 14px!important;border:1px solid var(--accent)!important;border-radius:999px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,transparent),color-mix(in srgb,var(--accent) 6%,transparent))!important;color:var(--accent)!important;font-family:var(--font-sans)!important;font-weight:600!important;font-size:12px!important;letter-spacing:.04em!important;cursor:pointer!important;transition:background .2s var(--ease-out),transform .2s var(--ease-out)!important}.action-zone-subscribe:hover{background:linear-gradient(135deg,var(--gold-2, var(--accent)) 0%,var(--accent) 100%)!important;color:var(--invert-ink)!important;transform:translateY(-1px)!important}.action-zone-subscribe svg{width:13px!important;height:13px!important}.card-actions-zone{padding-top:6px!important;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))!important}}@media(min-width:921px){.action-zone-subscribe,.listen-btn{display:none!important}}.swipe-hint{display:none}@media(max-width:920px),(pointer:coarse){.swipe-hint{display:flex;flex-direction:column;align-items:center;gap:8px;position:fixed;left:50%;bottom:calc(120px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:30;padding:12px 18px;border-radius:999px;background:color-mix(in srgb,var(--surface-raised, var(--bg)) 92%,transparent);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));box-shadow:0 14px 36px color-mix(in srgb,var(--accent) 18%,transparent),0 0 0 1px color-mix(in srgb,var(--accent) 10%,transparent) inset;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);pointer-events:none;animation:swipeHintFade 7s ease-out forwards}.swipe-hint-track{display:inline-flex;align-items:center;gap:14px;position:relative;height:26px;color:var(--accent)}.swipe-hint-arrow{opacity:.55;animation:swipeHintArrow 1.8s ease-in-out infinite}.swipe-hint-arrow-left{animation-delay:.9s}.swipe-hint-finger{width:26px;height:26px;border-radius:999px;background:radial-gradient(circle at 35% 35%,color-mix(in srgb,var(--accent) 85%,white) 0%,var(--accent) 60%,color-mix(in srgb,var(--accent) 70%,black) 100%);box-shadow:0 6px 14px color-mix(in srgb,var(--accent) 40%,transparent);position:relative;animation:swipeHintFinger 1.8s ease-in-out infinite}.swipe-hint-dot{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:999px;background:color-mix(in srgb,white 80%,transparent);opacity:.7}.swipe-hint-label{font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);opacity:.88}@keyframes swipeHintFinger{0%{transform:translate(0)}25%{transform:translate(20px)}50%{transform:translate(0)}75%{transform:translate(-20px)}to{transform:translate(0)}}@keyframes swipeHintArrow{0%,to{opacity:.35;transform:translate(0)}50%{opacity:1;transform:translate(3px)}}.swipe-hint-arrow-left{animation-name:swipeHintArrowLeft}@keyframes swipeHintArrowLeft{0%,to{opacity:.35;transform:translate(0)}50%{opacity:1;transform:translate(-3px)}}@keyframes swipeHintFade{0%{opacity:0;transform:translate(-50%,12px)}10%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,6px);pointer-events:none}}}@media(prefers-reduced-motion:reduce){.swipe-hint-finger,.swipe-hint-arrow,.swipe-hint-arrow-left{animation:none!important}}@media(max-width:920px){.snip-card{grid-template-rows:clamp(140px,24vh,200px) 1fr!important}.card-actions-zone{margin-top:14px!important;padding:8px 14px calc(8px + env(safe-area-inset-bottom,0px))!important;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)!important;margin-left:-14px!important;margin-right:-14px!important}.command-bar{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:8px!important;align-items:stretch!important;margin:0!important;padding:8px 0 0!important;border-top:1px solid color-mix(in srgb,var(--line) 50%,transparent)!important}.command-bar>.listen-btn,.command-bar>.sources-btn,.command-bar>.share-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:100%!important;min-height:34px!important;padding:6px 10px!important;border-radius:999px!important;font-family:var(--font-sans)!important;font-weight:600!important;font-size:11.5px!important;letter-spacing:.04em!important;text-transform:none!important;cursor:pointer!important;transition:all .18s var(--ease-out)!important;justify-self:stretch!important;margin:0!important}.command-bar>.listen-btn,.command-bar>.sources-btn{background:transparent!important;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line))!important;color:var(--ink)!important}.command-bar>.listen-btn:hover,.command-bar>.sources-btn:hover{border-color:var(--accent)!important;color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 7%,transparent)!important}.command-bar>.listen-btn.listening{border-color:var(--green, var(--accent))!important;color:var(--green, var(--accent))!important;background:color-mix(in srgb,var(--green, var(--accent)) 12%,transparent)!important}.command-bar>.share-btn{background:linear-gradient(135deg,var(--gold-2, var(--accent)) 0%,var(--accent) 100%)!important;border:1px solid var(--accent)!important;color:var(--invert-ink)!important;box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 28%,transparent),inset 0 1px #ffffff26!important}.command-bar>.share-btn:hover{transform:translateY(-1px)!important;box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 40%,transparent),inset 0 1px #fff3!important}.command-bar svg{width:14px!important;height:14px!important;flex-shrink:0!important}}@media(max-width:920px){.reader-toolbar{display:grid!important;grid-template-columns:auto 1fr auto!important;gap:10px!important;align-items:center!important;padding:8px 12px!important;min-height:40px!important;border-radius:14px!important;background:color-mix(in srgb,var(--surface-raised, var(--bg)) 70%,transparent)!important;border:1px solid color-mix(in srgb,var(--line) 70%,transparent)!important;margin:0!important}.reader-toolbar .count-label{grid-column:1!important;font-family:var(--font-mono, var(--font-sans))!important;font-size:11.5px!important;color:var(--muted)!important;white-space:nowrap!important;margin:0!important;min-width:0!important}.reader-toolbar .progress-track{grid-column:2!important;display:flex!important;align-items:center!important;gap:4px!important;justify-content:center!important;max-width:100%!important;padding:0 4px!important}.reader-toolbar .progress-track span{flex:1 1 0!important;height:3px!important;min-width:0!important;border-radius:2px!important;background:color-mix(in srgb,var(--line) 80%,transparent)!important}.reader-toolbar .progress-track span.done{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 70%,transparent),var(--accent))!important}.reader-toolbar .nav-buttons{grid-column:3!important;display:inline-flex!important;gap:4px!important;margin:0!important}.reader-toolbar .nav-buttons .icon-button{width:30px!important;height:30px!important;border-radius:999px!important;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line))!important;background:transparent!important;color:var(--ink)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important}.reader-toolbar .nav-buttons .icon-button:hover{border-color:var(--accent)!important;color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 8%,transparent)!important}.reader-toolbar .nav-buttons .icon-button svg{width:16px!important;height:16px!important}}@media(max-width:920px){.reader-frame{gap:10px!important}.reader-toolbar{display:grid!important;grid-template-columns:minmax(36px,auto) 1fr minmax(36px,auto)!important;grid-template-rows:auto auto!important;grid-template-areas:"count   nav     listen" "track   track   track"!important;gap:8px 10px!important;align-items:center!important;padding:8px 12px!important;min-height:auto!important;border-radius:14px!important;background:color-mix(in srgb,var(--surface-raised, var(--bg)) 70%,transparent)!important;border:1px solid color-mix(in srgb,var(--line) 70%,transparent)!important;margin:0!important}.reader-toolbar .count-label{grid-area:count!important;font-family:var(--font-mono, var(--font-sans))!important;font-size:11px!important;color:var(--muted)!important;white-space:nowrap!important;margin:0!important;letter-spacing:.02em!important}.reader-toolbar .nav-buttons{grid-area:nav!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin:0!important}.reader-toolbar .nav-buttons .icon-button{width:32px!important;height:32px!important;border-radius:999px!important;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line))!important;background:transparent!important;color:var(--ink)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .18s var(--ease-out)!important}.reader-toolbar .nav-buttons .icon-button:hover{border-color:var(--accent)!important;color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 8%,transparent)!important}.reader-toolbar .nav-buttons .toolbar-play{width:38px!important;height:38px!important;border-color:var(--accent)!important;color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 10%,transparent)!important}.reader-toolbar .nav-buttons .toolbar-play.playing{background:linear-gradient(135deg,var(--gold-2, var(--accent)) 0%,var(--accent) 100%)!important;color:var(--invert-ink)!important;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 32%,transparent)!important}.reader-toolbar .nav-buttons .toolbar-play svg{width:17px!important;height:17px!important}.toolbar-listen{grid-area:listen!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:6px 12px!important;min-height:32px!important;border-radius:999px!important;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line))!important;background:transparent!important;color:var(--ink)!important;font-family:var(--font-sans)!important;font-size:11px!important;font-weight:600!important;letter-spacing:.04em!important;cursor:pointer!important;transition:all .18s var(--ease-out)!important;white-space:nowrap!important}.toolbar-listen:hover{border-color:var(--accent)!important;color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 8%,transparent)!important}.toolbar-listen.listening{border-color:var(--green, var(--accent))!important;color:var(--green, var(--accent))!important;background:color-mix(in srgb,var(--green, var(--accent)) 12%,transparent)!important}.toolbar-listen svg{width:13px!important;height:13px!important}.reader-toolbar .progress-track{grid-area:track!important;display:flex!important;align-items:center!important;gap:3px!important;max-width:100%!important;padding:0!important}.reader-toolbar .progress-track span{flex:1 1 0!important;height:2.5px!important;min-width:0!important;border-radius:2px!important;background:color-mix(in srgb,var(--line) 70%,transparent)!important}.reader-toolbar .progress-track span.done{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 65%,transparent),var(--accent))!important}}@media(min-width:921px){.toolbar-listen,.toolbar-play{display:none!important}}@media(max-width:920px){.card-actions-zone{margin-top:10px!important;padding:8px 14px calc(6px + env(safe-area-inset-bottom,0px))!important;margin-left:-14px!important;margin-right:-14px!important;border-top:1px solid color-mix(in srgb,var(--line) 60%,transparent)!important}.command-bar{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;align-items:stretch!important;margin:0!important;padding:0!important;border-top:0!important}.command-bar>.sources-btn,.command-bar>.share-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:100%!important;min-height:36px!important;padding:6px 12px!important;border-radius:999px!important;font-family:var(--font-sans)!important;font-weight:600!important;font-size:12px!important;letter-spacing:.04em!important;cursor:pointer!important;transition:all .18s var(--ease-out)!important;margin:0!important}.command-bar>.sources-btn{justify-self:start!important;background:transparent!important;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line))!important;color:var(--ink)!important}.command-bar>.sources-btn:hover{border-color:var(--accent)!important;color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 8%,transparent)!important}.command-bar>.share-btn{justify-self:end!important;background:linear-gradient(135deg,var(--gold-2, var(--accent)) 0%,var(--accent) 100%)!important;border:1px solid var(--accent)!important;color:var(--invert-ink)!important;box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 30%,transparent),inset 0 1px #ffffff26!important}.command-bar>.share-btn:hover{transform:translateY(-1px)!important}.command-bar svg{width:14px!important;height:14px!important;flex-shrink:0!important}.action-zone-subscribe{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;margin:10px 0 0!important;padding:8px 14px!important;min-height:36px!important;border:1px solid var(--accent)!important;border-radius:999px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,transparent),color-mix(in srgb,var(--accent) 6%,transparent))!important;color:var(--accent)!important;font-family:var(--font-sans)!important;font-weight:600!important;font-size:12px!important;letter-spacing:.04em!important;cursor:pointer!important;transition:all .2s var(--ease-out)!important}.action-zone-subscribe:hover{background:linear-gradient(135deg,var(--gold-2, var(--accent)) 0%,var(--accent) 100%)!important;color:var(--invert-ink)!important;transform:translateY(-1px)!important}.action-zone-subscribe svg{width:13px!important;height:13px!important}.card-actions-zone .reaction-row{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:6px!important;margin:10px 0 0!important;padding:0!important}.card-actions-zone .reaction{width:34px!important;height:34px!important;flex:0 0 auto!important}}@media(max-width:920px){.reader-main{position:relative!important}.reader-main:after{content:"";position:absolute;right:4px;top:50%;transform:translateY(-50%);width:25px;height:70px;pointer-events:none;z-index:10;background:radial-gradient(ellipse at 100% 50%,color-mix(in srgb,var(--accent) 22%,transparent) 0%,transparent 50%);border-radius:10px 0 0 10px;opacity:0;animation:edgeSwipePulse 4s ease-in-out infinite}@keyframes edgeSwipePulse{0%,50%{opacity:0;transform:translateY(-40%)}60%{opacity:1;transform:translate(-15px,-30%)}}}@media(max-width:920px){.card-copy.body-shown{overflow:hidden!important}.card-copy.body-shown .body-copy{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;margin-top:8px!important;padding:10px 12px!important;font-size:13px!important;line-height:1.48!important;border-radius:10px!important;display:flex!important;align-items:center!important;text-align:left!important}}@media(max-width:920px)and (max-height:760px){.card-copy.body-shown .body-copy{font-size:12px!important;line-height:1.4!important;padding:8px 10px!important}}@media(prefers-reduced-motion:reduce){.reader-main:after{animation:none!important;opacity:.4!important}}@media(max-width:920px){.snip-card:has(.card-copy.body-shown){grid-template-rows:clamp(80px,14vh,130px) 1fr!important}}@media(max-width:920px)and (max-height:700px){.snip-card:has(.card-copy.body-shown){grid-template-rows:clamp(60px,11vh,100px) 1fr!important}.card-copy.body-shown .body-copy{font-size:11.5px!important;line-height:1.36!important;padding:6px 8px!important}}@media(max-width:920px){.topbar{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;max-width:100%!important;margin:0 0 6px!important;padding:0!important;gap:8px!important}.topbar .brand{flex:1 1 auto!important;justify-content:flex-start!important;margin:0!important}.topbar .top-actions{flex:0 0 auto!important;margin-left:auto!important}.reader-main{display:flex!important;flex-direction:column!important;gap:10px!important;flex:1 1 0!important;min-height:0!important}.reader-main>.snip-card{flex:1 1 0!important;min-height:0!important}.reader-main>.reader-toolbar{flex:0 0 auto!important;margin-top:0!important}.card-actions-zone .command-bar{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-areas:"src share"!important;gap:10px!important;align-items:stretch!important;width:100%!important;margin:0!important;padding:0!important;border-top:0!important}.card-actions-zone .command-bar>.sources-btn{grid-area:src!important;grid-column:1!important;justify-self:stretch!important;width:100%!important;min-height:38px!important;margin:0!important}.card-actions-zone .command-bar>.share-btn{grid-area:share!important;grid-column:2!important;justify-self:stretch!important;width:100%!important;min-height:38px!important;margin:0!important}.card-actions-zone .reaction-row{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:4px!important;margin:12px 0 0!important;padding:0!important}.card-actions-zone .reaction{width:40px!important;height:40px!important;flex:0 0 auto!important;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--line))!important;background:color-mix(in srgb,var(--accent) 6%,transparent)!important;color:var(--ink)!important;opacity:1!important;transition:all .18s var(--ease-out)!important}.card-actions-zone .reaction:hover,.card-actions-zone .reaction:focus-visible{border-color:var(--tint, var(--accent))!important;color:var(--tint, var(--accent))!important;background:color-mix(in srgb,var(--tint, var(--accent)) 14%,transparent)!important;transform:translateY(-1px)!important}.card-actions-zone .reaction.active{border-color:var(--tint, var(--accent))!important;background:color-mix(in srgb,var(--tint, var(--accent)) 22%,transparent)!important;color:var(--tint, var(--accent))!important}.card-actions-zone .reaction svg{width:17px!important;height:17px!important;stroke-width:2!important}.reader-toolbar{margin-top:12px!important;background:color-mix(in srgb,var(--surface-raised, var(--bg)) 75%,transparent)!important;border:1px solid color-mix(in srgb,var(--accent) 14%,var(--line))!important;box-shadow:0 -4px 16px color-mix(in srgb,var(--bg-deep, black) 30%,transparent)!important}}@media(max-width:380px){.card-actions-zone .reaction{width:36px!important;height:36px!important}.card-actions-zone .reaction svg{width:15px!important;height:15px!important}}.brand-word{line-height:1.25!important;padding-bottom:2px!important}.brand-text{overflow:visible!important}.brand-text strong{overflow:visible!important;text-overflow:clip!important;padding-bottom:1px!important}@media(max-width:920px){.brand-text,.brand-text strong{overflow:visible!important}.brand-word{line-height:1.3!important;padding-bottom:3px!important}}.swipe-hint{display:none!important}@media(max-width:920px){.snip-card{position:relative!important}.reader-main{position:relative!important;overflow:visible!important}.snip-card.swipe-lesson{animation:cardSwipeLesson 4.6s var(--ease-out) .6s 2 both;transform-origin:50% 60%;will-change:transform}@keyframes cardSwipeLesson{0%{transform:translate(0) rotate(0)}18%{transform:translate(-46px) rotate(-2.2deg)}28%{transform:translate(-58px) rotate(-2.6deg)}44%{transform:translate(0) rotate(0)}to{transform:translate(0) rotate(0)}}.swipe-ghost{position:absolute;top:0;bottom:0;right:-12px;width:34px;pointer-events:none;z-index:6;overflow:hidden;border-radius:12px;animation:ghostPeekFade 4.6s ease-in-out .6s 2 both}.swipe-ghost-card{position:absolute;top:0;right:0;bottom:0;left:-4px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,var(--surface-soft)) 0%,color-mix(in srgb,var(--accent) 6%,var(--surface-raised, var(--bg))) 60%,var(--surface-raised, var(--bg)) 100%);border-left:1px solid color-mix(in srgb,var(--accent) 36%,var(--line));box-shadow:-10px 0 24px color-mix(in srgb,var(--accent) 16%,transparent),inset 6px 0 14px color-mix(in srgb,var(--bg-deep, black) 28%,transparent);border-radius:12px 0 0 12px}@keyframes ghostPeekFade{0%{opacity:0;transform:translate(40px)}18%,28%{opacity:.95;transform:translate(-4px)}44%,to{opacity:0;transform:translate(20px)}}.swipe-finger{position:absolute;top:38%;right:14%;width:32px;height:32px;pointer-events:none;z-index:7;animation:fingerGlide 4.6s ease-in-out .6s 2 both;filter:drop-shadow(0 6px 18px color-mix(in srgb,var(--accent) 36%,transparent))}.swipe-finger-dot{width:32px;height:32px;border-radius:999px;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.96) 0%,color-mix(in srgb,var(--accent) 75%,white) 28%,var(--accent) 60%,color-mix(in srgb,var(--accent) 65%,black) 100%);border:1.5px solid color-mix(in srgb,var(--accent) 60%,white);box-shadow:0 2px 4px #0000002e,inset 0 -3px 6px color-mix(in srgb,var(--accent) 60%,black)}.swipe-finger-trail{position:absolute;top:50%;left:100%;transform:translateY(-50%);width:80px;height:4px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 70%,transparent) 0%,transparent 100%);opacity:.55}@keyframes fingerGlide{0%{opacity:0;transform:translate(40px) scale(.92)}12%{opacity:1;transform:translate(20px) scale(1)}28%{opacity:1;transform:translate(-140px) scale(.96)}36%{opacity:0;transform:translate(-150px) scale(.94)}to{opacity:0;transform:translate(40px) scale(.92)}}.swipe-caption{position:absolute;left:50%;bottom:78px;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;z-index:8;padding:6px 14px 6px 10px;border-radius:999px;background:color-mix(in srgb,var(--surface-raised, var(--bg)) 85%,transparent);border:1px solid color-mix(in srgb,var(--accent) 36%,var(--line));color:var(--ink);font-family:var(--font-sans);font-size:11.5px;font-weight:600;letter-spacing:.03em;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 18%,transparent),0 0 0 4px color-mix(in srgb,var(--accent) 8%,transparent);pointer-events:none;animation:captionFade 7s ease-out .6s 1 both}.swipe-caption-chevrons{display:inline-flex;color:var(--accent)}.swipe-caption-chevrons svg{animation:chevronNudge 1.4s ease-in-out infinite}.swipe-caption-chevrons svg:last-child{animation-delay:.18s;opacity:.55}@keyframes captionFade{0%{opacity:0;transform:translate(-50%,8px)}8%,88%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,4px);pointer-events:none}}@keyframes chevronNudge{0%,to{transform:translate(0);opacity:.55}50%{transform:translate(-4px);opacity:1}}.reader-main:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:14px;height:110px;pointer-events:none;z-index:4;border-radius:14px 0 0 14px;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--accent) 26%,transparent) 35%,color-mix(in srgb,var(--accent) 38%,transparent) 50%,color-mix(in srgb,var(--accent) 26%,transparent) 65%,transparent 100%);border-left:1px solid color-mix(in srgb,var(--accent) 38%,transparent);box-shadow:-2px 0 14px color-mix(in srgb,var(--accent) 24%,transparent);animation:edgeStripeBreathe 3.2s ease-in-out infinite}.reader-main:before{content:"";position:absolute;right:14px;top:50%;width:18px;height:18px;transform:translateY(-50%);pointer-events:none;z-index:5;background-image:linear-gradient(45deg,transparent 45%,var(--accent) 45%,var(--accent) 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,var(--accent) 45%,var(--accent) 55%,transparent 55%);background-size:14px 8px;background-repeat:no-repeat;background-position:top right,bottom right;opacity:.7;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 50%,transparent));animation:edgeChevronNudge 3.2s ease-in-out infinite}@keyframes edgeStripeBreathe{0%,to{opacity:.18;transform:translateY(-50%) scaleY(.92)}50%{opacity:.85;transform:translate(-3px,-50%) scaleY(1)}}@keyframes edgeChevronNudge{0%,to{opacity:.18;transform:translateY(-50%)}40%{opacity:1;transform:translate(-8px,-50%)}60%{opacity:.85;transform:translate(-6px,-50%)}}}@media(prefers-reduced-motion:reduce){.snip-card.swipe-lesson,.swipe-ghost,.swipe-finger,.swipe-caption,.swipe-caption-chevrons svg,.reader-main:after,.reader-main:before{animation:none!important}.reader-main:after,.reader-main:before{opacity:.5}}@media(max-width:920px){.card-copy{display:flex!important;flex-direction:column!important}.card-actions-zone{margin-top:auto!important;padding-top:12px!important;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;border-top:1px solid color-mix(in srgb,var(--accent) 18%,var(--line))!important;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--bg-deep, var(--bg)) 24%,transparent) 100%)!important}.reader-main{gap:16px!important}}@media(max-width:920px)and (max-height:720px){.reader-main{gap:18px!important}.snip-card{grid-template-rows:clamp(90px,16vh,130px) 1fr!important}.card-copy{padding:10px 12px 0!important}.card-copy h1{font-size:clamp(17px,4.8vw,22px)!important;margin:2px 0 4px!important}.essence{font-size:13px!important;line-height:1.3!important;margin-bottom:4px!important}.why-box{margin:4px 0!important;padding:6px 8px 6px 10px!important}.why-box p{font-size:12px!important;line-height:1.34!important}.tap-hint{font-size:11px!important;margin:3px auto 0!important}.card-actions-zone{padding-top:8px!important;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;margin-left:-12px!important;margin-right:-12px!important}.card-actions-zone .command-bar>.sources-btn,.card-actions-zone .command-bar>.share-btn{min-height:32px!important;padding:5px 10px!important;font-size:11px!important}.action-zone-subscribe{min-height:30px!important;padding:6px 12px!important;font-size:11.5px!important;margin-top:8px!important}.action-zone-subscribe svg{width:12px!important;height:12px!important}.card-actions-zone .reaction-row{margin:8px 0 0!important;gap:3px!important}.card-actions-zone .reaction{width:32px!important;height:32px!important}.card-actions-zone .reaction svg{width:14px!important;height:14px!important}.reader-toolbar{padding:6px 10px!important;margin-top:8px!important}.reader-toolbar .nav-buttons .icon-button{width:28px!important;height:28px!important}.reader-toolbar .nav-buttons .toolbar-play{width:34px!important;height:34px!important}.reader-toolbar .nav-buttons .toolbar-play svg{width:15px!important;height:15px!important}.toolbar-listen{min-height:28px!important;padding:4px 10px!important;font-size:10.5px!important}}@media(max-width:378px)and (max-height:700px){.card-actions-zone .reaction{width:30px!important;height:30px!important}.card-actions-zone .reaction svg{width:13px!important;height:13px!important}.card-actions-zone .reaction-row{gap:2px!important}}@media(max-width:920px){.card-copy.body-shown .body-copy{flex:0 1 auto!important;margin:10px 0 0!important;padding:16px 18px 18px!important;font-family:var(--font-serif)!important;font-style:italic!important;font-size:14px!important;line-height:1.58!important;color:var(--ink)!important;background:linear-gradient(155deg,color-mix(in srgb,var(--accent) 10%,var(--surface-soft)) 0%,color-mix(in srgb,var(--accent) 4%,var(--surface)) 60%,var(--surface-soft) 100%)!important;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--line))!important;border-left:3px solid var(--accent)!important;border-radius:12px!important;box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 10%,transparent),inset 0 1px color-mix(in srgb,white 8%,transparent)!important;position:relative!important;overflow:hidden!important;text-align:left!important;display:block!important;align-self:center!important;max-width:100%!important;width:100%!important;animation:bodyReveal .38s var(--ease-out)!important}.card-copy.body-shown .body-copy:before{content:"“";position:absolute;top:-8px;left:8px;font-family:var(--font-serif);font-style:italic;font-size:64px;line-height:1;color:color-mix(in srgb,var(--accent) 20%,transparent);pointer-events:none;-webkit-user-select:none;user-select:none}.card-copy.body-shown .body-copy:after{content:"";position:absolute;right:-30px;bottom:-30px;width:120px;height:120px;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 12%,transparent) 0%,transparent 70%);pointer-events:none}}@media(max-width:920px)and (max-height:720px){.card-copy.body-shown .body-copy{font-size:12.5px!important;line-height:1.5!important;padding:12px 14px 14px!important}.card-copy.body-shown .body-copy:before{font-size:48px;top:-4px;left:4px}}@media(max-width:920px){.why-box{margin:8px 0 10px!important;padding:12px 14px 12px 16px!important;border-left-width:3px!important;border-radius:12px!important}.why-box span{font-size:10.5px!important;padding:3px 9px!important;margin-bottom:6px!important;letter-spacing:.08em!important}.why-box p{font-size:14px!important;line-height:1.5!important;margin:0!important}}@media(max-width:920px)and (max-height:720px){.why-box{padding:8px 10px 8px 12px!important}.why-box p{font-size:13px!important;line-height:1.42!important}.why-box span{font-size:10px!important;padding:2px 8px!important;margin-bottom:4px!important}}@media(max-width:920px){.card-copy.body-shown .body-copy{flex:1 1 auto!important;min-height:0!important;align-self:stretch!important;width:auto!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:22px 22px 24px!important}.card-copy.body-shown .body-copy:before{content:"“";position:absolute;top:6px;left:12px;font-family:Georgia,"Source Serif 4",serif;font-style:normal;font-weight:700;font-size:72px;line-height:.8;color:var(--accent)!important;opacity:.55!important;text-shadow:0 2px 8px color-mix(in srgb,var(--accent) 32%,transparent),0 0 1px color-mix(in srgb,var(--accent) 70%,transparent)!important;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}.card-copy.body-shown .body-copy:after{content:"”";position:absolute;right:14px;bottom:-6px;width:auto!important;height:auto!important;border-radius:0!important;font-family:Georgia,"Source Serif 4",serif;font-style:normal;font-weight:700;font-size:72px;line-height:.8;color:var(--accent);opacity:.32;text-shadow:0 2px 8px color-mix(in srgb,var(--accent) 28%,transparent);background:none!important;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}}@media(max-width:920px)and (max-height:720px){.card-copy.body-shown .body-copy{padding:16px 18px 18px!important}.card-copy.body-shown .body-copy:before,.card-copy.body-shown .body-copy:after{font-size:54px}.card-copy.body-shown .body-copy:before{top:4px;left:8px}.card-copy.body-shown .body-copy:after{right:10px;bottom:-4px}@media(max-width:920px){.card-actions-zone{flex-shrink:0!important;flex-grow:0!important}.why-box{flex-shrink:1!important;min-height:0!important}.why-box p{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:4!important;line-clamp:4!important;overflow:hidden!important;text-overflow:ellipsis!important}.card-copy:not(.body-shown) .essence{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important;overflow:hidden!important;text-overflow:ellipsis!important}.card-copy:not(.body-shown) h1{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;line-clamp:3!important;overflow:hidden!important;text-overflow:ellipsis!important}.card-copy{overflow:hidden!important}}.why-box p{-webkit-line-clamp:3!important;line-clamp:3!important}.card-copy:not(.body-shown) .essence{-webkit-line-clamp:2!important;line-clamp:2!important}.card-copy:not(.body-shown) h1{-webkit-line-clamp:2!important;line-clamp:2!important}@media(max-width:920px){.card-actions-zone .reaction-row{flex-shrink:0!important}}}@media(max-width:920px){.card-copy.body-shown .body-copy{position:relative!important;isolation:isolate!important}.card-copy.body-shown .body-copy:before{z-index:-1!important;opacity:.22!important;font-size:60px!important;top:-4px!important;left:4px!important;line-height:1!important;text-shadow:none!important;filter:blur(.2px)}.card-copy.body-shown .body-copy:after{z-index:-1!important;opacity:.18!important;font-size:60px!important;right:6px!important;bottom:-8px!important;line-height:1!important;text-shadow:none!important;filter:blur(.2px)}}@media(max-width:920px)and (max-height:720px){.card-copy.body-shown .body-copy:before,.card-copy.body-shown .body-copy:after{font-size:46px!important}.card-copy.body-shown .body-copy:before{top:-2px!important;left:2px!important}.card-copy.body-shown .body-copy:after{right:4px!important;bottom:-4px!important}}@media(max-width:920px){.snip-card{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:clamp(120px,22vh,180px) minmax(0,1fr) auto!important;grid-template-areas:"hero" "copy" "acts"!important;height:100%!important;max-height:100%!important;overflow:hidden!important}.snip-card>.image-panel{grid-area:hero}.snip-card>.card-copy{grid-area:copy;min-height:0}.snip-card>.card-actions-zone{grid-area:acts}.card-copy{overflow:hidden!important;display:flex!important;flex-direction:column!important;min-height:0!important}.snip-card>.card-actions-zone{margin:0!important;padding:12px 14px calc(16px + env(safe-area-inset-bottom,0px))!important;border-top:1px solid color-mix(in srgb,var(--accent) 22%,var(--line))!important;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-deep, var(--bg)) 16%,transparent),color-mix(in srgb,var(--bg-deep, var(--bg)) 32%,transparent))!important;box-shadow:0 -8px 24px color-mix(in srgb,var(--bg-deep, black) 18%,transparent)!important}.snip-card>.card-actions-zone .reaction-row{margin:12px 0 6px!important}.snip-card:has(.card-copy.body-shown){grid-template-rows:clamp(80px,14vh,130px) minmax(0,1fr) auto!important}}@media(max-width:920px)and (max-height:720px){.snip-card{grid-template-rows:clamp(90px,16vh,130px) minmax(0,1fr) auto!important}.snip-card>.card-actions-zone{padding:8px 12px calc(12px + env(safe-area-inset-bottom,0px))!important}.snip-card>.card-actions-zone .reaction-row{margin:8px 0 4px!important}.snip-card:has(.card-copy.body-shown){grid-template-rows:clamp(60px,11vh,100px) minmax(0,1fr) auto!important}}@media(max-width:920px){.snip-card{grid-template-rows:clamp(120px,22vh,180px) minmax(0,1fr) auto auto!important;grid-template-areas:"hero" "copy" "hint" "acts"!important}.snip-card>.tap-hint{grid-area:hint}.snip-card>.tap-hint{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;align-self:center!important;justify-self:center!important;margin:4px 0 6px!important;padding:4px 14px!important;border:1px solid transparent!important;border-radius:999px!important;background:transparent!important;color:var(--accent)!important;font-family:var(--font-serif)!important;font-style:italic!important;font-size:12.5px!important;font-weight:500!important;letter-spacing:.01em!important;cursor:pointer!important;width:max-content!important;max-width:80%!important;opacity:.88!important;transition:all .2s var(--ease-out)!important}.snip-card>.tap-hint:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)!important;border-color:color-mix(in srgb,var(--accent) 30%,transparent)!important;opacity:1!important}.snip-card>.tap-hint .tap-hint-arrow{display:inline-block;font-style:normal;font-weight:700;transform:translate(0);transition:transform .22s var(--ease-out);animation:tapNudge 1.8s ease-in-out infinite}.card-copy.body-shown~.tap-hint .tap-hint-arrow{transform:rotate(180deg)}.snip-card>.card-actions-zone{padding:8px 12px calc(10px + env(safe-area-inset-bottom,0px))!important;background:transparent!important;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)!important;box-shadow:none!important}.card-actions-zone .command-bar{gap:8px!important}.card-actions-zone .command-bar>.sources-btn,.card-actions-zone .command-bar>.share-btn{min-height:32px!important;padding:5px 12px!important;font-size:11.5px!important}.card-actions-zone .command-bar svg{width:13px!important;height:13px!important}.card-actions-zone .command-bar>.share-btn{box-shadow:0 4px 10px color-mix(in srgb,var(--accent) 22%,transparent),inset 0 1px #ffffff24!important}.action-zone-subscribe{margin-top:8px!important;min-height:32px!important;padding:5px 12px!important;font-size:11.5px!important;background:transparent!important;border-color:color-mix(in srgb,var(--accent) 38%,var(--line))!important}.action-zone-subscribe svg{width:12px!important;height:12px!important}.action-zone-subscribe:hover{background:linear-gradient(135deg,var(--gold-2, var(--accent)) 0%,var(--accent) 100%)!important}.snip-card>.card-actions-zone .reaction-row{margin:8px 0 0!important;gap:4px!important}.snip-card>.card-actions-zone .reaction{width:34px!important;height:34px!important}.snip-card>.card-actions-zone .reaction svg{width:15px!important;height:15px!important}}@media(max-width:920px)and (max-height:720px){.snip-card>.card-actions-zone{padding:6px 12px calc(8px + env(safe-area-inset-bottom,0px))!important}.card-actions-zone .command-bar>.sources-btn,.card-actions-zone .command-bar>.share-btn{min-height:30px!important;padding:4px 10px!important;font-size:11px!important}.action-zone-subscribe{min-height:30px!important;margin-top:6px!important;padding:4px 10px!important;font-size:11px!important}.snip-card>.card-actions-zone .reaction-row{margin:6px 0 0!important;gap:3px!important}.snip-card>.card-actions-zone .reaction{width:30px!important;height:30px!important}.snip-card>.card-actions-zone .reaction svg{width:13px!important;height:13px!important}.snip-card>.tap-hint{margin:2px 0 4px!important;padding:3px 12px!important;font-size:11.5px!important}}@media(max-width:920px){.snip-card>.tap-hint{pointer-events:auto!important}.snip-card>.tap-hint:before{content:none!important;display:none!important}.snip-card>.tap-hint .tap-hint-arrow{display:inline-block!important;font-style:normal!important;font-weight:700!important;transform:rotate(0);transition:transform .26s var(--ease-out)!important;animation:tapNudge 1.8s ease-in-out infinite!important}.snip-card>.card-copy.body-shown~.tap-hint .tap-hint-arrow{transform:rotate(180deg)!important;animation:none!important}}@media(max-width:920px){.card-copy:not(.body-shown) .body-copy{display:none!important}.card-copy.body-shown .body-copy{display:flex!important}:root[data-theme=dark]{--gold: #c9ad62;--gold-2: #d9bd72;--gold-soft: #b89a55;--accent: var(--gold)}.command-bar>.share-btn{background:linear-gradient(135deg,var(--gold-2) 0%,var(--gold) 100%)!important;box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 18%,transparent),inset 0 1px #ffffff1a!important}.command-bar>.share-btn:hover{box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 26%,transparent),inset 0 1px #ffffff24!important}.why-box{border-left-color:var(--gold-soft)!important}.why-box span{background:color-mix(in srgb,var(--gold-soft) 22%,transparent)!important;color:var(--gold)!important}.action-zone-subscribe{border-color:color-mix(in srgb,var(--accent) 28%,var(--line))!important;color:var(--gold-soft)!important}.action-zone-subscribe:hover{color:var(--invert-ink)!important}.snip-card>.tap-hint{color:var(--gold-soft)!important;opacity:.78!important}.snip-card>.tap-hint:hover{opacity:1!important}.reader-toolbar .nav-buttons .toolbar-play{background:color-mix(in srgb,var(--accent) 8%,transparent)!important;border-color:color-mix(in srgb,var(--accent) 36%,var(--line))!important}.reader-toolbar .nav-buttons .toolbar-play.playing{box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 22%,transparent)!important}.reader-main:after{width:8px!important;height:64px!important;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--accent) 10%,transparent) 35%,color-mix(in srgb,var(--accent) 16%,transparent) 50%,color-mix(in srgb,var(--accent) 10%,transparent) 65%,transparent 100%)!important;border-left:1px solid color-mix(in srgb,var(--accent) 18%,transparent)!important;box-shadow:none!important;animation:edgeStripeBreatheSoft 5s ease-in-out infinite!important}.reader-main:before{width:12px!important;height:12px!important;background-size:10px 6px!important;opacity:.35!important;filter:none!important;animation:edgeChevronNudgeSoft 5s ease-in-out infinite!important}@keyframes edgeStripeBreatheSoft{0%,to{opacity:.1;transform:translateY(-50%) scaleY(.94)}50%{opacity:.45;transform:translate(-2px,-50%) scaleY(1)}}@keyframes edgeChevronNudgeSoft{0%,to{opacity:.12;transform:translateY(-50%)}50%{opacity:.55;transform:translate(-4px,-50%)}}}@media(max-width:920px){.command-bar>.share-btn{background:linear-gradient(150deg,var(--gold-soft) 0%,var(--gold) 100%)!important;border:1px solid color-mix(in srgb,var(--gold) 70%,var(--gold-soft))!important;color:var(--invert-ink)!important;box-shadow:0 1px 2px color-mix(in srgb,var(--bg-deep, black) 30%,transparent),inset 0 1px color-mix(in srgb,white 8%,transparent)!important;text-shadow:none!important}.command-bar>.share-btn:hover{background:linear-gradient(150deg,var(--gold) 0%,var(--gold-soft) 100%)!important;box-shadow:0 3px 8px color-mix(in srgb,var(--accent) 16%,transparent),inset 0 1px color-mix(in srgb,white 10%,transparent)!important}.command-bar>.share-btn:active{transform:translateY(0) scale(.99)!important;box-shadow:inset 0 1px 2px color-mix(in srgb,var(--bg-deep, black) 26%,transparent)!important}}:root[data-theme=light]{--gold-soft: #a87f3a}@media(max-width:920px){:root[data-theme=light] .command-bar>.share-btn,[data-theme=light] .command-bar>.share-btn{background:linear-gradient(150deg,var(--gold-2) 0%,var(--gold) 100%)!important;border:1px solid color-mix(in srgb,var(--gold) 70%,var(--gold-soft))!important;color:#fffaef!important;box-shadow:0 2px 6px color-mix(in srgb,var(--gold) 22%,transparent),inset 0 1px #ffffff2e!important;text-shadow:0 1px 1px rgba(0,0,0,.08)!important}:root[data-theme=light] .command-bar>.share-btn:hover,[data-theme=light] .command-bar>.share-btn:hover{background:linear-gradient(150deg,var(--gold) 0%,var(--gold-soft) 100%)!important;box-shadow:0 4px 12px color-mix(in srgb,var(--gold) 28%,transparent),inset 0 1px #ffffff38!important}:root[data-theme=light] .action-zone-subscribe,[data-theme=light] .action-zone-subscribe{color:var(--gold)!important;border-color:color-mix(in srgb,var(--gold) 45%,var(--line))!important}:root[data-theme=light] .action-zone-subscribe:hover,[data-theme=light] .action-zone-subscribe:hover{color:#fffaef!important}:root[data-theme=light] .snip-card>.tap-hint,[data-theme=light] .snip-card>.tap-hint{color:var(--gold)!important;opacity:.9!important}:root[data-theme=light] .why-box span,[data-theme=light] .why-box span{background:color-mix(in srgb,var(--gold) 14%,transparent)!important;color:var(--gold)!important}:root[data-theme=light] .why-box,[data-theme=light] .why-box{border-left-color:var(--gold)!important}:root[data-theme=light] .reader-main:after,[data-theme=light] .reader-main:after{background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--gold) 14%,transparent) 35%,color-mix(in srgb,var(--gold) 22%,transparent) 50%,color-mix(in srgb,var(--gold) 14%,transparent) 65%,transparent 100%)!important;border-left-color:color-mix(in srgb,var(--gold) 28%,transparent)!important}}:root[data-theme=dark]{--bg: #16110b;--bg-deep: #0c0805;--bg-grid: rgba(201, 173, 98, .018);--surface: rgba(34, 26, 16, .78);--surface-2: rgba(42, 32, 20, .82);--surface-soft: #1f180f;--surface-raised: #28201a;--ink: #f4ebd6;--ink-2: #e6dcc4;--muted: #b4a78b;--dim: #7d735e;--line: rgba(244, 235, 214, .08);--line-strong: rgba(201, 173, 98, .42);--ring-bg: rgba(244, 235, 214, .1);--bg-soft: rgba(28, 22, 14, .66);--invert-ink: #14100a;--kbd-bg: #1f180f;--gold: #c9ad62;--gold-2: #d9bd72;--gold-soft: #b89a55;--green: #82b08a;--blue: #8aa0c4;--accent: var(--gold);--shadow-sm: 0 4px 14px rgba(8, 6, 3, .46);--shadow-md: 0 12px 32px rgba(8, 6, 3, .58);--shadow-lg: 0 24px 64px rgba(8, 6, 3, .7);--gradient-page: radial-gradient(ellipse at 25% 0%, rgba(58, 40, 18, .42) 0%, transparent 55%), radial-gradient(ellipse at 100% 100%, rgba(40, 28, 14, .5) 0%, transparent 60%), linear-gradient(170deg, #16110b 0%, #0c0805 100%);--gradient-surface: linear-gradient( 180deg, rgba(42, 33, 22, .74), rgba(28, 21, 14, .84) );--gradient-mark: linear-gradient(145deg, #2c2113 0%, #1a120a 60%, #0b0805 100%);--gradient-zone: linear-gradient( 180deg, transparent 0%, rgba(28, 21, 14, .78) 30%, rgba(28, 21, 14, .92) 100% );--shimmer: linear-gradient(90deg, transparent, rgba(201, 173, 98, .18), transparent)}[data-theme=dark] body{background-image:radial-gradient(rgba(244,235,214,.012) 1px,transparent 1px),radial-gradient(rgba(201,173,98,.01) 1px,transparent 1px);background-size:3px 3px,5px 5px;background-position:0 0,1px 1px}[data-theme=dark] .snip-card{box-shadow:var(--shadow-md),inset 0 1px #f4ebd60f}[data-theme=dark] .meta-pills .pill{border-color:#f4ebd61f;background:#f4ebd60a;color:var(--ink-2)}[data-theme=dark] .why-box{background:linear-gradient(155deg,#c9ad6212,#c9ad6205,#1f180f66);border:1px solid rgba(201,173,98,.2);border-left:3px solid var(--gold-soft)}[data-theme=dark] .card-copy.body-shown .body-copy{background:linear-gradient(155deg,#c9ad621a,#c9ad620a,#1c150e9e);border:1px solid rgba(201,173,98,.22);border-left:3px solid var(--gold);box-shadow:0 8px 24px #0806035c,inset 0 1px #f4ebd60f}[data-theme=dark] .brand-mark{box-shadow:inset 0 1px #f4ebd60d}@media(min-width:921px){.snip-card{display:grid!important;grid-template-columns:minmax(280px,1.05fr) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) auto!important;grid-template-areas:"hero copy" "acts acts"!important;overflow:hidden!important}.snip-card>.image-panel{grid-area:hero}.snip-card>.card-copy{grid-area:copy;min-width:0}.snip-card>.tap-hint{display:none!important}.snip-card>.card-actions-zone{grid-area:acts}.snip-card>.card-actions-zone{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;padding:16px 32px 18px!important;border-top:1px solid color-mix(in srgb,var(--line) 80%,transparent)!important;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--bg-deep, var(--bg)) 12%,transparent) 100%)!important;margin:0!important;box-shadow:none!important}.snip-card>.card-actions-zone .command-bar{display:inline-flex!important;gap:14px!important;margin:0!important;padding:0!important;border:0!important;width:auto!important;align-self:center!important;grid-template-columns:none!important}.snip-card>.card-actions-zone .command-bar>.sources-btn,.snip-card>.card-actions-zone .command-bar>.share-btn{min-width:130px!important;min-height:36px!important;padding:6px 18px!important;border-radius:999px!important;font-size:12.5px!important;font-weight:600!important;letter-spacing:.04em!important;width:auto!important;margin:0!important;justify-self:auto!important;grid-column:auto!important}.snip-card>.card-actions-zone .command-bar>.sources-btn{background:transparent!important;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line))!important;color:var(--ink)!important}.snip-card>.card-actions-zone .command-bar>.sources-btn:hover{border-color:var(--accent)!important;color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 7%,transparent)!important}.snip-card>.card-actions-zone .command-bar>.share-btn{background:linear-gradient(150deg,var(--gold-soft) 0%,var(--gold) 100%)!important;border:1px solid color-mix(in srgb,var(--gold) 70%,var(--gold-soft))!important;color:var(--invert-ink)!important;box-shadow:0 1px 2px color-mix(in srgb,var(--bg-deep, black) 30%,transparent),inset 0 1px color-mix(in srgb,white 8%,transparent)!important}.snip-card>.card-actions-zone .reaction-row{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin:0!important;padding:0!important;align-self:center!important}.snip-card>.card-actions-zone .reaction{width:36px!important;height:36px!important;flex:0 0 auto!important}.snip-card>.card-actions-zone .reaction svg{width:15px!important;height:15px!important}.snip-card>.card-actions-zone .action-zone-subscribe{display:none!important}}@media(max-width:920px){.why-box p{display:block!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;overflow:visible!important;text-overflow:clip!important}.card-copy:not(.body-shown) .essence{display:block!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;overflow:visible!important;text-overflow:clip!important}.card-copy:not(.body-shown) h1{-webkit-line-clamp:4!important;line-clamp:4!important}.card-copy{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;mask-image:linear-gradient(180deg,black 0%,black calc(100% - 18px),transparent 100%);-webkit-mask-image:linear-gradient(180deg,black 0%,black calc(100% - 18px),transparent 100%)}.card-copy::-webkit-scrollbar{display:none!important}.card-copy.body-shown .body-copy{display:block!important;justify-content:flex-start!important;align-items:flex-start!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;text-align:left!important}.card-copy.body-shown .body-copy::-webkit-scrollbar{display:none!important}}@media(max-width:920px)and (max-height:720px){.why-box p{font-size:12.5px!important;line-height:1.4!important}.card-copy:not(.body-shown) .essence{font-size:12.5px!important;line-height:1.32!important}.card-copy.body-shown .body-copy{font-size:12.5px!important;line-height:1.46!important}}@media(max-width:920px){.snip-card{grid-template-rows:minmax(80px,1fr) auto auto auto!important}.image-panel{max-height:clamp(140px,22vh,200px)!important;min-height:80px!important;overflow:hidden!important}.card-copy{overflow:visible!important;overflow-x:clip!important;mask-image:none!important;-webkit-mask-image:none!important;height:auto!important}.card-copy::-webkit-scrollbar{display:none!important}.card-copy.body-shown .body-copy{overflow:visible!important;overflow-y:visible!important;max-height:none!important}.snip-card:has(.card-copy.body-shown){grid-template-rows:minmax(70px,1fr) auto auto auto!important}.snip-card:has(.card-copy.body-shown) .image-panel{max-height:clamp(80px,14vh,130px)!important}}@media(max-width:920px)and (max-height:720px){.snip-card{grid-template-rows:minmax(70px,1fr) auto auto auto!important}.image-panel{max-height:clamp(110px,18vh,160px)!important;min-height:70px!important}.snip-card:has(.card-copy.body-shown){grid-template-rows:minmax(60px,1fr) auto auto auto!important}.snip-card:has(.card-copy.body-shown) .image-panel{max-height:clamp(60px,11vh,100px)!important}}