.app-frame{--shell-ink:var(--chrome-text);--shell-muted:color-mix(in srgb,var(--chrome-text) 68%,transparent);--shell-line:color-mix(in srgb,var(--gold) 28%,transparent);min-block-size:100vh;background:var(--surface-canvas)}.app-header{position:sticky;inset-block-start:0;z-index:80;display:grid;grid-template-columns:1fr auto 1fr;min-block-size:calc(72px + env(safe-area-inset-top));padding-block-start:env(safe-area-inset-top);padding-inline:clamp(20px,5vw,72px);border-block-end:1px solid rgb(215 179 96/26%);background:rgb(12 9 7/88%);box-shadow:0 12px 40px rgb(0 0 0/22%);backdrop-filter:blur(24px) saturate(1.25);font-family:var(--ui-font)}.app-header,.app-wordmark{align-items:center;color:#f3e7cb}.app-wordmark{min-inline-size:-moz-max-content;min-inline-size:max-content;display:inline-flex;gap:12px;text-decoration:none}.app-wordmark:hover{color:var(--gold-soft)}.app-wordmark-mark{position:relative;inline-size:38px;block-size:38px;display:grid;place-items:center;flex:0 0 auto;color:#f1d186;font:600 18px/1 var(--font-display);transform:rotate(45deg);filter:drop-shadow(0 5px 8px rgb(0 0 0/34%))}.app-wordmark-mark:after,.app-wordmark-mark:before{content:"";position:absolute;inset:3px;border:1px solid}.app-wordmark-mark:after{inset:7px;opacity:.5}.app-wordmark-mark>span{transform:rotate(-45deg)}.app-wordmark-name{color:#f3e7cb;font:500 20px/1 Georgia,Times New Roman,serif;letter-spacing:.045em}.app-navigation{min-inline-size:0;justify-self:center}.app-navigation-links{display:flex;align-items:stretch;justify-content:center;gap:3px}.app-navigation-links a{position:relative;display:inline-flex;align-items:center;padding-inline:13px;color:rgb(243 231 203/68%);font-size:.75rem;font-weight:760;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.app-navigation-links a:hover,.app-navigation-links a[aria-current=page]{color:#f0d488}.app-navigation-links a[aria-current=page]{background:linear-gradient(transparent,rgb(209 174 97/8%))}.app-navigation-links a[aria-current=page]:after{content:"";position:absolute;inset-inline:10px;inset-block-end:0;block-size:2px;background:var(--gold-soft);box-shadow:0 0 14px color-mix(in srgb,var(--gold-soft) 60%,transparent)}.app-navigation-toggle{display:none}.app-session{justify-self:end;display:flex;align-items:center}.app-sign-in{display:inline-flex;align-items:center;padding-inline:15px;color:var(--gold-soft);font-size:.75rem;font-weight:760;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.reader-menu{position:relative}.reader-menu>summary{min-block-size:48px;display:flex;align-items:center;gap:8px;padding:4px 8px 4px 5px;border:1px solid transparent;color:#f3e7cb;cursor:pointer;list-style:none}.reader-menu>summary:hover{border-color:rgb(215 179 96/26%);background:rgb(255 255 255/3%)}.reader-menu>summary::-webkit-details-marker{display:none}.reader-avatar{position:relative;display:grid;place-items:center;overflow:hidden;color:var(--gold-soft)}.reader-avatar img{inline-size:100%;block-size:100%;display:block;-o-object-fit:cover;object-fit:cover}.reader-avatar svg{inline-size:58%;block-size:58%}.reader-menu-portrait{inline-size:40px;block-size:40px;border:1px solid rgb(226 190 108/48%);border-radius:50%;color:var(--gold-soft);background:radial-gradient(circle at 40% 25%,rgb(255 255 255/13%),transparent 24%),linear-gradient(145deg,color-mix(in srgb,var(--chrome-2) 65%,#315843),var(--header));box-shadow:0 8px 22px rgb(0 0 0/35%)}.reader-menu-chevron{color:var(--gold-soft);font-size:.75rem;transition:transform .18s ease}.reader-menu[open] .reader-menu-chevron{transform:rotate(180deg)}.reader-menu-identity strong{display:block;max-inline-size:12ch;overflow:hidden;color:#f3e7cb;font:500 .875rem/1 Georgia,Times New Roman,serif;text-overflow:ellipsis;white-space:nowrap}.reader-menu-context{margin-block-start:4px;display:block;color:rgb(243 231 203/64%);font:800 .75rem/1 var(--ui-font);letter-spacing:.08em;text-transform:uppercase}.reader-menu-panel{position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;min-inline-size:230px;padding:14px;border:1px solid var(--shell-line);color:#f3e7cb;background:rgb(12 9 7/98%);box-shadow:0 22px 50px rgb(0 0 0/45%)}.reader-menu-panel p{margin:0 0 10px;color:rgb(243 231 203/68%);font-size:12px;overflow-wrap:anywhere}.reader-menu-panel a,.reader-menu-panel button{inline-size:100%;min-block-size:44px;display:flex;align-items:center;padding-inline:12px;border:0;color:#f3e7cb;background:transparent;font:700 .75rem/1 var(--ui-font);letter-spacing:.08em;text-decoration:none;text-transform:uppercase;cursor:pointer}.reader-menu-panel a:hover,.reader-menu-panel button:hover{color:#22170d;background:#f0d488}.app-footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:26px clamp(20px,4vw,58px);border-block-start:1px solid var(--shell-line);color:var(--shell-muted);background:color-mix(in srgb,var(--header) 96%,black);font-family:var(--ui-font)}.app-footer p{margin:0;font-size:12px}.app-footer-mark{color:var(--gold);font:500 24px/1 var(--font-display)}@media (max-width:1080px){.app-header{grid-template-columns:minmax(0,1fr) auto auto;min-block-size:calc(64px + env(safe-area-inset-top));padding-inline:14px}.app-wordmark{gap:10px}.app-wordmark-mark{inline-size:32px;block-size:32px}.app-wordmark-name{font-size:18px}.app-navigation{position:static;justify-self:end}.app-navigation-toggle{min-inline-size:48px;min-block-size:48px;display:grid;place-items:center;gap:2px;padding:5px 8px;border:0;color:var(--gold-soft);background:transparent;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.app-navigation-toggle-lines,.app-navigation-toggle-lines:after,.app-navigation-toggle-lines:before{inline-size:22px;block-size:1px;display:block;background:currentColor}.app-navigation-toggle-lines{position:relative}.app-navigation-toggle-lines:after,.app-navigation-toggle-lines:before{content:"";position:absolute;inset-inline-start:0}.app-navigation-toggle-lines:before{inset-block-start:-6px}.app-navigation-toggle-lines:after{inset-block-start:6px}.app-navigation-links{position:absolute;inset-block-start:100%;inset-inline:0;display:none;padding:10px 14px 16px;border-block-start:1px solid var(--shell-line);border-block-end:1px solid var(--shell-line);background:color-mix(in srgb,var(--header) 98%,black);box-shadow:0 20px 36px rgb(0 0 0/38%)}.app-navigation-links[data-open=true]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.app-navigation-links a{justify-content:center}.reader-menu-portrait{inline-size:38px;block-size:38px}.reader-menu{block-size:48px;display:grid;place-items:center}.reader-menu>summary{inline-size:48px;block-size:48px;min-block-size:0;justify-content:center;padding:0;line-height:1}.reader-menu-chevron,.reader-menu-identity{display:none}.app-sign-in{padding-inline:8px}.app-footer{grid-template-columns:1fr}}@media (forced-colors:active){.app-footer,.app-header,.reader-menu-panel,.reader-menu-portrait{color:CanvasText;background:Canvas;border-color:CanvasText;box-shadow:none}.app-wordmark-mark:after,.app-wordmark-mark:before{border-color:CanvasText}}@media (prefers-reduced-motion:reduce){.reader-menu-chevron{transition:none}}.app-navigation-pending{display:inline-flex;align-items:center;gap:6px;padding:0 10px;color:color-mix(in srgb,var(--chrome-text) 66%,var(--chrome));cursor:default}.app-navigation-pending small{padding:1px 6px;border:1px solid var(--border-subtle);border-radius:999px;font-size:.625rem;letter-spacing:.08em;text-transform:uppercase}.app-mobile-tab-bar{display:none}@media (max-width:760px){.app-frame{padding-block-end:calc(72px + env(safe-area-inset-bottom))}.app-wordmark-name{font-size:17px}.app-navigation-links[data-open=true]{grid-template-columns:repeat(3,minmax(0,1fr))}.app-navigation-links .app-navigation-primary-destination{display:none}.app-mobile-tab-bar{position:fixed;z-index:100;inset-inline:0;inset-block-end:0;min-block-size:calc(64px + env(safe-area-inset-bottom));padding:5px 8px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-block-start:1px solid rgb(215 179 96/34%);color:rgb(243 231 203/68%);background:rgb(12 9 7/94%);box-shadow:0 -16px 36px rgb(0 0 0/38%);backdrop-filter:blur(24px) saturate(1.3)}.app-mobile-tab-bar a{position:relative;min-inline-size:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:inherit;font:750 .625rem/1 var(--ui-font);letter-spacing:.025em;text-decoration:none}.app-mobile-tab-bar a:before{content:"";position:absolute;inset-block-start:-5px;inline-size:30px;block-size:2px;border-radius:999px;background:transparent}.app-mobile-tab-bar a[aria-current=page]{color:#f0d488}.app-mobile-tab-bar a[aria-current=page]:before{background:#f0d488;box-shadow:0 0 14px rgb(240 212 136/54%)}.app-mobile-tab-bar svg{flex:0 0 auto}.app-footer{margin-block-end:calc(-72px - env(safe-area-inset-bottom));padding-block-end:calc(98px + env(safe-area-inset-bottom))}}@media (forced-colors:active) and (max-width:760px){.app-mobile-tab-bar{color:CanvasText;border-color:CanvasText;background:Canvas;box-shadow:none}}