/* Browser controls sit outside the preserved original storefront. */
html{min-height:100%;background:#e9ecee!important}
html[data-scheme="dark"]{background:#090a0b!important}
html[style*="--franchise-accent"]{--accent:color-mix(in srgb,var(--franchise-accent) 65%,#16171a);--accent-text:var(--accent);--accent-soft:color-mix(in srgb,var(--franchise-accent) 12%,#fff)}
html[data-scheme="dark"][style*="--franchise-accent"]{--accent:var(--franchise-accent);--accent-text:var(--accent);--accent-soft:color-mix(in srgb,var(--franchise-accent) 14%,#111214)}
body{width:100%;max-width:430px;margin:0 auto!important;min-height:100dvh;box-shadow:0 0 0 1px #80808018,0 12px 80px #00000012}
#you-header{position:sticky;top:0;z-index:65;display:flex;align-items:center;justify-content:space-between;gap:7px;height:52px;padding:0 12px;background:var(--background);border-bottom:1px solid var(--border);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
#you-header button{display:flex;align-items:center;justify-content:center;min-width:30px;height:34px;border:0;border-radius:10px;background:transparent;color:var(--foreground);font:600 12px/1 system-ui;cursor:pointer}
#you-header button:hover{background:var(--card)}
#you-header button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.you-brand{flex:1;min-width:0;text-align:center;line-height:1.15}
.you-brand strong{display:block;font-size:12px;letter-spacing:.06em}
.you-brand strong::before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--franchise-accent,#b9f65a)}
.you-brand small{display:block;margin-top:2px;font-size:10px;color:var(--muted-foreground);font-weight:500;white-space:nowrap}
#you-theme{font-size:17px!important}
#root .app-viewport{min-height:calc(100dvh - 52px)}
.fixed.inset-x-0{max-width:430px;margin-inline:auto}
.fixed.inset-x-2{max-width:414px;margin-inline:auto}
.sheet-bottom{max-width:430px;margin-inline:auto}
#you-notice{position:fixed;z-index:200;bottom:88px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:398px;padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:var(--foreground);color:var(--background);font:500 13px/1.4 system-ui;box-shadow:0 12px 36px #0003}
#you-notice[hidden]{display:none}
@media(max-width:430px){body{box-shadow:none}html{background:var(--background)!important}}
@media(prefers-reduced-motion:reduce){#you-header *{transition:none}}