/* Polair / magazine edition. Presentation only; no reading-state changes. */
:root { --bg:#f3eee4; --ink:#24251f; --ink-mid:#55534c; --ink-soft:#77746b; --accent:#a6322b; --line:#24251f25; --line-soft:#24251f12; }
body { background:#dedbd4; }
#app { background:var(--bg); max-width:440px; box-shadow:0 0 0 1px #24251f08; }
.topbar { margin:0 22px; padding-left:0; padding-right:0; border-bottom:1px solid var(--line); }
.wordmark img { mix-blend-mode:multiply; }
.icon-btn { color:var(--ink); }
.edition-cover { position:relative; margin:20px 22px 0; height:270px; overflow:hidden; }
.edition-cover img { width:76%; height:100%; object-fit:cover; filter:grayscale(1) contrast(1.05); }
.edition-cover>span { position:absolute; right:-7px; bottom:-43px; color:var(--accent); font:300 240px/.9 var(--font-headline); letter-spacing:-18px; pointer-events:none; }
#screen-mode .mode-select { flex:0; display:block; padding:24px 22px 35px; }
#screen-mode .mode-card { width:100%; min-height:0; border:0; border-top:1px solid var(--ink); border-radius:0; background:none; box-shadow:none; text-align:left; align-items:flex-start; padding:19px 0 22px; position:relative; }
#screen-mode .mode-card:after { content:'↗'; position:absolute; right:0; top:26px; color:var(--accent); font-size:24px; }
#screen-mode .mode-name { color:var(--ink); font:300 65px/.95 var(--font-headline); letter-spacing:-2px; }
#screen-mode .mode-desc { font-size:10px; margin-top:9px; color:var(--ink-soft); }
#screen-mode .mode-card:hover .mode-name { color:var(--accent); }
#screen-home { justify-content:flex-start; }
#screen-home .home-figure { order:1; width:calc(100% - 44px); height:245px; margin:20px 22px 0; position:relative; }
#screen-home .topbar { order:0; }
#screen-home .home-figure img { width:72%; height:100%; aspect-ratio:auto; object-fit:cover; filter:grayscale(1); }
#screen-home .home-figure:after { content:none; color:var(--accent); position:absolute; right:4px; bottom:5px; font:300 90px/1 var(--font-headline); }
#screen-home .home-hero { order:2; flex:0; padding:23px 0; }
#screen-home .justify-headline { padding:0 22px; }
#screen-home .justify-line span { font-size:clamp(36px,10vw,49px); line-height:.98; letter-spacing:-1px; }
#screen-home .intent-grid { order:3; padding:0 22px 28px; }
#screen-home .intent-step { justify-content:space-between; padding:13px 0; border-top:1px solid var(--line); text-align:left; }
#screen-home .intent-step .label { font-size:29px; }
#screen-home .intent-step .sub { font-size:9px; }
.spread-hero { padding-top:26px; }
.spread-option { border-radius:0; box-shadow:none; background:transparent; border-bottom:1px solid var(--line); }
.spread-option .emoji { filter:grayscale(1); opacity:.65; }
.viewfinder-frame { border:7px solid #fffaf0; outline:1px solid var(--line); }
.tray-slot { background:#fffaf0; box-shadow:0 3px 8px #24251f0a; }
.btn-manual-shake { border-radius:0; padding:15px 24px; background:var(--ink); }
.primary-btn { border-radius:0; }
.reading-quote { color:var(--accent); }
.reading-article { border-radius:0; }
.tv-screen { background:var(--bg); --tv-green:var(--ink); --tv-paper:#f8f3e9; --tv-soft:#eae5db; --tv-gold:var(--accent); }
.tv-screen .topbar { margin:0 22px; border-bottom:1px solid var(--line); }
.tv-screen .tv-content { padding:22px 22px 40px; }
.tv-screen .tv-onboarding-photo { border-radius:0; }
.tv-screen .tv-onboarding-photo img { height:320px; }
.tv-screen .tv-intro { padding:20px 18px; margin-right:30px; background:var(--bg); transform:translateY(1px); }
.tv-screen .tv-intro .tv-kicker { color:var(--ink-soft); }
.tv-screen .tv-intro h1 { color:var(--accent); text-shadow:none; font-size:49px; line-height:.94; margin:10px 0 0; }
.tv-screen .tv-onboarding-photo:after { display:none; }
.tv-screen .tv-paper { margin-top:28px; }
.tv-screen .tv-section-heading { border-top:1px solid var(--ink); padding-top:18px; }
.tv-screen .tv-section-heading h2 { font-size:32px; }
.tv-screen .tv-section-heading>.tv-muted { display:none; }
.tv-screen .tuvi-field textarea,.tv-screen .tuvi-field input,.tv-screen .tuvi-field select { border-radius:0; background:#f8f3e9; border-color:var(--line); }
.tv-screen .tv-primary { border-radius:0; box-shadow:none; background:var(--ink); letter-spacing:.3px; }
.tv-screen .tv-primary:hover { background:var(--accent); }
.tv-screen .tv-dashboard-head { min-height:265px; padding:20px 0 0; justify-content:flex-end; margin-bottom:22px; }
.tv-screen .tv-dashboard-photo { left:24%; border-radius:0; }
.tv-screen .tv-dashboard-photo:after { background:linear-gradient(0deg,#24251f25,transparent); }
.tv-screen .tv-dashboard-head .tv-heading-line { display:none; }
.tv-screen .tv-dashboard-head h1 { background:var(--bg); color:var(--accent); padding:18px 18px 8px 0; margin:0; width:75%; font-size:54px; line-height:.94; }
.tv-screen #tv-profile-summary { color:var(--ink-soft); background:var(--bg); padding:9px 12px 0 0; width:75%; line-height:1.7; }
.tv-screen .tv-tabs { background:none; border:0; border-top:1px solid var(--ink); border-bottom:1px solid var(--line); border-radius:0; padding:0; gap:12px; }
.tv-screen .tv-tabs button { border-radius:0; background:none; padding:14px 0; color:var(--ink-soft); font-size:10px; }
.tv-screen .tv-tabs [aria-current] { background:none; box-shadow:none; color:var(--accent); }
.tv-screen .tv-tabs [aria-current]:after { display:block; background:var(--accent); height:2px; }
.tv-screen .tv-period .tv-kicker { color:var(--accent); }
.tv-screen .tv-quote-card { border-radius:0; background:none; padding:16px 0 24px; border-bottom:1px solid var(--ink); }
.tv-screen .tv-quote-card>p { font-size:35px; line-height:1.12; letter-spacing:-.4px; }
.tv-screen .tv-quote-line { background:var(--accent); opacity:1; }
.tv-screen .tv-advice { border:0; border-radius:0; padding:0 10px 0 0; background:none; }
.tv-screen .tv-advice+.tv-advice { border:0; border-left:1px solid var(--line); border-radius:0; padding:0 0 0 18px; }
.tv-screen .tv-advice .tv-kicker { color:var(--accent); letter-spacing:1.1px; }
.tv-screen .tv-advice p { font-size:12px; }
.tv-screen .tv-closing { border-radius:0; border-top:1px solid var(--line); background:none; padding:18px 0; }
.tv-screen .tv-week-nav,.tv-screen .tv-day-action,.tv-screen .tv-empty,.tv-screen .tv-skeleton { border-radius:0; }
.tv-screen .tv-palace,.tv-edit-palace { border-radius:0; border:0; border-bottom:1px solid var(--line); background:none; margin:0; }
.tv-screen .tv-palace summary,.tv-edit-palace summary { padding:19px 0; }
.tv-screen .tv-palace-body,.tv-edit-fields { padding:0 0 20px; }
.tv-screen .tv-palace[open],.tv-edit-palace[open] { border-bottom-color:var(--accent); }
.tv-screen .tv-pill { border-color:var(--line); color:var(--accent); }
.tv-input-tabs { border-bottom:1px solid var(--line); gap:18px; }
.tv-input-tabs button { padding:12px 0; border:0; border-radius:0; text-align:left; }
.tv-input-tabs button[aria-pressed="true"] { color:var(--accent); background:none; border-bottom:2px solid var(--accent); }
.tv-screen .tv-oracle-photo { border-radius:0; margin-left:22%; }
@media(max-width:350px) { .edition-cover { height:220px; }.edition-cover>span { font-size:200px; bottom:-35px; }#screen-home .home-figure { height:205px; }.tv-screen .tv-intro h1 { font-size:41px; }.tv-screen .tv-dashboard-head h1 { font-size:47px; }.tv-screen .tv-quote-card>p { font-size:30px; }.tv-screen .tv-advice+.tv-advice { border-left:0; border-top:1px solid var(--line); padding:16px 0 0; } }