/* Skin palette applies to the same markup, forms and status components. */
:root{--radius:9px;--panel-shadow:0 2px 10px #102d3208;--focus-color:#739c3a;--error-color:var(--c-9b3b32);--success-bg:#e0eddf;--success-ink:#24552a}
:root[data-skin=dark],:root[data-skin=losttapecult]{
 color-scheme:dark;
 --c-1d3538:#e8eff1;--c-f4f5ef:#11191d;--c-153b3d:#b9d9b0;--c-d7ea89:#a3c880;
 --c-dfe3d9:#344247;--c-687676:#a8b6b9;--c-fffef9:#1b262c;--c-ced7cf:#405259;
 --c-fff:#111d18;--c-285256:#c7e6bf;--c-cdd5ce:#526267;--c-e9ede0:#2c3c3e;
 --c-f6f8ee:#ecf4ec;--c-d8ea97:#c3df9d;--c-b9ccca:#bacdcb;--c-ecf0df:#e7f2e6;
 --c-a6bdb4:#b6c7c4;--c-b9ccbf:#d6e2dd;--c-d9eaa0:#b4d49b;--c-183e36:#16291e;
 --c-244c4b:#334b44;--c-b7cabe:#becfc5;--c-c4d5c7:#d7e5dc;
 --c-668055:#b1cf9c;--c-e8efcf:#24382d;--c-d6e1b9:#4c6750;--c-e6eadf:#2d3e36;--c-69765c:#c5d5b7;
 --c-eff0e5:#2b3b37;--c-687a4d:#cae1b3;--c-edf0e8:#2e4034;--c-64715b:#c4d6bb;
 --c-edf1ce:#3d4325;--c-66762e:#e3e8a6;--c-e2edef:#203e49;--c-36666a:#a3dfed;
 --c-ede6f3:#3a2a4c;--c-76588b:#ddbdff;--c-e0eddf:#24432c;--c-49744b:#b3edbf;
 --c-f3e6df:#4b2c24;--c-995a49:#f7c4b6;--c-f9faf4:#19292b;--c-cdd6c7:#496263;
 --c-829663:#c1d9a9;--c-79847a:#abbab1;--c-ddd2ad:#736039;--c-faf1d5:#3c3323;
 --c-e2b7aa:#a45e53;--c-fae8e0:#472725;--c-923e31:#ffc6bd;--c-9b3b32:#ffc0b8;--c-a04435:#ffb8ad;
 --c-788963:#c4d5b5;--c-e9eed8:#334337;--c-f7eed5:#3f3725;--c-dae5bf:#536c45;--c-e9ede3:#34463f;
 --success-bg:#233e2a;--success-ink:#c3e6bd;--focus-color:#e8ed9c;--panel-shadow:0 4px 16px #0003;
}
:root[data-skin=dark] .sidebar,:root[data-skin=dark] .intro{background:#182d29}
:root[data-skin=losttapecult]{
 font-family:"Exo 2","Segoe UI",sans-serif;
 --c-1d3538:#e8f4f7;--c-f4f5ef:#070d11;--c-153b3d:#49e7f2;--c-d7ea89:#49e7f2;
 --c-dfe3d9:#23333d;--c-687676:#98aab7;--c-fffef9:#101a22;--c-ced7cf:#37707b;
 --c-285256:#98f6fc;--c-cdd5ce:#3c727d;--c-e9ede0:#182e38;
 --c-fff:#061419;--c-ecf0df:#e8f4f7;--c-d9eaa0:#49e7f2;--c-183e36:#05151b;
 --c-244c4b:#15313c;--c-b9ccbf:#becfd8;--c-a6bdb4:#98aab7;--c-b7cabe:#b5c8d3;
 --c-668055:#49e7f2;--c-e8efcf:#102b36;--c-d6e1b9:#287785;--c-69765c:#b5e4e9;
 --c-e6eadf:#163340;--c-eff0e5:#162932;--c-687a4d:#49e7f2;--c-e9eed8:#102f3b;
 --c-f9faf4:#0c171e;--c-8ca548:#49e7f2;--c-829663:#ff55b7;--c-dae5bf:#2d7280;
 --focus-color:#ff78c7;--radius:6px;--panel-shadow:0 0 18px #49e7f20b;
 --success-bg:#103039;--success-ink:#a5f4fa;
 background:radial-gradient(ellipse at 70% 0,#102531 0,transparent 65%),#070d11;
}
:root[data-skin=losttapecult] .sidebar,:root[data-skin=losttapecult] .intro{background:linear-gradient(160deg,#10222d,#090f15);border-right:1px solid #285460;color:#e8f4f7}
:root[data-skin=losttapecult] .intro .eyebrow{color:#49e7f2}
:root[data-skin=losttapecult] .intro h1{color:#e8f4f7;text-shadow:0 0 35px #49e7f21a}
:root[data-skin=losttapecult] .intro-copy,:root[data-skin=losttapecult] .intro-bottom{color:#a6bbc8}
:root[data-skin=losttapecult] .eyebrow,:root[data-skin=losttapecult] .topbar,:root[data-skin=losttapecult] .detail-heading{text-transform:uppercase;letter-spacing:.12em}
:root[data-skin=losttapecult] .ring-mark{border-color:#49e7f2;color:#49e7f2;box-shadow:0 0 18px #49e7f21a}
:root[data-skin=losttapecult] .master-row,:root[data-skin=losttapecult] .panel,:root[data-skin=losttapecult] dialog,:root[data-skin=losttapecult] .order-card,:root[data-skin=losttapecult] .product-card{border-color:#2c6471}
:root[data-skin=losttapecult] .primary{box-shadow:0 0 12px #49e7f219}
:root[data-skin=losttapecult] .sidebar-sub{color:#ff7ac9}
:root[data-skin=contrast]{
 color-scheme:light;--c-1d3538:#000;--c-f4f5ef:#fff;--c-153b3d:#000;--c-d7ea89:#ffef00;
 --c-dfe3d9:#000;--c-687676:#222;--c-fffef9:#fff;--c-ced7cf:#000;--c-cdd5ce:#000;
 --c-668055:#183900;--c-79847a:#222;--c-9b3b32:#8b0000;--c-923e31:#8b0000;--focus-color:#005fcc;
 --radius:2px;--panel-shadow:none;
}
:root[data-skin=contrast] .nav-button.active{background:#ffef00;color:#000}
:root[data-skin=contrast] .master-row,:root[data-skin=contrast] .panel,:root[data-skin=contrast] .order-card,:root[data-skin=contrast] input,:root[data-skin=contrast] textarea,:root[data-skin=contrast] select{border-width:2px}
:root[data-skin=contrast] .muted,:root[data-skin=contrast] .help{font-size:14px}
.panel,.master-row,.product-card,.order-card,.stats article,dialog{border-radius:var(--radius);box-shadow:var(--panel-shadow)}
.nav-button span[data-copy]{font-size:inherit}
.section-heading h2 span[data-copy]{font:inherit;background:none;color:inherit;padding:0;border-radius:0;margin:0}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--focus-color)}
.notice:not(.error){background:var(--success-bg);color:var(--success-ink);border-color:var(--line)}
#notice{position:fixed;right:24px;bottom:24px;z-index:8;max-width:min(520px,calc(100vw - 32px));box-shadow:0 5px 30px #0003}
#manage-notice,#detail-notice{position:sticky;top:0;z-index:3}
.form-error,.field-error{color:var(--error-color)}
.settings-form{max-width:850px}.settings-actions{display:flex;gap:12px;flex-wrap:wrap;position:sticky;bottom:0;background:var(--paper);padding:16px 0;border-top:1px solid var(--line)}
.text-list{display:grid;gap:14px;margin-top:24px}.text-row{padding:18px;border:1px solid var(--line);border-radius:var(--radius)}.text-row small{display:block;margin-bottom:12px}.text-row textarea{min-height:70px}
.skin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}.skin-card{border:2px solid var(--line);padding:24px;gap:14px;border-radius:var(--radius);cursor:pointer}.skin-card:has(input:checked){border-color:var(--focus-color)}.skin-card input{width:20px;min-height:20px;accent-color:var(--ink)}.skin-card strong{font-size:20px}.skin-card span{line-height:1.5}
.skin-card.default{background:#fffef9;color:#153b3d}.skin-card.dark{background:#1b262c;color:#e8eff1}.skin-card.contrast{background:#fff;color:#000;border-color:#000}.skin-card.losttapecult{background:linear-gradient(150deg,#102531,#070d11);color:#49e7f2;font-family:"Exo 2",sans-serif;border-color:#37707b}
.event-choice{display:flex;gap:20px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.event-choice label:first-child{flex:1}.event-choice label:last-child{width:150px}
#settings-content>.secondary,#settings-content>.primary{margin:8px 8px 14px 0}#settings-content .master-row{margin-top:14px}
#phone-dialog{width:min(680px,94vw);max-height:90dvh;overflow:auto}#phone-content>a,#phone-content>button{margin:8px 8px 14px 0}#phone-content input{overflow-wrap:anywhere}#phone-notice{position:sticky;top:0}.setup-qr{display:block;width:230px;max-width:100%;height:auto;background:#fff;border:12px solid #fff;margin:20px 0}.message-copy{white-space:pre-wrap;overflow-wrap:anywhere}
#preview-dialog{width:min(1450px,96vw);max-height:95dvh;overflow:auto}#preview-frame{display:block;width:100%;height:68dvh;border:1px solid var(--line);margin:20px auto 0;background:var(--paper)}#preview-frame.mobile{width:390px;max-width:100%}.preview-only{pointer-events:none}.preview-only .sidebar{position:absolute}
dialog{max-height:92dvh;overflow:auto}h1,h2,.wordmark{overflow-wrap:anywhere}.wordmark{min-width:0}.sidebar .wordmark{font-size:24px}.sidebar nav{gap:3px}.sidebar .nav-button{font-size:12px}.sidebar nav button{white-space:normal;overflow-wrap:anywhere}.sidebar .wordmark .ring-mark{flex-shrink:0}
@media(max-width:760px){.skin-grid{grid-template-columns:1fr}.event-choice{gap:10px}.event-choice label:last-child{width:110px}.settings-actions{position:static}.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar .nav-button{font-size:10px}.text-row{padding:14px}.settings-form .primary{margin-bottom:12px}.sidebar .wordmark{font-size:25px}.sidebar .wordmark span[data-copy]{font-size:inherit}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:760px){.sidebar .nav-button{flex-direction:column;gap:5px;padding:8px 3px}.sidebar .nav-button span[data-copy]{font-size:10px;hyphens:auto;overflow-wrap:normal}.sidebar .nav-button>span[aria-hidden=true]{font-size:15px}}
