/* OKTH: compact daily utility; original identity, shared SOOPVAULT interaction principles. */
:root{--paper:#09090b;--surface:#151518;--ink:#f5f5f7;--muted:#97979f;--line:#2a2a30;--green:#e4e4eb;--accent:#eeeef5;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;letter-spacing:-.025em;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid white;outline-offset:4px}button:disabled{opacity:.45;cursor:wait}.shell{max-width:660px;padding:0 24px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:20px 0;position:sticky;top:0;z-index:4;background:#09090bf2;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px}.brand strong{font-size:29px;letter-spacing:-1.8px;font-weight:900}.brand strong span{font-size:7px;margin-left:5px;vertical-align:top;line-height:24px}.brand small{font-size:12px;color:var(--muted)}.quiet{border:1px solid var(--line);background:var(--surface);border-radius:14px;width:44px;height:44px;font-size:25px}.intro{padding:16px 0 23px}.eyebrow{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}h1{font-size:30px;letter-spacing:-1.3px;line-height:1.42;margin:16px 0 24px}h1 span{color:#a2a2ac}.daily-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.daily-stats>div{display:flex;align-items:baseline;gap:7px}.daily-stats b{font-size:25px;letter-spacing:-.8px}.daily-stats span{font-size:11px;color:var(--muted)}.progress-track{height:3px;background:#242429;margin-top:17px;border-radius:4px;overflow:hidden}.progress-track i{display:block;height:100%;background:#e4e4ed;transition:width .3s}.edition-bar{padding:0 0 17px}.edition-bar b{font-size:13px}.edition-bar span{display:block;margin-top:6px;font-size:11px;color:var(--muted);line-height:1.6}.search-box{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:0 13px;min-height:48px}.search-box>span{font-size:26px;color:var(--muted)}.search-box input{width:100%;min-width:0;background:none;border:0;outline:none;font-size:16px;height:46px}.search-box kbd{font:inherit;font-size:10px;color:var(--muted);white-space:nowrap}.filters{display:flex;gap:7px;overflow-x:auto;padding:17px 0;scrollbar-width:none}.filters button{white-space:nowrap;border:1px solid var(--line);padding:10px 15px;min-height:44px;border-radius:13px;background:transparent;font-size:12px}.filters button[aria-pressed=true]{background:#eeeef3;color:#141417;border-color:#eeeef3}.list-heading{display:flex;justify-content:space-between;align-items:center;margin:5px 0 15px}.list-heading>b{font-size:15px}.list-heading select{max-width:145px;background:none;border:0;font-size:11px;color:var(--muted);min-height:48px}.story{position:relative;padding:21px;background:var(--surface);border:1px solid #27272d;border-radius:20px;margin-bottom:12px}.number{font-size:11px;color:var(--muted);margin-right:9px;font-variant-numeric:tabular-nums}.category{font-size:11px;font-weight:650;color:#c1c1cc}.read-label{font-size:10px;color:var(--muted);float:right}.story h2{font-size:21px;letter-spacing:-.7px;line-height:1.45;margin:12px 0}.headline{background:none;border:0;text-align:left;padding:0;font:inherit;font-weight:700}.compact-story{cursor:pointer}.story p{font-size:13px;line-height:1.8;color:#aaaab4;margin:0 0 18px;word-break:keep-all}.story-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:13px}.source-note{font-size:11px;color:var(--muted);line-height:1.6}.actions{display:flex;gap:9px;align-items:center}.bookmark{border:1px solid #383840;background:transparent;border-radius:12px;width:44px;height:44px;font-size:22px}.bookmark[aria-pressed=true]{background:#eeeef5;color:#101013;border-color:#eeeef5}.read-more{border:0;background:none;font-size:12px;font-weight:650;min-height:44px;white-space:nowrap}.house-ad{border:1px solid #3b3b43;border-radius:20px;background:linear-gradient(120deg,#222228,#17171b);margin:22px 0;padding:22px}.ad-label{font-size:10px;letter-spacing:.2px;color:var(--muted)}.ad-content{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:15px}.ad-content h3{font-size:20px;letter-spacing:-.6px;margin:0 0 8px}.ad-content p{font-size:12px;line-height:1.7;margin:0;color:var(--muted)}.ad-cta{margin-top:18px;display:inline-flex;align-items:center;gap:16px;background:#eeeef5;color:#101013;padding:13px 15px;border-radius:12px;font-size:12px;font-weight:650;min-height:44px}.ad-visual{font-size:32px;display:grid;place-items:center;width:55px;height:55px;border:1px solid #41414a;border-radius:17px;flex-shrink:0}.endnote{text-align:center;padding:30px 0}.endnote>span{font-size:26px;color:#b1b1bf}.endnote h2{font-size:18px;line-height:1.5}.endnote p{font-size:12px;color:var(--muted)}footer{padding:25px 0 120px;border-top:1px solid var(--line)}footer>b{font-size:13px}footer p{font-size:11px;line-height:1.8;color:var(--muted)}footer small{display:block;font-size:9px;color:var(--muted);margin-top:15px}.text-button{border:0;padding:10px 0;background:transparent;text-decoration:underline;font-size:11px;color:var(--muted);min-height:44px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(660px,100%);display:flex;background:#111114f5;backdrop-filter:blur(18px);border:1px solid var(--line);border-bottom:0;border-radius:22px 22px 0 0;padding:9px 20px calc(9px + env(safe-area-inset-bottom));z-index:5}.bottom-nav button{width:50%;background:none;border:0;font-size:11px;color:var(--muted);min-height:49px}.bottom-nav button>span{display:block;font-size:22px;margin-bottom:3px}.bottom-nav button[aria-pressed=true]{color:#fff;font-weight:750}.bottom-nav i{font-style:normal;font-size:10px;padding:2px 5px;border-radius:5px;background:#303038}.nav-signature{position:relative}.bottom-nav button{width:100%;min-width:0}.filter-pill{display:flex;align-items:center;gap:10px;margin:2px 0 12px;padding:0 2px}.filter-pill b{font-size:15px;letter-spacing:-.4px}.filter-pill button{margin-left:auto;min-height:48px;padding:0 14px;border:1px solid #35323f;border-radius:12px;background:#1a1824;color:#cfc6db;font-size:12px}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 8px}.topic-grid button{min-height:76px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:14px 16px;border:1px solid #2e2b38;border-radius:16px;background:#16141f;text-align:left}.topic-grid button b{font-size:15px;letter-spacing:-.4px}.topic-grid button span{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.topic-grid button:disabled{opacity:.4}.bottom-nav .nav-signature .nav-icon{display:grid;place-items:center;width:52px;height:52px;margin:-16px auto 2px;border-radius:18px;background:linear-gradient(150deg,#efe6ff,#c9b3f0);color:#1b1430;box-shadow:0 6px 16px #0007,inset 0 1px 0 #ffffff66}.bottom-nav .nav-signature .nav-icon svg{width:26px;height:26px}.bottom-nav .nav-signature[aria-pressed=true] .nav-label{color:#fff}.movement{margin:2px 0 14px;border:1px solid #2e2b38;border-radius:14px;background:#141220;padding:12px 14px}.movement-row+.movement-row{margin-top:10px;border-top:1px solid #2a2734;padding-top:10px}.movement-row>small{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}.movement-row p{display:flex;align-items:baseline;gap:8px;margin:4px 0;font-size:13px}.movement-row p>span{color:var(--muted);font-size:11px;min-width:44px}.movement-row b{font-variant-numeric:tabular-nums;letter-spacing:-.3px}.movement-row em{font-style:normal;font-weight:750;font-size:12px;margin-left:auto;font-variant-numeric:tabular-nums}.movement-row em.up{color:#7ee0a8}.movement-row em.down{color:#f0899c}.empty,.loading{padding:40px 18px;text-align:center;color:var(--muted);font-size:14px;line-height:1.8}dialog{border:1px solid var(--line);border-radius:24px;padding:28px;max-width:610px;width:calc(100% - 24px);max-height:90dvh;background:#141417;color:var(--ink)}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.close{position:sticky;top:0;float:right;border:1px solid var(--line);border-radius:12px;background:#24242a;width:44px;height:44px;font-size:25px;z-index:1}dialog h2{font-size:27px;line-height:1.4;letter-spacing:-1px;padding-right:34px}dialog h3{font-size:14px;margin-top:26px}dialog p,dialog li{font-size:14px;line-height:1.85;color:#b0b0bc}dialog ul{padding-left:20px}.source-link{display:block;border-top:1px solid var(--line);padding:18px 0;font-size:14px}.source-link small{display:block;font-size:11px;color:var(--muted);margin-top:7px;line-height:1.6}.source-link>b{display:block;font-size:12px;margin-top:8px}.detail-promo{display:block;margin:22px 0 4px;padding-top:16px;border-top:1px solid var(--line)}.detail-promo>.promo-label{display:block;padding:0 0 9px;font-size:10px;letter-spacing:.4px;color:#858b88}.detail-promo a{display:flex;align-items:center;gap:13px;min-height:72px;padding:12px 14px;border:1px solid #2f3b35;border-radius:16px;background:linear-gradient(135deg,#141a17,#1d2420)}.detail-promo img{width:52px;height:52px;border-radius:14px;flex-shrink:0;object-fit:cover}.detail-promo-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.detail-promo-copy b{font-size:15px;letter-spacing:-.4px}.detail-promo-copy small{font-size:12px;color:#a9b5ad;line-height:1.5}.detail-promo-go{margin-left:auto;flex-shrink:0;font-size:12px;font-weight:700;color:#b3daca;white-space:nowrap}.detail-actions{display:flex;gap:10px;margin-top:20px}.detail-actions button{background:#eeeef5;color:#141417;border:0;padding:13px 17px;border-radius:12px;min-height:48px;font-size:13px}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);border-radius:14px;background:#eeeef5;color:#16161b;font-size:12px;padding:14px 20px;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90%;white-space:nowrap}#toast.visible{opacity:1}.skip{position:fixed;top:-100px;background:white;color:black;padding:12px;z-index:20}.skip:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(min-width:800px){body{background:#050506}.shell{border-left:1px solid #222228;border-right:1px solid #222228;padding:0 30px;background:var(--paper);min-height:100vh}.intro{padding-top:20px}}@media(max-width:380px){.shell{padding:0 16px}h1{font-size:26px}.story{padding:17px}.story h2{font-size:19px}.daily-stats>div{gap:5px}.daily-stats span{font-size:10px}.brand small{font-size:11px}}

.reaction-counts{display:flex;gap:38px;margin:22px 0 19px}.reaction-counts>div{display:flex;flex-direction:column;gap:4px}.reaction-counts span{font-size:12px;color:#bdbdc7}.reaction-counts strong{font-size:36px;line-height:1.1;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.story.is-read{background:#0e0e11;border-color:#202025}.story.is-read>h2,.story.is-read>p,.story.is-read>.reaction-counts,.story.is-read>.category{opacity:.43}.story.is-read .read-label{color:#c4c4cf;border:1px solid #383840;border-radius:5px;padding:3px 6px}.story.is-read .story-meta{opacity:.72}.sort-shortcuts{display:flex;gap:8px;margin:-2px 0 17px}.sort-shortcuts button{flex:1;min-height:44px;border:1px solid #35353e;border-radius:12px;background:#15151a;font-size:13px;font-weight:650}.sort-shortcuts button[aria-pressed=true]{background:#eeeef5;color:#121215;border-color:#eeeef5}.sort-note{font-size:11px;line-height:1.6;color:var(--muted);margin:-4px 0 14px;word-break:keep-all}.sort-shortcuts button:disabled{opacity:.4;cursor:not-allowed}.refresh-settings{padding:14px 16px;border:1px solid var(--line);border-radius:14px;margin-bottom:18px;background:#111114}.refresh-settings summary{cursor:pointer;font-size:13px;min-height:48px;display:flex;align-items:center}.refresh-settings summary span{float:right;color:#b5b5c2;font-size:12px}.refresh-settings p{font-size:12px;line-height:1.7;color:#b1b1bb}.refresh-settings label{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin:14px 0}.refresh-settings select{padding:10px 14px;min-height:44px;border:1px solid #414149;border-radius:10px;background:#1b1b20}.refresh-settings small{display:block;font-size:11px;line-height:1.8;color:var(--muted)}@media(max-width:380px){.reaction-counts strong{font-size:32px}.reaction-counts{gap:30px}}

/* Prominent list position requested by the user. */
.story>.number{display:inline-block;font-size:52px;font-weight:850;line-height:1;letter-spacing:-2px;color:var(--ink);vertical-align:middle;margin:0 14px 10px 0;min-width:34px}.story>.category{display:inline-block;vertical-align:middle;margin-bottom:10px}.story>.read-label{margin-top:14px}

/* Rank hierarchy and recognizable reactions. */
.story>.number{position:relative;padding-top:24px;min-width:56px;text-align:center;margin-right:16px;font-size:54px}.rank-emblem{position:absolute;top:0;left:50%;transform:translateX(-50%);font-size:23px;line-height:1;letter-spacing:0}.story>.rank-1{color:#ffda32;text-shadow:0 2px 0 #725000,0 0 16px #ffda321c}.story>.rank-2{color:#dbe7f5;text-shadow:0 2px 0 #536477}.story>.rank-3{color:#d47d55;text-shadow:0 2px 0 #65351f}.story>.rank-4{color:#8e8e9c;padding-top:0;font-size:44px}.rank-4 .rank-emblem{display:none}.reaction-counts>div>span{display:flex;align-items:center;gap:7px}.reaction-icon{width:20px;height:20px;flex-shrink:0;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none}.reaction-icon.heart{color:#fb718b;fill:#fb718b24}.reaction-icon.comment{color:#89baff;fill:#89baff16}.story>p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story.is-read>.number{opacity:1}.sort-shortcuts button[data-sort=likes]{color:#ff9bb0}.sort-shortcuts button[data-sort=replies]{color:#a8caff}.sort-shortcuts button[aria-pressed=true]{color:#141417}.story:has(>.rank-1){border-top-color:#ffda3266}.story:has(>.rank-2){border-top-color:#dbe7f555}.story:has(>.rank-3){border-top-color:#d47d5566}

.collection-status{margin:16px 0 24px;padding:18px;border:1px solid #32333c;border-radius:18px;background:#13141a}.collection-status>div:first-child{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.collection-status b{font-size:14px}.collection-status span,.collection-status p{font-size:12px;color:#a6a8b4;line-height:1.7}.status-dot{display:inline-block;width:7px;height:7px;background:#e9b95f;border-radius:50%;margin-right:7px}.channel-coverage{display:flex;flex-wrap:wrap;gap:7px}.channel-coverage button{padding:9px 11px;border-radius:10px;border:1px solid #343641;background:#1c1e27;color:#d8dae3;font-size:12px;min-height:48px}.channel-coverage b{font-size:11px;margin-left:3px;color:#aeb8ef}

.ranking-rules{border:1px solid #30323b;border-radius:14px;padding:14px 16px;margin:14px 0;font-size:13px;color:#aeb0bd}.ranking-rules summary{color:#eee;cursor:pointer;min-height:48px;display:flex;align-items:center}.ranking-rules p{line-height:1.75}.view-count{display:flex;align-items:center;gap:8px;margin:-10px 0 22px;color:#a4aabb;font-size:13px}.view-count b{font-size:19px;color:#eceef5}.view-count>span:last-child{margin-left:auto}.sort-shortcuts{flex-wrap:wrap}.sort-shortcuts button{flex:1 1 42%}

.spread-counts{display:flex;flex-wrap:wrap;gap:10px 20px;margin:0 0 22px;color:#a8aebb;font-size:12px}.spread-counts b{font-size:16px;color:#d4d9e5;margin-left:3px}

/* Four purposeful destinations, one shared reading journey. */
main{padding-bottom:110px;min-height:calc(100dvh - 110px)}
body[data-view=settings] main{padding-bottom:20px;min-height:0}
.bottom-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.2fr) repeat(2,minmax(0,1fr));padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;background:#111114f5;box-shadow:0 -12px 32px #0003}
.bottom-nav button{width:100%;min-width:0;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:relative;padding:0;border-radius:12px}.bottom-nav .nav-label{font-size:10px;white-space:nowrap;letter-spacing:-.3px}
.bottom-nav button>.nav-icon{display:grid;place-items:center;width:46px;height:30px;margin:0;border-radius:10px;position:relative;transition:background .15s,color .15s}
.nav-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bottom-nav button>.nav-label{font-size:11px;line-height:16px;margin:0;font-weight:600;letter-spacing:-.2px}
.bottom-nav button[aria-pressed=true] .nav-icon{background:#eeeef5;color:#16161c}
.bottom-nav button[aria-pressed=true] .nav-label{color:#fff;font-weight:750}
.bottom-nav i{position:absolute;right:-5px;top:-3px;min-width:16px;height:16px;display:grid;place-items:center;padding:0 4px;background:#dfc18b;color:#17141b;border:2px solid #111114;border-radius:10px;font-size:9px;font-weight:750;line-height:12px}
.view-heading{padding:22px 0 25px}.view-heading h1{margin:9px 0 10px;font-size:28px}.view-heading p{font-size:13px;line-height:1.7;color:#aaaab5;margin:0}.view-heading .eyebrow{font-size:10px;letter-spacing:1.8px;color:#b8a47f}
.reading-card{padding:23px;border-radius:18px;background:linear-gradient(135deg,#23232b,#151519);border:1px solid #363640;margin-bottom:18px}.reading-card>span{font-size:12px;color:#b8b8c4}.reading-card strong{display:block;font-size:38px;letter-spacing:-1.5px;margin:10px 0}.reading-card p,.device-note{font-size:12px;line-height:1.8;color:#a7a7b3}.reading-card p{margin:0}.device-note{padding:2px 4px}.refresh-settings{padding:19px}.refresh-settings summary{font-weight:650}.search-box{margin-bottom:14px}body[data-view=saved] .list-heading{margin-top:22px}body[data-view=today] .list-heading{margin-top:18px}.view-heading:focus{outline:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.bookmark svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;vertical-align:middle}.bookmark[aria-pressed=true] svg{fill:currentColor}

.daily-interest{border:1px solid #554832;background:linear-gradient(120deg,#242019,#141418);border-radius:16px;padding:17px;margin:18px 0}.daily-interest>div:first-child{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.daily-interest b{font-size:14px;color:#ecd4a5}.daily-interest span{font-size:11px;color:#b6a486}.daily-interest p,.daily-policy p{font-size:12px;color:#b9b5ad;line-height:1.8}.interest-actions{display:flex;gap:12px;justify-content:space-between}.interest-actions button{min-height:44px;border:0;background:transparent;font-size:12px;padding:0;color:#f0d7a7}.interest-actions button:disabled{cursor:default;color:#777}.interest-actions #reset-interest{color:#b3ac9f;font-size:11px}.daily-policy{border:1px solid var(--line);border-radius:16px;padding:18px;margin-top:18px}.daily-policy b{font-size:14px}

/* A raised, tactile checkpoint. The pressed face remains visibly selected. */
.interest-checkpoint{margin:0 0 22px;display:flex;flex-direction:column;gap:9px;align-items:flex-start}.interest-toggle{display:flex;align-items:center;gap:10px;min-height:51px;padding:9px 14px 9px 9px;border:1px solid #535768;border-bottom-color:#252731;border-radius:16px;background:linear-gradient(165deg,#373a47 0%,#23252f 55%,#1a1c24 100%);box-shadow:0 5px 0 #0b0d13,0 6px 0 1px #343641,0 10px 15px #0004,inset 0 1px 0 #ffffff22;color:#eeeef5;font-size:12px;font-weight:700;transition:transform .14s,box-shadow .14s,background .14s}.interest-orb{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:linear-gradient(145deg,#4d5164,#252834);box-shadow:inset 0 1px 1px #ffffff30,0 2px 4px #0005;color:#aeb5ce}.interest-orb svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.interest-plus{margin-left:9px;font-size:18px;color:#aeb5ce}.interest-toggle[aria-pressed=true]{transform:translateY(3px);background:linear-gradient(155deg,#d9d0ff,#a99adc 60%,#9584ce);color:#242034;border-color:#e0d8fa;box-shadow:0 2px 0 #65548b,0 3px 0 1px #322b43,inset 0 1px 0 #ffffff80}.interest-toggle[aria-pressed=true] .interest-orb{background:linear-gradient(145deg,#6c598f,#45355f);color:#f4eaff;box-shadow:inset 0 1px 3px #0004}.interest-toggle[aria-pressed=true] .interest-plus{color:#3c2d57}.interest-toggle:active{transform:translateY(4px);box-shadow:0 1px 0 #191824,inset 0 2px 4px #0003}.interest-checkpoint>small{font-size:10px;color:#8d899d;margin-top:4px;margin-left:3px}

/* Existing app identities, presented as direct app cards. */
.app-promo{margin:24px 0 28px}.promo-label{padding:0 5px 10px;color:#858b88;font-size:10px;letter-spacing:.5px}.promo-window{overflow:hidden;border-radius:23px;border:1px solid #323a36;background:#171c1a;box-shadow:0 9px 20px #0005,inset 0 1px 0 #ffffff08;touch-action:pan-y}.promo-track{display:flex;transition:transform .48s cubic-bezier(.22,.7,.25,1);will-change:transform}.promo-slide{flex:0 0 100%;min-width:0}.app-shortcut{display:flex;flex-direction:column;min-height:230px;padding:23px;background:radial-gradient(ellipse at 75% 0,#38463e55,transparent 65%),linear-gradient(135deg,#101512,#212623);height:100%}.app-identity{display:flex;align-items:center;gap:16px}.app-identity img{width:64px;height:64px;border-radius:17px;box-shadow:0 3px 8px #0005;object-fit:cover;flex-shrink:0}.app-identity>div>span{font-size:12px;font-weight:650;color:#a6b2aa}.app-identity h3{font-size:24px;letter-spacing:-.8px;line-height:1.3;margin:7px 0 0;color:#eff5f0}.app-shortcut>p{color:#bdc8c1;font-size:15px;font-weight:650;line-height:1.65;margin:18px 0 25px;word-break:keep-all}.app-store-link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;color:#b3daca;font-size:15px;font-weight:750}.app-store-link svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.promo-controls{display:flex;align-items:center;gap:10px;padding:5px 4px 0;min-height:44px}.promo-dots{display:flex;gap:1px;margin-right:auto}.promo-dots button{width:48px;height:48px;background:none;border:0;display:grid;place-items:center;padding:0}.promo-dots i{width:6px;height:6px;background:#4e5752;border-radius:8px;transition:width .25s,background .25s}.promo-dots [aria-pressed=true] i{width:20px;background:#b3daca}.promo-position{font-size:11px;font-variant-numeric:tabular-nums;color:#96a59c}.promo-pause{width:48px;height:48px;border:0;border-radius:10px;background:none;color:#a8b8ae;display:grid;place-items:center}.promo-pause svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(max-width:380px){.app-shortcut{padding:20px;min-height:224px}.app-identity h3{font-size:22px}.app-identity img{width:58px;height:58px}.app-shortcut>p{font-size:14px}}

.app-shortcut{min-height:290px}.app-shortcut>.app-tagline{margin:18px 0 7px;font-size:15px}.app-shortcut>.app-description{margin:0 0 24px;color:#a5b2a9;font-size:12px;font-weight:450;line-height:1.8;word-break:keep-all}.promo-inquiry{margin:9px 0 0;padding:17px 4px 4px;border-top:1px solid #2a322e;display:grid;grid-template-columns:1fr auto;gap:0 12px;align-items:center}.promo-inquiry b{font-size:12px;color:#c7cec9;font-weight:650}.promo-inquiry p{font-size:11px;line-height:1.7;color:#858f88;margin:6px 0}.inquiry-link{font-size:12px;font-weight:650;color:#b3daca;min-height:44px;display:flex;align-items:center;gap:8px;white-space:nowrap}.inquiry-address{grid-column:1/-1;font-size:10px;color:#858f88;letter-spacing:.1px;user-select:all}@media(max-width:380px){.app-shortcut{min-height:292px}.promo-inquiry{grid-template-columns:1fr}.inquiry-link{justify-self:start}.inquiry-address{margin-top:0}}

/* App cards: ink highlights, hand-drawn underlines and raised app stickers. */
.promo-slide{position:relative}.app-shortcut{--card-ink:#c4efd8;--card-marker:#e6f3a6;--card-glow:#456946;min-height:344px;padding:25px 23px 24px;background:radial-gradient(ellipse at 90% 0,color-mix(in srgb,var(--card-glow) 38%,transparent),transparent 62%),linear-gradient(135deg,#111714,#202723);box-shadow:inset 0 1px 0 #ffffff0b}.theme-aichulbal{--card-ink:#ffd5b1;--card-marker:#ffc997;--card-glow:#775741;background:radial-gradient(ellipse at 95% 0,#79563f60,transparent 63%),linear-gradient(135deg,#1a1714,#28231e)}.theme-parking{--card-ink:#bddcff;--card-marker:#b0e7ff;--card-glow:#365b85;background:radial-gradient(ellipse at 95% 0,#365b8560,transparent 63%),linear-gradient(135deg,#12171e,#202832)}.theme-makpan{--card-ink:#e1d0ff;--card-marker:#d9c2ff;--card-glow:#66508e;background:radial-gradient(ellipse at 95% 0,#66508e60,transparent 63%),linear-gradient(135deg,#17141e,#282131)}
.app-icon-depth{position:relative;flex-shrink:0;transform:rotate(-5deg);padding-bottom:4px}.app-icon-depth img{width:66px;height:66px;border-radius:18px;box-shadow:0 5px 0 #080a0c,0 7px 0 1px #ffffff25,0 12px 18px #0008;transition:transform .18s}.app-icon-sticker{position:absolute;bottom:-4px;right:-8px;display:grid;place-items:center;width:29px;height:29px;font-size:17px;background:linear-gradient(145deg,#fff6df,#d5c8aa);border:1px solid #fff7db;border-radius:10px;box-shadow:0 3px 0 #655f4d,0 4px 7px #0006;transform:rotate(12deg)}.app-identity{gap:20px}.app-identity>div>.app-category-sticker{display:inline-block;color:var(--card-ink);font-size:10px;letter-spacing:.5px;font-weight:700;padding:4px 7px;border:1px solid #ffffff20;border-radius:6px;background:#ffffff09;box-shadow:inset 0 1px 0 #ffffff12}.app-identity h3{margin-top:8px;font-size:26px;font-weight:850;text-shadow:0 2px 0 #0008}
.app-shortcut>.app-tagline{font-size:17px;line-height:1.75;margin:24px 0 9px;color:#f3f0e9;font-weight:750;letter-spacing:-.6px}.app-tagline mark{color:#161b17;padding:1px 4px 2px;background:var(--card-marker);box-shadow:3px 1px 0 color-mix(in srgb,var(--card-marker) 60%,transparent),-2px -1px 0 color-mix(in srgb,var(--card-marker) 65%,transparent);border-radius:3px 5px 2px 4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.app-shortcut>.app-description{font-size:12px;line-height:1.9;margin-bottom:14px;color:#bfbfc2}.app-description u{text-decoration-color:var(--card-ink);text-decoration-thickness:2px;text-underline-offset:4px;color:#ebe8ee;font-weight:650}.theme-parking .app-description u{text-decoration-style:double;text-decoration-thickness:1px}.theme-makpan .app-description u{text-decoration-style:wavy;text-decoration-thickness:1px}
.app-feature-stickers{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 24px}.app-feature-stickers>span{color:var(--card-ink);font-size:11px;font-weight:650;padding:7px 10px;background:linear-gradient(160deg,#ffffff13,#00000020);border:1px solid #ffffff24;border-bottom-color:#ffffff0d;border-radius:9px;box-shadow:0 3px 0 #0005,inset 0 1px 0 #ffffff14;transform:rotate(-2deg)}.app-feature-stickers>span:nth-child(2){transform:rotate(2deg)}
.app-store-link{align-self:flex-start;gap:12px;min-height:45px;padding:10px 12px;color:#211e27;background:linear-gradient(155deg,#fff,var(--card-ink));border:1px solid #ffffffa0;border-radius:12px;box-shadow:0 4px 0 color-mix(in srgb,var(--card-ink) 40%,#111),0 7px 12px #0005;font-size:13px}.app-store-link small{display:block;font-size:9px;font-weight:600;margin-top:2px;color:#4d4754}.app-store-link svg{width:18px;height:18px}.app-shortcut:active .app-store-link{transform:translateY(3px);box-shadow:0 1px 0 #444}.android-soon{position:absolute;right:22px;bottom:24px;display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px dashed #93b09a70;border-radius:10px;background:#18201eee;color:#c4d8c7;pointer-events:auto;box-shadow:inset 0 1px 0 #ffffff10}.android-soon>span:first-child{font-size:20px;filter:drop-shadow(0 2px 1px #0008)}.android-soon b{display:block;font-size:10px;font-weight:700}.android-soon small{display:block;margin-top:3px;font-size:9px;color:#adc2b0}.inquiry-link{padding:7px 10px;background:linear-gradient(155deg,#32342c,#1b201b);border:1px solid #636b4855;border-radius:10px;box-shadow:0 3px 0 #080a08;color:#e1e9bd}.promo-inquiry b>span{font-size:16px;margin-right:4px}
@media(max-width:380px){.app-shortcut{padding:22px 18px 24px;min-height:365px}.app-identity h3{font-size:24px}.app-shortcut>.app-tagline{font-size:16px}.android-soon{right:17px;gap:5px;padding:7px}.app-store-link{font-size:12px;padding:9px 10px;gap:8px}.app-identity{gap:17px}}

/* Editorial evidence stays short; count hierarchy remains the primary visual. */
.issue-evidence{margin:20px 0 26px;padding:16px 18px;border:1px solid #3b3930;border-radius:18px;background:linear-gradient(135deg,#25231b,#171718);box-shadow:inset 0 1px 0 #ffffff0c,0 4px 0 #080809}
.issue-evidence.is-discussion{background:linear-gradient(135deg,#202839,#17191e);border-color:#34445b}
.issue-badge{display:inline-block;color:#f0cf80;font-weight:750;font-size:12px;letter-spacing:.01em}
.is-discussion .issue-badge{color:#a9c9f5}.issue-evidence p{font-size:14px;line-height:1.65;margin:9px 0;color:#dddde4}.issue-evidence p b{color:#fafafa}.issue-evidence small{display:block;font-size:12px;line-height:1.6;color:#a8abb8}.issue-evidence .discussion-proof{margin-top:10px;padding-top:10px;border-top:1px solid #ffffff12;color:#b4c8e4}

/* The ground ring carries the brand; the descending ring signals a real refresh. */
header .brand{gap:10px;min-width:0}
.brand-mark{width:60px;height:60px;flex:none;border-radius:17px;box-shadow:0 5px 18px #a150e92a,inset 0 1px #e9caff30}
.brand .brand-type{display:flex;flex-direction:column;gap:3px}
.brand-type strong{line-height:1.05;letter-spacing:-1.4px}
.brand-type small{white-space:nowrap;letter-spacing:.01em}
#refresh.refresh-control{width:74px;height:76px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:20px;border-color:#9772bc45;background:linear-gradient(145deg,#26202f,#121015);box-shadow:inset 0 1px #e6c6ff26,0 4px 0 #050407,0 8px 18px #0005}
.refresh-control .descent-mark{width:48px;height:48px;overflow:visible}
.refresh-label{font-size:10px;font-weight:700;color:#ddc9f0;line-height:1.4}
#refresh:disabled{opacity:1}
#refresh:active{transform:translateY(2px);box-shadow:inset 0 1px #e6c6ff26,0 2px 0 #050407}
#refresh:focus-visible,.brand:focus-visible{outline:2px solid #d9aeff;outline-offset:4px}
.descent-mark .energy-body{transform-origin:256px 300px}
.brand-loading{display:flex;flex-direction:column;align-items:center;gap:14px}
.brand-loading .descent-mark{width:100px;height:100px;filter:drop-shadow(0 6px 18px #a456ee35)}
.refresh-control[aria-busy=true] .energy-body,.brand-loading .energy-body{animation:okth-descend 1.15s ease-in-out infinite}
.refresh-control[aria-busy=true] .echo,.brand-loading .echo{animation:okth-afterglow 1.15s ease-out infinite}
.refresh-control[aria-busy=true] .echo-mid,.brand-loading .echo-mid{animation-delay:.12s}
@keyframes okth-descend{0%,100%{transform:translateY(-18px) scale(.95,1.04)}55%{transform:translateY(22px) scale(1.04,.94)}75%{transform:translateY(14px) scale(1.02,.98)}}
@keyframes okth-afterglow{0%,100%{opacity:.09}45%{opacity:.5}75%{opacity:.18}}
@media(max-width:380px){.brand-mark{width:52px;height:52px}.brand-type strong{font-size:27px}#refresh.refresh-control{width:66px;height:70px}}
@media(prefers-reduced-motion:reduce){.descent-mark .energy-body,.descent-mark .echo{animation:none!important}}

/* Four stories per page: headline, reactions and saved state stay within reach. */
.intro{padding:3px 0 10px}.intro h1{font-size:21px;margin:8px 0 12px;line-height:1.35}.intro h1 br{display:none}.intro h1 span{margin-left:6px;font-size:15px}.daily-stats b{font-size:19px}.progress-track{margin-top:10px}.edition-bar{padding-bottom:8px}.edition-bar span{margin-top:3px}
.compact-info{border-bottom:1px solid var(--line);font-size:11px;color:var(--muted);margin:0 0 6px}.compact-info>summary{cursor:pointer;min-height:48px;padding:14px 0}.compact-info .collection-status,.compact-info .daily-interest{margin:4px 0 10px}.compact-info .daily-interest[hidden]{display:none!important}
.view-heading{padding:8px 0 12px}.view-heading h1{font-size:23px;margin:5px 0}.view-heading p{margin:4px 0;font-size:12px}.list-heading{scroll-margin-top:128px;margin:6px 0}.ranking-rules{margin:0 0 7px}.ranking-rules summary{font-size:11px}.sort-shortcuts{display:flex!important;gap:5px;margin-bottom:10px}.sort-shortcuts[hidden]{display:none!important}.sort-shortcuts button{min-height:48px;padding:4px;font-size:11px}
#feed .compact-story{padding:12px 12px 10px;margin-bottom:8px;border-radius:16px;min-height:138px}
#feed .compact-story>.number{position:absolute;left:12px;top:14px;min-width:34px;font-size:42px;line-height:1;margin:0;letter-spacing:-2px;display:flex;flex-direction:column;align-items:center;gap:2px}
#feed .compact-story .rank-emblem{font-size:12px;min-height:12px;line-height:1}
.compact-copy{margin-left:48px;min-width:0}.compact-kicker{display:flex;align-items:center;gap:7px;min-height:15px}.compact-kicker .category{font-size:10px;margin:0}.compact-kicker .read-label{float:none;margin:0;margin-left:auto;font-size:9px;padding:0 4px!important}.past-label{font-size:9px;color:#ada08c}
#feed .compact-story h2{font-size:15px;line-height:1.4;margin:4px 0;letter-spacing:-.3px}.compact-story .headline{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#feed .compact-story p{font-size:11px;line-height:1.5;margin:0;color:#a6a6b0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal}
.compact-bottom{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:4px}.compact-story .reaction-counts{display:flex;gap:13px;margin:0}.compact-story .reaction-counts>div{flex-direction:row;align-items:center;gap:4px}.compact-story .reaction-icon{width:15px;height:15px;margin:0}.compact-story .reaction-counts strong{font-size:21px;letter-spacing:-.5px;line-height:1.1}.compact-actions{display:flex;gap:3px;flex:none}.compact-story .bookmark,.compact-interest{width:48px;height:48px;min-height:48px;border:1px solid #383840;border-radius:10px;background:#19191f;display:grid;place-items:center;padding:6px}.compact-story .bookmark svg{width:18px;height:18px}.compact-interest{font-size:22px;color:#d6c1ed;box-shadow:inset 0 1px #e8d6ff18,0 2px #070609}.compact-interest[aria-pressed=true]{background:#d4b5f2;color:#281a36}
.compact-source{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:9px;color:var(--muted);line-height:1.3}.compact-detail{background:none;border:0;padding:4px 0 3px 6px;font-size:10px;color:#c9c9d3;white-space:nowrap}.compact-story.is-read .compact-copy h2,.compact-story.is-read .compact-copy p,.compact-story.is-read .reaction-counts{opacity:.43}
.pagination{margin:16px 0 24px;padding:13px 0;border-top:1px solid var(--line);scroll-margin-top:128px}.page-controls{display:flex;justify-content:space-between;align-items:center;gap:10px}.page-controls button{min-height:44px;padding:8px 18px;border:1px solid #3a3442;border-radius:13px;background:#211b29;font-weight:700;font-size:13px}.page-controls button:disabled{cursor:default;opacity:.3}.page-controls>span{text-align:center;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}.page-controls small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:3px}.page-numbers{display:flex;justify-content:center;gap:5px;margin-top:10px}.page-numbers button{min-width:48px;height:48px;border:0;border-radius:12px;background:#18181d;color:var(--muted);font-size:13px}.page-numbers button[aria-current=page]{background:#e9d8fa;color:#281536;font-weight:800}.browse-past{display:block;width:100%;padding:12px;background:none;border:0;color:#cbb4e0;font-size:12px;margin-top:7px}#page-ad{margin-top:20px}main{padding-bottom:110px}
@media(max-width:380px){.compact-copy{margin-left:42px}#feed .compact-story>.number{font-size:36px;left:10px}.compact-story .reaction-counts{gap:8px}.compact-story .reaction-counts strong{font-size:18px}.compact-story .reaction-icon{width:13px;height:13px}.compact-story .bookmark,.compact-interest{width:48px;min-height:48px;height:48px}.intro h1{font-size:19px}.intro h1 span{font-size:13px}}

/* Keep the original dimensional app cards in a single inline slot per tab. */
#page-ad{margin:20px 0 14px}
#page-ad .app-promo{margin:0}
#page-ad .app-shortcut{min-height:304px;padding:21px 22px 24px}
#page-ad .app-shortcut>.app-tagline{margin-top:18px}
#page-ad .app-feature-stickers{margin-bottom:18px}
@media(max-width:380px){#page-ad .app-shortcut{padding:20px 18px 24px;min-height:324px}}

/* One brand icon. The mascot casts across the same header, on a horizontal rail. */
header.reader-header{height:112px;min-height:112px;padding:12px 0;gap:12px;isolation:isolate;align-items:flex-start;overflow:hidden}
.reader-header .brand{position:relative;z-index:3;display:block;flex:none;padding:0}
.reader-header .brand-app-icon{display:block;width:80px;height:80px;aspect-ratio:1;object-fit:contain;border-radius:20px;box-shadow:0 4px 12px #0006}
.header-actions{position:relative;z-index:3;display:flex;gap:8px;margin-left:auto;align-items:flex-start}
#refresh.refresh-control,.profile-control{width:54px!important;height:44px!important;min-height:44px;padding:4px!important;border:1px solid #35303f;border-radius:13px!important;background:linear-gradient(145deg,#211e28,#141218);box-shadow:inset 0 1px #ffffff12,0 2px #050506;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.refresh-arrow,.profile-control svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;color:#d5c4e4}
.refresh-label,.profile-control span{font-size:9px;font-weight:600;white-space:nowrap}
.profile-control[aria-pressed=true]{background:#e8dff1;color:#241e2e}.profile-control[aria-pressed=true] svg{color:#241e2e}
.refresh-control[aria-busy=true] .refresh-arrow{animation:refresh-turn 1s linear infinite}
@keyframes refresh-turn{to{transform:rotate(360deg)}}
.header-stage{position:absolute;left:87px;right:0;bottom:13px;height:49px;pointer-events:none;z-index:1}
.energy-track{position:absolute;left:30px;right:0;bottom:0;height:46px;overflow:hidden}
.track-line{position:absolute;bottom:3px;left:0;right:0;height:2px;background:linear-gradient(90deg,#7e4db38c,#b788e357,#7ecbe545);box-shadow:0 2px 9px #b185ee16}
.stage-character{position:absolute;left:-9px;bottom:0;width:58px;height:52px;border:0;padding:0;background:transparent;pointer-events:auto;z-index:2;border-radius:10px}
.fighter-sprite{display:block;width:58px;height:52px;background:url('/brief/assets/okth-mini-sprites-v1.png') 0 0/300% 100% no-repeat;transform-origin:55% 95%;animation:fighter-cast 6s steps(1,end) infinite}
.cast-flash{position:absolute;right:3px;top:22px;width:9px;height:9px;opacity:0;border-radius:50%;background:#e9cbff;box-shadow:0 0 8px 2px #ae5eff;animation:cast-flash 6s linear infinite}
.energy-shot{position:absolute;left:0;bottom:2px;width:48px;height:40px;opacity:0;animation:rail-shot 6s linear infinite;will-change:left,opacity}
.energy-shot img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 4px #b366ff77)}
.energy-shot::before,.energy-shot::after{content:"";position:absolute;right:25px;bottom:4px;height:1px;width:54px;background:linear-gradient(90deg,transparent,#c89aef);opacity:.7}
.energy-shot::after{bottom:1px;width:38px;opacity:.35}
.shot-ice{animation-delay:3s;filter:hue-rotate(-76deg) saturate(.75) brightness(1.25)}
@keyframes rail-shot{0%,9%{left:0;opacity:0;transform:scale(.3)}12%{left:3%;opacity:1;transform:scale(.9)}40%{left:calc(100% - 50px);opacity:1;transform:scale(1)}47%,100%{left:100%;opacity:0;transform:scale(.85)}}
@keyframes fighter-cast{0%,6%{background-position:0 0;transform:translateX(0) rotate(0)}7%,10%{background-position:50% 0;transform:translateX(-2px) rotate(-7deg)}11%,18%{background-position:50% 0;transform:translateX(3px) rotate(8deg)}19%,24%{background-position:100% 0;transform:translateX(-2px) rotate(-4deg)}25%,56%{background-position:0 0;transform:none}57%,60%{background-position:50% 0;transform:translateX(-2px) rotate(-7deg)}61%,68%{background-position:50% 0;transform:translateX(3px) rotate(8deg)}69%,74%{background-position:100% 0;transform:translateX(-2px) rotate(-4deg)}75%,100%{background-position:0 0;transform:none}}
@keyframes cast-flash{0%,9%,16%,59%,66%,100%{opacity:0;transform:scale(.3)}11%,61%{opacity:1;transform:scale(1.4)}13%,63%{opacity:.7;transform:scale(.7)}}
header.is-paused .header-stage *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.header-stage *{animation:none!important}.energy-shot,.cast-flash{display:none}.fighter-sprite{background-position:0 0}}
/* A single reading feed, with its date range inline; personal controls live above. */
.bottom-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.2fr) repeat(2,minmax(0,1fr));padding:7px 10px calc(7px + env(safe-area-inset-bottom))}
.bottom-nav button{width:100%;min-height:48px}.bottom-nav .nav-icon{width:31px;height:29px;margin:0 auto 2px;border-radius:9px}.bottom-nav .nav-icon svg{width:20px;height:20px}.bottom-nav .nav-label{font-size:11px}
.feed-period{display:flex;gap:5px;padding:10px 0 0}.feed-period button{border:0;background:transparent;color:#9997a4;border-radius:9px;padding:11px 14px;min-height:48px;font-size:12px;font-weight:600}.feed-period button[aria-pressed=true]{color:#ece5f4;background:#25202d;box-shadow:inset 0 1px #ffffff12}
.search-box{min-height:48px;border-radius:12px}.search-box input{height:38px}.search-box kbd{display:none}
.filters{padding:9px 0;gap:5px}.filters button{padding:11px 14px;min-height:48px;min-width:48px;flex:0 0 auto;font-size:11px}
.sort-shortcuts{display:flex;gap:5px;margin:0 0 12px}.sort-shortcuts button{flex:1;min-width:0;min-height:48px;padding:6px 4px;font-size:11px;border-radius:10px}
.list-heading{margin:2px 0 7px}.list-heading select{display:none}.list-heading>b{font-size:13px}
.edition-bar{padding:0 0 9px}.edition-bar b{font-size:12px}.edition-bar span{font-size:10px}
body[data-view=today] .intro{display:none}.view-heading{padding-top:5px}.view-heading h1{margin:6px 0 10px;font-size:23px}.view-heading p{font-size:12px}
#settings-panel .compact-info,#settings-panel .ranking-rules{margin:12px 0}#settings-panel .daily-interest{border:0;padding:12px 0}
@media(max-width:380px){header.reader-header{height:104px;min-height:104px}.reader-header .brand-app-icon{width:72px;height:72px;border-radius:18px}.header-stage{left:77px;bottom:10px}.shell{padding:0 16px}.header-actions{gap:5px}}

#toggle-search{margin-left:auto;color:#cbc2d5}.feed-period{padding-top:0}#feed .compact-story{min-height:124px}

/* Four distinct reading destinations, with a shared compact shell. */
.bottom-nav{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.2fr) repeat(2,minmax(0,1fr));padding-left:8px;padding-right:8px;gap:2px}
.bottom-nav button{min-height:50px;padding:4px 0}.bottom-nav .nav-icon{width:36px;height:28px}.bottom-nav .nav-label{font-size:11px;white-space:nowrap}
.bottom-nav button[aria-pressed=true] .nav-icon{box-shadow:inset 0 1px #fff,0 2px #b8adcb40}
.journey-status{position:relative;border-left:2px solid #9d7cc2;padding:6px 10px;margin:0 0 12px;background:linear-gradient(90deg,#241d3055,transparent);border-radius:0 8px 8px 0}
.journey-status b{display:block;font-size:12px;font-weight:700;color:#e4deec}.journey-status span{display:block;font-size:10px;color:#a8a1b3;line-height:1.6;margin-top:3px}.journey-status em{font-style:normal;color:#e8d1ff;background:#78569633;padding:2px 4px;border-radius:4px}.journey-status button{font-size:11px;margin-top:5px;padding:6px 10px;min-height:48px;border:1px solid #55445e;background:#251e2d;border-radius:8px}
.post-author{font-size:10px;color:#c1abd5;margin:4px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-author span{font-size:9px;color:#8f8b98;margin-left:6px}
.change-label,.affinity-label{font-size:9px;font-weight:650;border-radius:4px;padding:1px 4px;background:#51436755;color:#ddc2fc;white-space:nowrap}.affinity-label{background:#26443977;color:#b3dfce}
body[data-view=ranking] .sort-shortcuts{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.sort-shortcuts button{flex:1 0 auto}
body[data-view=ranking] #feed .compact-story{min-height:144px}
#feed .compact-story p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;line-height:1.5;max-height:3em;margin-bottom:3px}
#feed .compact-story .compact-source{margin-top:4px}#feed .compact-story .bookmark,#feed .compact-story .compact-interest{width:48px;height:48px;min-height:48px}
#feed .compact-story .compact-kicker{flex-wrap:wrap;gap:5px}
@media(max-width:380px){.shell{padding:0 12px}#feed .compact-story{padding:10px 9px}.compact-copy{margin-left:39px}#feed .compact-story>.number{left:8px;font-size:38px;min-width:30px}.compact-story .reaction-counts{gap:9px}.compact-story .reaction-counts strong{font-size:19px}.compact-actions{gap:2px}#feed .compact-story h2{font-size:14px}.journey-status span{font-size:10px}}
/* Keep three compact cards within a typical commute-sized screen. */
header.reader-header{height:94px;min-height:94px;padding:7px 0}.reader-header .brand-app-icon{width:72px;height:72px;border-radius:18px}.header-stage{bottom:4px}
.edition-bar{padding-bottom:5px}.edition-bar b{display:none}.edition-bar span{margin:0;font-size:10px;line-height:1.6}
.filters{padding:5px 0}.journey-status{padding:5px 8px;margin-bottom:8px}.journey-status button{float:right;margin-top:0;padding:3px 9px;min-height:48px}.journey-status:after{content:'';display:block;clear:both}
#feed .compact-story{padding:10px 10px 8px}#feed .compact-story p{-webkit-line-clamp:1;max-height:1.5em}.compact-source .compact-detail{display:none}.compact-source{min-height:12px}#feed .compact-story .compact-source{margin-top:3px}
#feed .compact-story .bookmark,#feed .compact-story .compact-interest{width:48px;height:48px;min-height:48px}
@media(max-width:380px){header.reader-header{height:90px;min-height:90px}.journey-status b{font-size:11px}.compact-copy{margin-left:37px}}
.compact-story .reaction-counts{gap:8px}.compact-story .reaction-counts strong{white-space:nowrap}
@media(max-width:440px){.compact-story .reaction-counts strong{font-size:19px}.compact-story .reaction-icon{width:14px;height:14px}.compact-copy{margin-left:42px}}

.catchup-diff{margin:18px 0;padding:16px;border:1px solid #61537a;border-radius:18px;background:#211b2b}.catchup-diff h3{margin-top:0}.catchup-diff small{color:#cbbadd}.catchup-diff .before{border-left:3px solid #79717f;padding-left:12px;color:#bdb7c5}.catchup-diff .after{border-left:3px solid #c1a0ed;padding-left:12px}.catchup-diff p{margin:8px 0}

/* The existing wordmark is wrapped by a layered vortex; casting stays unchanged. */
header.reader-header{overflow:visible}
.reader-header .brand{isolation:isolate}
.reader-header .brand-app-icon{position:relative;z-index:1}
.logo-vortex{position:absolute;inset:-5px;width:calc(100% + 10px);height:calc(100% + 10px);overflow:visible;pointer-events:none;fill:none;stroke:url(#vortex-purple);stroke-linecap:round;stroke-linejoin:round}
.vortex-back{z-index:0;filter:drop-shadow(0 0 3px #a577df99)}
.vortex-front{z-index:2;filter:drop-shadow(0 1px 1px #321253) drop-shadow(0 0 2px #b680ed88)}
.vortex-flow path{stroke-width:3.2;stroke-dasharray:66 34;animation:logo-vortex-flow 2.8s linear infinite}
.vortex-flow path:nth-child(2){stroke-width:2.2;stroke-dasharray:45 55;animation-delay:-1.4s;opacity:.7}
.vortex-flow .vortex-glint{stroke:#f8efff;stroke-width:1.1;stroke-dasharray:10 90;animation-delay:-.12s}
@keyframes logo-vortex-flow{to{stroke-dashoffset:-100}}
header.is-paused .logo-vortex *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.logo-vortex{display:none}.logo-vortex *{animation:none!important}}

/* Observed changes: label both observations and the delta without relying on color. */
.movement{margin:10px 0;padding:12px;background:#171420;border:1px solid #3b334b;border-radius:14px;color:#eeeaf5}
.movement-guide{margin-bottom:10px;padding-bottom:9px;border-bottom:1px solid #38313f}
.movement-guide b{display:block;font-size:12px}.movement-guide>span{display:block;margin-top:4px;font-size:10px;color:#c3bbd0;line-height:1.5}.movement-guide em{font-style:normal;color:#8de4b4}
.movement-row+.movement-row{margin-top:12px;padding-top:12px;border-top:1px solid #393141}
.movement-author{font-size:11px;overflow-wrap:anywhere;color:#e4dced}.movement-author>span{color:#b9aec7}
.movement-dates{font-size:9px;line-height:1.6;color:#bdb2cb;margin:4px 0 7px}.movement-dates span{white-space:nowrap}
.movement-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:11px;letter-spacing:-.02em}
.movement-table th,.movement-table td{padding:7px 3px;border-bottom:1px solid #ffffff0c;text-align:right;vertical-align:middle}
.movement-table thead th{font-size:9px;color:#bdb2cb;font-weight:500;white-space:nowrap}.movement-table th:first-child{text-align:left;padding-left:0}.movement-table tbody th{font-size:10px;font-weight:500;color:#d8d0e2;white-space:nowrap}
.movement-table td{color:#bab1c6}.movement-table .movement-current{font-weight:700;color:#f5f1fa}.movement-delta{display:inline-block;font-weight:750;color:#8de4b4;white-space:nowrap}.movement-delta.down{color:#ffb4b4}.movement-delta small{display:block;font-size:9px;font-weight:500;line-height:1.4;color:inherit}
.movement-note{font-size:9px;color:#bbb0c8;line-height:1.6;margin-top:8px}
@media(max-width:400px){.movement{padding:9px 7px}.movement-table{font-size:10px}.movement-table th,.movement-table td{padding:7px 2px}}

/* Persisted, explicit light/dark appearance. Brand art and advertisement artwork retain their colors. */
.theme-toggle{width:54px;min-height:44px;border:1px solid #443a51;border-radius:13px;background:#201b29;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#e4d3f4;padding:3px}
.theme-toggle span:first-child{font-size:19px;line-height:20px}.theme-toggle span:last-child{font-size:9px;font-weight:650}
:root[data-theme=light]{color-scheme:light;--paper:#f5f4f8;--surface:#fff;--ink:#211e29;--muted:#655e70;--line:#d9d4e1;--accent:#594075;--green:#594075;background:#f5f4f8;color:#211e29}
html[data-theme=light] body,html[data-theme=light] .shell{background:#f5f4f8;color:#211e29}
html[data-theme=light] header.reader-header{background:#f5f4f8f5}
html[data-theme=light] .story,html[data-theme=light] .story.is-read{background:#fff;border-color:#d8d0e2;box-shadow:0 2px 8px #3c235408}
html[data-theme=light] .compact-story.is-read .compact-copy h2,html[data-theme=light] .compact-story.is-read .compact-copy>p,html[data-theme=light] .compact-story.is-read .reaction-counts{opacity:.7}
html[data-theme=light] .category,html[data-theme=light] .compact-kicker,html[data-theme=light] .post-author{color:#51465f}
html[data-theme=light] .story p,html[data-theme=light] .story small,html[data-theme=light] .compact-source,html[data-theme=light] .edition-bar span,html[data-theme=light] .empty,html[data-theme=light] .device-note{color:#62596e}
html[data-theme=light] .rank-1{color:#946600!important;text-shadow:0 1px #ffdc81}html[data-theme=light] .rank-2{color:#53667e!important}html[data-theme=light] .rank-3{color:#a64e25!important}html[data-theme=light] .rank-4{color:#62566e!important}
html[data-theme=light] .heart{color:#c92756}html[data-theme=light] .comment{color:#2866b1}
html[data-theme=light] .bottom-nav{background:#fbfafff5;border-color:#d8d0e0;box-shadow:0 -3px 16px #3420480b}html[data-theme=light] .bottom-nav button{color:#6b6078}html[data-theme=light] .bottom-nav button[aria-pressed=true]{color:#352044}html[data-theme=light] .bottom-nav button[aria-pressed=true] .nav-icon{background:#dfd2f1}
html[data-theme=light] .theme-toggle,html[data-theme=light] #refresh.refresh-control,html[data-theme=light] .profile-control,html[data-theme=light] .bookmark,html[data-theme=light] .compact-interest,html[data-theme=light] .pagination button{background:#eee8f5;color:#513a6b;border-color:#c8b9d8;box-shadow:inset 0 1px #fff,0 2px #d7cce4}
html[data-theme=light] .refresh-arrow{color:#604678}html[data-theme=light] .quiet{background:#eee8f5;color:#513a6b}
html[data-theme=light] .movement{background:#f6f1fc;color:#2c203b;border-color:#d3c3e1}html[data-theme=light] .movement-guide b{color:#30213e}html[data-theme=light] .movement-guide>span,html[data-theme=light] .movement-author,html[data-theme=light] .movement-author>span,html[data-theme=light] .movement-dates,html[data-theme=light] .movement-note{color:#64536f}
html[data-theme=light] .movement-table th,html[data-theme=light] .movement-table td{color:#62506f;border-color:#dfd4e8}html[data-theme=light] .movement-table .movement-current{color:#291c38}html[data-theme=light] .movement-delta,html[data-theme=light] .movement-delta small,html[data-theme=light] .movement-guide em{color:#176441}html[data-theme=light] .movement-delta.down,html[data-theme=light] .movement-delta.down small{color:#a1283e}
html[data-theme=light] .journey-status{background:#eee5f7}html[data-theme=light] .journey-status b{color:#463154}html[data-theme=light] .journey-status span{color:#665473}
html[data-theme=light] .filters button,html[data-theme=light] .feed-period button{color:#5c4d69}html[data-theme=light] .filters button[aria-pressed=true],html[data-theme=light] .feed-period button[aria-pressed=true]{background:#57416d;color:white}
html[data-theme=light] .reading-card,html[data-theme=light] .daily-policy,html[data-theme=light] .refresh-settings,html[data-theme=light] .topic-card,html[data-theme=light] .record-card{background:#fff;color:#2d2437;border-color:#d5cbe0}
html[data-theme=light] dialog{background:#fff;color:#2c2335;border-color:#d6c9e1}html[data-theme=light] dialog p,html[data-theme=light] dialog li,html[data-theme=light] dialog small{color:#605569}html[data-theme=light] .close{background:#eee7f5;color:#45334e}
html[data-theme=light] .catchup-diff{background:#f0e8f8;color:#33243f;border-color:#c7b3dc}html[data-theme=light] .catchup-diff .before,html[data-theme=light] .catchup-diff small{color:#665271}
html[data-theme=light] footer,html[data-theme=light] footer p,html[data-theme=light] footer small,html[data-theme=light] .text-button{color:#655670}

html[data-theme=light] .refresh-label,html[data-theme=light] .read-label,html[data-theme=light] .past-label{color:#65516f}
html[data-theme=light] #feed .compact-story.is-read .compact-copy h2,html[data-theme=light] #feed .compact-story.is-read .compact-copy p,html[data-theme=light] #feed .compact-story.is-read .reaction-counts{opacity:1}
html[data-theme=light] .story.is-read .read-label{color:#65516f;border-color:#b8a9c6}
html[data-theme=light] .topic-grid button,html[data-theme=light] .collection-status{background:#fff;color:#33273e;border-color:#d5c9df}
html[data-theme=light] .bottom-nav button[aria-pressed=true] .nav-label{color:#3f2758}
html[data-theme=light] .reading-card p,html[data-theme=light] .reading-card>span,html[data-theme=light] .refresh-settings p,html[data-theme=light] .refresh-settings summary span,html[data-theme=light] .daily-policy p,html[data-theme=light] .daily-interest p,html[data-theme=light] .collection-status span,html[data-theme=light] .collection-status p{color:#62536c}
html[data-theme=light] .refresh-settings select{background:#f2edf8;color:#3b2b49;border-color:#cdbdda}
.theme-toggle{min-height:48px}

.policy-story .compact-copy{grid-column:1 / -1}.policy-story button[data-save],.policy-story button[data-open]:not(.headline){padding:10px 14px;margin:8px 4px 0 0;border-radius:14px}