/* Copyright (c) 2026 Donnie Chamberlin. All rights reserved. Proprietary and confidential. */
/* Deliberately scoped: the singer's show theme and all controls keep their styles. */
.public-skip:not(:focus){clip-path:inset(100%);width:1px;height:1px;padding:0;overflow:hidden}
.site-header,.site-footer,.public-preview{--site-bg:#120c07;--site-panel:#1f150d;--site-line:#5c4033;--site-text:#fff4e8;--site-muted:#c9a27e;--site-orange:#ff8a00;font:400 16px/1.65 Inter,system-ui,sans-serif;color:var(--site-text);background:var(--site-bg);box-sizing:border-box;flex:none}
.site-header *,.site-footer *{box-sizing:border-box}.site-header{width:100%;border-bottom:1px solid var(--site-line);position:relative;z-index:10}
body[data-public-layout]>.site-header{background:var(--site-bg);border-bottom-color:var(--site-line)}
.site-header .container,.site-footer.container{width:min(1320px,calc(100% - 80px));max-width:none;margin-inline:auto;padding-inline:0}
.site-header .nav-shell{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:26px;padding-block:12px}
.site-header .brand,.site-footer .brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0;min-height:44px;color:var(--site-text);letter-spacing:.02em;font-size:16px}
.site-header .brand img,.site-footer .brand img{display:block;width:44px;height:44px;max-width:none;border-radius:10px;object-fit:contain;margin:0}
.site-header .brand>span,.site-footer .brand>span{font:400 16px/1.18 Bungee,Impact,sans-serif;letter-spacing:.02em;color:var(--site-text);text-shadow:none;text-transform:none}
.site-header .brand strong,.site-footer .brand strong{font-weight:400;color:var(--site-orange)}
.site-header .nav-links{display:flex;align-items:center;gap:24px;margin:0;padding:0;border:0;flex-basis:auto;flex-wrap:nowrap}
.site-header .nav-links>a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font:600 13px/1.5 Inter,system-ui,sans-serif;color:var(--site-text);white-space:nowrap}
.site-header .nav-links>a:hover,.site-footer a:hover,.site-header .nav-links>a[aria-current]{color:var(--site-orange)}
.site-header .nav-links .nav-trial{min-height:46px;gap:12px;padding:10px 17px;border:1px solid var(--site-orange);border-radius:10px;font:800 12px/1.5 Inter,system-ui,sans-serif;background:var(--site-orange);color:var(--site-bg);box-shadow:none;flex:none;text-align:center}
.site-header .nav-trial:hover{background:#ffa426;color:var(--site-bg)}
.site-header .nav-trial span{font-size:18px;line-height:1}
.site-header .menu-button{display:none;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:8px 13px;border:1px solid var(--site-line);border-radius:8px;font:600 12px/1.5 Inter,system-ui,sans-serif;background:var(--site-panel);color:var(--site-text);cursor:pointer}
.site-header :focus-visible,.site-footer :focus-visible{outline:3px solid var(--site-orange);outline-offset:4px}
.site-footer.container{display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:160px;padding-block:36px;border-top:1px solid var(--site-line);margin-top:auto;text-align:left}
.site-footer .brand img{width:40px;height:40px}.site-footer .brand>span{font-size:13px}.site-footer p{margin:0;font:400 12px/1.7 Inter,system-ui,sans-serif;color:var(--site-muted);text-align:left}
.site-footer nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap;max-width:580px;padding:0;background:none;border:0}
.site-footer nav a{display:inline-flex;align-items:center;min-height:44px;font:400 13px/1.5 Inter,system-ui,sans-serif;color:var(--site-text);text-decoration:none;overflow-wrap:anywhere}
.public-preview{text-align:center;padding:8px 16px;font:400 11px/1.6 Inter,system-ui,sans-serif;color:var(--site-muted);background:var(--site-panel);border-bottom:1px solid var(--site-line)}
.public-skip{position:fixed;top:10px;left:10px;z-index:100;padding:12px;background:#ff8a00;color:#120c07;transform:translateY(-180%);font:600 14px Inter,sans-serif}.public-skip:focus{transform:translateY(0)}
body[data-public-layout]{min-height:100vh;display:flex;flex-direction:column;padding:0}body[data-public-layout]>main{flex:1}
body[data-public-document]>main{width:min(760px,calc(100% - 40px));max-width:760px;padding:44px 0 60px;margin:0 auto}body[data-public-document]>main h1{font-size:clamp(28px,5vw,42px);line-height:1.2}
body[data-public-document]>section{width:min(760px,calc(100% - 40px));margin:0 auto 40px}
body[data-page="login"] .auth-layout{width:min(460px,calc(100% - 40px));margin:54px auto 70px;flex:1}
body[data-public-singer]>.wrap{width:100%;flex:1}
.public-attribution{font-size:12px;margin:24px 0;color:var(--muted)}
@media(max-width:1250px){.site-header .nav-links{gap:16px}.site-header .nav-links>a{font-size:12px}.site-header .container,.site-footer.container{width:calc(100% - 48px)}.site-footer.container{flex-wrap:wrap}.site-footer p{order:3;width:100%}}
@media(max-width:1100px){.site-header .nav-shell{min-height:82px;flex-wrap:wrap;gap:0}.site-header .menu-button{display:inline-flex}.site-header .nav-links{flex-basis:100%;flex-wrap:wrap;gap:7px 22px;border-top:1px solid var(--site-line);margin-top:14px;padding-top:12px;align-items:stretch}.site-header .nav-links>a{flex:1 0 25%;font-size:13px;justify-content:flex-start}.site-header .nav-links .nav-trial{flex:1 0 100%;justify-content:center}.public-nav-ready .site-header .nav-links:not(.is-open){display:none}}
@media(max-width:767px){.site-header .container,.site-footer.container{width:calc(100% - 36px)}.site-header .brand>span{font-size:14px}.site-header .brand img{width:40px;height:40px}.site-footer.container{flex-direction:column;align-items:flex-start;gap:18px;min-height:0;padding-block:34px}.site-footer nav{gap:12px 22px}.site-footer .brand>span{font-size:13px}.site-footer nav a[href^="mailto:"]{flex-basis:100%}}
@media(max-width:359px){.site-header .container,.site-footer.container{width:calc(100% - 28px)}}