:root{--panel:#fffcf7c4;--surface:#fffdf8;--hover-surface:#fff9;--icon-hover:#fff8;--panel-shadow:#25282e04;--shine:#ffffff55}
:root[data-theme="dark"]{color-scheme:dark;--paper:#121417;--ink:#f2ede5;--muted:#b8b1a8;--coral-ink:#ff8c90;--line:#ffffff26;--panel:#1b1e22;--surface:#22262b;--hover-surface:#292e34;--icon-hover:#ffffff10;--panel-shadow:#00000024;--shine:#ffffff14}
@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--paper:#121417;--ink:#f2ede5;--muted:#b8b1a8;--coral-ink:#ff8c90;--line:#ffffff26;--panel:#1b1e22;--surface:#22262b;--hover-surface:#292e34;--icon-hover:#ffffff10;--panel-shadow:#00000024;--shine:#ffffff14}}
body{transition:background-color .25s ease,color .25s ease}.book-block{background:var(--panel);box-shadow:0 9px 35px var(--panel-shadow)}.print{background:var(--surface)}.print:hover{background:var(--hover-surface)}.plain:hover,.social-card:hover{background:var(--hover-surface)}.icon-button:hover{background:var(--icon-hover)}.destination:before{background:linear-gradient(110deg,transparent 20%,var(--shine) 48%,transparent 76%)}.edge-note{color:var(--muted);opacity:.7}.peek span{border-color:var(--line)}.peek:hover span{border-color:var(--coral-ink)}.preview-tabs button[aria-selected="true"]{color:var(--paper);background:var(--ink)}.back-to-links{color:#25282e}.toast{color:var(--paper)}.skip{color:var(--paper)}
.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.brand-logo{display:block;width:48px;height:auto;aspect-ratio:92/71;object-fit:contain;border-radius:7px;flex-shrink:0;box-shadow:0 2px 8px #00000013}.brand-row{gap:12px}.wordmark{gap:11px}.wordmark>span{font-size:18px;letter-spacing:.16em}.theme-button .theme-sun{display:none}[data-theme="dark"] .theme-button .theme-sun{display:block}[data-theme="dark"] .theme-button .theme-moon{display:none}.theme-button svg{transition:transform .3s}.theme-button:hover svg{transform:rotate(-15deg)}
.digital .link-copy small{color:#25282e}
@media(max-width:420px){.header-actions{gap:6px}.header-actions .icon-button{width:37px;height:37px;min-width:37px;min-height:37px}.header-actions .icon-button svg{width:18px;height:18px}.wordmark{gap:9px}.wordmark>span{font-size:16px;letter-spacing:.14em}.wordmark small{font-size:14px}.brand-logo{width:43px}}
@media(max-width:350px){.header-actions{gap:5px}.header-actions .icon-button{width:34px;height:34px;min-width:34px;min-height:34px}.wordmark>span{font-size:15px;letter-spacing:.12em}.wordmark small{font-size:13px}.brand-logo{width:38px}.brand-row{gap:8px}}
@media(prefers-reduced-motion:reduce){body,.theme-button svg{transition:none}}