/* Shared appearance for owner pages, sign-in, preview frames and timers. */
:root{--site-bg:#f6f5f0;--site-surface:#ffffff;--site-soft:#ecebe4;--site-ink:#15171a;--site-muted:#5b5f66;--site-line:#dcdad2;--site-accent:#2f6b3a;--site-on-accent:#ffffff;color-scheme:light}
.appearance-controls{display:flex;gap:5px;align-items:center}.appearance-icon{position:relative;display:grid;place-items:center;width:39px;height:39px;min-width:39px;padding:9px;border:1px solid var(--site-line);border-radius:50%;background:transparent;color:var(--site-muted);overflow:hidden}.appearance-icon:hover{color:var(--site-ink);background:var(--site-soft);transform:rotate(8deg)!important}.appearance-icon svg{width:21px;height:21px}.appearance-icon .theme-sun,.appearance-icon .theme-moon{position:absolute;transition:opacity .45s,transform .65s cubic-bezier(.2,.8,.2,1)}[data-theme-toggle][data-mode=dark] .theme-sun{opacity:1;transform:rotate(0) scale(1)}[data-theme-toggle][data-mode=dark] .theme-moon{opacity:0;transform:rotate(-75deg) scale(.35)}[data-theme-toggle][data-mode=light] .theme-sun{opacity:0;transform:rotate(100deg) scale(.35)}[data-theme-toggle][data-mode=light] .theme-moon{opacity:1;transform:rotate(0) scale(1)}#appearanceDialog{max-width:550px}#appearanceDialog h2{font-size:30px;letter-spacing:-1px}.appearance-palettes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:25px 0}.appearance-palettes button{position:relative;display:flex;flex-direction:column;gap:11px;padding:10px;border-radius:14px;border:1px solid var(--site-line);background:var(--site-soft);color:var(--site-ink);text-align:left;font-size:12px}.appearance-palettes button[aria-pressed=true]{border-color:var(--site-ink);box-shadow:0 0 0 1px var(--site-ink)}.palette-sample{width:100%;height:60px;border-radius:9px;background:var(--sample);display:flex;flex-direction:column;justify-content:center;gap:6px;padding:10px;box-sizing:border-box}.palette-sample span{width:60%;height:5px;border-radius:4px;background:#68717b55}.palette-sample span+span{width:38%}.palette-check{position:absolute;bottom:8px;right:9px;opacity:0}.appearance-palettes [aria-pressed=true] .palette-check{opacity:1}#appearanceStatus{font-size:12px;color:var(--site-muted)}html.theme-wiping::view-transition-old(root),html.theme-wiping::view-transition-new(root){animation:none;mix-blend-mode:normal}html.theme-wiping::view-transition-old(root){z-index:1}html.theme-wiping::view-transition-new(root){z-index:2}html.theme-wiping *{transition-property:transform,opacity,box-shadow!important}
@media(max-width:600px){.appearance-icon{width:34px;height:34px;min-width:34px;padding:7px}.appearance-palettes{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-controls{gap:3px}}
@media(prefers-reduced-motion:reduce){.appearance-icon svg{transition:none!important}}
#appearanceDialog,#tutorialMenu{width:min(550px,calc(100vw - 24px));max-width:calc(100vw - 24px)}#appearanceDialog h2,#tutorialMenu h2{font-family:'DM Sans',sans-serif;font-weight:550;line-height:1.15}
#appearanceDialog:not(.settings-dialog){box-sizing:border-box;width:min(550px,calc(100vw - 24px));padding:30px;border:1px solid var(--site-line);border-radius:22px;background:var(--site-surface);color:var(--site-ink);box-shadow:0 20px 80px #0003;max-height:90dvh;overflow:auto;font:14px/1.6 'DM Sans',system-ui,sans-serif}#appearanceDialog::backdrop{background:#10191a66;backdrop-filter:blur(8px)}#appearanceDialog:not(.settings-dialog) h2{font-weight:500;margin:15px 0}#appearanceDialog:not(.settings-dialog)>p{color:var(--site-muted);font-size:12px}#appearanceDialog .modal-close{position:absolute;right:16px;top:13px;display:grid;place-items:center;width:35px;height:35px;min-height:35px;padding:0;border:1px solid var(--site-line);border-radius:50%;background:transparent;color:var(--site-ink);font:23px system-ui;cursor:pointer}.appearance-palettes button{cursor:pointer;font-family:inherit}.appearance-palettes button:focus-visible,.appearance-icon:focus-visible{outline:2px solid var(--site-accent);outline-offset:4px}
.app-brand-links{display:grid;gap:3px;flex-shrink:0}.app-utility-links{display:flex;align-items:center;gap:13px;font:10px/1.5 'DM Sans',sans-serif}.app-utility-links a{color:var(--muted);text-decoration:none;white-space:nowrap}.app-utility-links a:hover{color:var(--ink)}.app-utility-links a[hidden]{display:none!important}.access-theme-host{position:absolute;right:25px;top:24px;z-index:2}body.access-locked>#appearanceDialog[open]{display:block!important}#accessGate{background:var(--site-bg);color:var(--site-ink)}#accessGate .access-card,#accessGate .access-brand{color:var(--site-ink)}#accessGate .access-card p,#accessGate #ownerSignIn,#accessGate .access-decoration{color:var(--site-muted)}#accessGate .access-eyebrow{color:var(--site-accent)}#accessGate .google-signin{background:var(--site-accent);color:var(--site-on-accent)}#accessGate .access-orbit{border-color:var(--site-line);background:radial-gradient(circle,var(--site-soft),transparent 70%)}#accessGate .access-orbit b{color:var(--site-accent)}#accessGate .access-orbit:before,#accessGate .access-orbit:after{border-color:var(--site-line)}
body.admin-page{background:var(--site-bg);color:var(--site-ink)}.admin-page header{border-color:var(--site-line)}.admin-page .metrics article,.admin-page .panel{background:var(--site-surface);border-color:var(--site-line)}.admin-page :is(button,.primary){background:var(--site-soft);color:var(--site-ink);border-color:var(--site-line)}.admin-page .primary{background:var(--site-accent);color:var(--site-on-accent)}.admin-page .metrics strong{color:var(--site-ink)}.admin-page :is(.heading p,.preview-panel>p,.eyebrow,.muted,footer,.metrics article span,.metrics small,.collection-row p,.collection-row b,.usage-row span,th,#adminStatus,.studio-link,.admin-website-link){color:var(--site-muted)}.admin-page :is(.owner-pill,.badge,.collection-icon){color:var(--site-accent);border-color:var(--site-line)}.admin-page :is(.collection-row,td,th){border-color:var(--site-line)}.admin-page td{color:var(--site-ink)}.admin-page .device-sketch i{background:var(--site-soft);border-color:var(--site-muted)}.admin-page .usage-row meter{accent-color:var(--site-accent)}.admin-website-link{font-size:11px;white-space:nowrap}.admin-page .header-right{display:flex}.admin-page header{gap:18px}.admin-page .appearance-icon{padding:8px;min-height:39px}
body.preview-page{background:var(--site-bg);color:var(--site-ink)}.preview-page .preview-header{background:var(--site-surface);border-color:var(--site-line);flex-wrap:wrap;gap:15px}.preview-page .preview-brand{color:var(--site-ink)}.preview-page :is(.preview-brand span,.preview-caption,.preview-caption>span:last-child,.preview-footer,#deviceDimensions){color:var(--site-muted)}.preview-page #deviceLabel{color:var(--site-ink)}.preview-page .device-switch{background:var(--site-soft);border-color:var(--site-line)}.preview-page :is(.device-switch button,.preview-actions button,.preview-actions a){color:var(--site-muted);border-color:var(--site-line)}.preview-page .device-switch button[aria-pressed=true]{background:var(--site-accent);color:var(--site-on-accent)}.preview-page #deviceStage{background:radial-gradient(ellipse at 50% 45%,var(--site-soft),transparent 65%)}.preview-page .header-right{display:flex}.preview-page.full-preview .header-right{display:none}.preview-page.full-preview .preview-header{background:var(--site-surface)}
body.timer-page{background:var(--site-bg);color:var(--site-ink)}.timer-page .timer-dial{background:radial-gradient(circle at 30% 15%,var(--site-soft),var(--site-surface) 72%);box-shadow:inset 0 0 0 1px var(--site-line),0 12px 35px #0002}.timer-page :is(.dial-brand,.timer-dial p){color:var(--site-muted)}.timer-page .timer-dial :is(button,a){background:var(--site-soft);color:var(--site-ink);border-color:var(--site-line)}.timer-page .timer-dial:before{background:conic-gradient(var(--site-accent) calc(var(--progress)*1turn),var(--site-line) 0)}.timer-appearance{position:fixed;right:5px;bottom:5px;z-index:10}.timer-appearance .appearance-icon{width:28px;height:28px;min-width:28px;padding:5px}.timer-appearance .appearance-icon svg{width:17px;height:17px}
@media(max-width:760px){.admin-page header{height:auto;min-height:82px;flex-wrap:wrap;padding:15px 18px;gap:10px}.admin-page .studio-link{margin-left:auto}.admin-page .header-right{margin-left:auto}.admin-page .appearance-icon{min-height:34px}.app-utility-links{font-size:9px;gap:10px}.access-theme-host{right:18px;top:18px}.preview-page .preview-header{padding:16px}.preview-page .header-right{margin-left:auto}#appearanceDialog:not(.settings-dialog){padding:25px 20px}.appearance-palettes{grid-template-columns:repeat(2,minmax(0,1fr))}}
html[data-motion=reduced] *,html[data-motion=reduced] *::before,html[data-motion=reduced] *::after{animation:none!important;transition:none!important}

@media(max-width:760px){.preview-page .device-switch{width:100%;order:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.preview-page .device-switch button{padding:9px 7px;font-size:11px}.preview-page .preview-actions{flex-wrap:wrap;max-width:100%}.preview-page .preview-actions button,.preview-page .preview-actions a{font-size:11px;padding:8px 10px}.preview-page .preview-brand span{display:block;margin:2px 0 0;font-size:7px}.preview-page.full-preview .device-switch{display:none}.preview-page.full-preview .preview-actions{flex-wrap:nowrap}}

.appearance-palettes .palette-group{grid-column:1/-1;margin:8px 0 0;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--site-muted)}.palette-sample{position:relative;padding-left:34px}.palette-sample i{position:absolute;left:10px;top:50%;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--sample-accent),var(--sample-accent2,var(--sample-accent)));transform:translateY(-50%);box-shadow:0 0 12px var(--sample-accent)}.appearance-palettes .palette-name{font-weight:600}.appearance-palettes small{font-size:11px;color:var(--site-muted);line-height:1.4}