.entrance-copyright,.mobile-app-guide{--archive-base:#f5f5ef;--archive-ink:#39463d;--archive-muted:#666b60;--archive-line:rgba(74,98,81,.22)}
/* Fine line phone guide echoes the studio's restrained wordmark. */
.entrance-copyright .mobile-app-guide-button{display:flex;width:max-content;align-items:center;gap:7px;margin:6px auto 0;padding:6px 9px;border:1px solid var(--archive-line);border-radius:8px;background:transparent;color:var(--archive-muted);font:300 11px/1.5 system-ui;letter-spacing:.07em;cursor:pointer}
.mobile-app-guide-button svg{width:12px;height:16px;fill:none;stroke:currentColor;stroke-width:.7}
.mobile-app-guide-button:hover{border-color:var(--archive-muted)}
.mobile-app-guide-button:focus-visible{outline:2px solid var(--archive-ink);outline-offset:3px}
.mobile-app-guide{width:min(480px,calc(100% - 32px));max-height:85dvh;overflow:auto;padding:24px;border:1px solid var(--archive-line);border-radius:16px;background:var(--archive-base,#f7f7f0);color:var(--archive-ink);box-shadow:0 18px 70px #14251c30}
.mobile-app-guide::backdrop{background:#16231d80;backdrop-filter:blur(5px)}
.app-guide-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.mobile-app-guide h2{margin:0;font-size:22px;font-weight:400}.mobile-app-guide h3{font:500 14px system-ui;margin:24px 0 10px}
.mobile-app-guide p,.mobile-app-guide li{font:14px/1.85 system-ui;color:var(--archive-ink)}
.mobile-app-guide ol{padding-left:22px}.mobile-app-guide li{margin-bottom:8px}
.app-guide-heading button{padding:5px 8px;border:1px solid var(--archive-line);border-radius:8px;background:transparent;color:var(--archive-ink);font:12px system-ui;white-space:nowrap;cursor:pointer}
.mobile-app-guide .app-guide-note{font-size:12px;color:var(--archive-muted)}.app-guide-sources{display:flex;gap:18px;flex-wrap:wrap}.app-guide-sources a{font:11px system-ui;color:var(--archive-muted);text-underline-offset:4px}
@media(max-width:600px){.entrance-copyright .mobile-app-guide-button{margin:5px auto 0}.mobile-app-guide{padding:20px}}

.entrance-tools{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:6px}
.entrance-copyright .entrance-tools .mobile-app-guide-button{margin:0;font-size:11px;padding:5px 8px}
.home-tone-switch{display:flex;align-items:center;gap:5px}
.home-tone-switch button{display:grid;place-items:center;width:25px;height:25px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;cursor:pointer}
.home-tone-switch button[aria-pressed="true"]{border-color:var(--archive-line)}
.home-tone-switch button:focus-visible{outline:1px solid var(--archive-muted);outline-offset:3px}
.home-tone-switch button span{width:12px;height:12px;display:block;border:1px solid #87958c;background:#f8f8f5;animation:home-tone-spin 12s linear infinite}
.home-tone-switch [data-home-tone="neutral"] span{background:#bec5b8}.home-tone-switch [data-home-tone="dark"] span{background:#1b2925;border-color:#7d9486}
@keyframes home-tone-spin{to{transform:rotate(360deg)}}
html[data-home-tone="neutral"],html[data-home-tone="neutral"] body{background:#bec5b8}
html[data-home-tone="neutral"] main::after{background:radial-gradient(ellipse at 50% 46%,rgba(223,227,210,.85),rgba(190,197,184,.65) 38%,rgba(190,197,184,.12) 80%)}
html[data-home-tone="dark"],html[data-home-tone="dark"] body{background:#1b2925;color:#eeeee0}
html[data-home-tone="dark"] main::after{background:radial-gradient(ellipse at 50% 46%,rgba(47,65,54,.87),rgba(27,41,37,.8) 38%,rgba(27,41,37,.38) 80%)}
html[data-home-tone="dark"] .art-background{mix-blend-mode:screen;opacity:.16}
html[data-home-tone="dark"] .letter-outline{stroke:#eeeee0!important}
html[data-home-tone="dark"] :is(.studio-tag,.subtitle,.sound-switch,.replay-switch,.entrance-copyright,.entrance-copyright summary){color:#d5dccb}
html[data-home-tone="dark"] .studio-tag::before,html[data-home-tone="dark"] .studio-tag::after{background:#9aa994}
html[data-home-tone="dark"] .preview-logo img{filter:brightness(0) invert(.88)}
html[data-home-tone="dark"] .enter{color:#eeeee0;border-color:#9aa994;background:rgba(42,61,49,.4)}
html[data-home-tone="dark"] .enter:hover{background:#3b5142}
html[data-home-tone="dark"] .entrance-copyright{--archive-ink:#eeeee0;--archive-muted:#d5dccb;--archive-line:rgba(203,219,205,.35)}
html[data-home-tone="dark"] .entrance-copyright .ownership-body{color:#39463d}
html[data-home-tone="dark"] .rights-triangle{background:#d5dccb}
@media(prefers-reduced-motion:reduce){.home-tone-switch button span{animation:none}}