@import url('/static/studio-fonts.css');
:root{color-scheme:dark;--ink:#131410;--paper:#f3efe4;--surface:#1d1e19;--surface-raised:#272820;--gold:#d5bc82;--muted:#b8b8a8;--line:#393b30;--danger:#f3a395;--bg-main:var(--ink);--bg-color:var(--ink);--bg-surface:var(--surface);--bg-card:var(--surface-raised);--bg-card-hover:#303127;--bg-hover:#303127;--card-bg:var(--surface);--primary:var(--gold);--primary-hover:#e7cf9a;--accent-color:var(--gold);--text-main:var(--paper);--text-color:var(--paper);--text-muted:var(--muted);--border:var(--line);--border-color:var(--line);--input-bg:var(--surface-raised);--error-color:var(--danger);--red:var(--danger);--green:#b5cfa9}
*{box-sizing:border-box}html{font-size:16px}body,button,input,select,textarea,*{font-family:'Studio Sans',sans-serif}body{margin:0;background:var(--ink);color:var(--paper);font-size:1rem;-webkit-font-smoothing:antialiased}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button,a,input,select,textarea{transition:background-color .18s,color .18s,border-color .18s,opacity .18s}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button svg,a svg{flex:none;vertical-align:middle}a{color:var(--gold)}input,select,textarea{color:var(--paper);background:var(--surface-raised);border:1px solid var(--line);border-radius:.75rem;font-size:1rem;min-height:3rem;width:100%;padding:.75rem;max-width:100%;min-width:0;outline-offset:3px}input[type=checkbox],input[type=radio]{min-height:1.25rem;width:1.25rem;accent-color:var(--gold)}label{color:var(--muted);font-size:.875rem;line-height:1.5}h1,h2,h3,p{margin-top:0}h1,h2{text-wrap:balance}h1,.display-title,.page-title{font-family:'Studio Display',serif;font-weight:500;letter-spacing:-.025em}small,.muted{color:var(--muted)}.eyebrow{font-size:.6875rem;text-transform:uppercase;letter-spacing:.17em;color:var(--gold);display:block;margin-bottom:.625rem}.skip-link{position:fixed;left:1rem;top:-8rem;z-index:100;padding:.75rem;background:var(--gold);color:var(--ink)}.skip-link:focus{top:1rem}
.studio-app{height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.studio-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;padding-top:max(.625rem,env(safe-area-inset-top));border-bottom:1px solid var(--line);gap:1rem;min-height:3.75rem;background:var(--ink)}.studio-brand{display:flex;align-items:center;gap:.625rem;text-decoration:none;color:var(--paper)}.studio-brand img{width:2rem;height:2rem;object-fit:contain}.studio-brand strong{display:block;font-size:.8rem;letter-spacing:.12em;font-weight:600}.studio-brand small{display:block;font-size:.625rem;letter-spacing:.1em;color:var(--muted);margin-top:.125rem}.studio-desktop-nav{display:none}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem;border:1px solid var(--line);border-radius:.875rem;color:var(--paper);background:transparent;text-decoration:none}.icon-button:hover{background:var(--surface-raised)}.studio-bottom-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#191a15;border-top:1px solid var(--line);padding:.35rem .4rem max(.35rem,env(safe-area-inset-bottom));gap:.125rem;z-index:10}.studio-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-height:3.3rem;text-decoration:none;color:var(--muted);font-size:.625rem;letter-spacing:.01em;border-radius:.75rem}.studio-bottom-nav a[aria-current=page]{color:var(--gold);background:#d5bc820b}.studio-bottom-nav a[aria-current=page] svg{stroke-width:2}.content-area{min-height:0;min-width:0}.studio-app>.content-area{display:block;overflow:auto;padding:1.25rem 1rem 2rem;overscroll-behavior-y:contain}.studio-app .container{width:100%;max-width:70rem;margin:0 auto;padding:0;min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.page-heading h1{font-size:2.5rem;line-height:1;margin-bottom:.5rem}.page-heading p{font-size:.875rem;color:var(--muted);line-height:1.6;margin-bottom:0}.button-primary,.button-secondary,.button-danger,.studio-app .btn,.studio-app .main-btn,.studio-app .save-btn{min-height:3rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;border-radius:.875rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none}.button-primary,.studio-app .main-btn,.studio-app .save-btn,.studio-app .btn{background:var(--gold);color:var(--ink)}.button-primary:hover,.studio-app .btn:hover{background:var(--primary-hover)}.button-secondary{background:var(--surface-raised);border-color:var(--line);color:var(--paper)}.button-danger{color:#23130d;background:var(--danger)}.subtle-button{background:transparent;border:0;color:var(--muted);min-height:2.75rem;min-width:2.75rem;padding:.5rem;font-size:.875rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.field{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}.field label{font-size:.875rem;text-transform:none;letter-spacing:0}.field input,.field select,.field textarea{margin:0}.field-full{grid-column:1/-1}.section-label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);margin:1.5rem 0 .75rem}.empty-state{padding:3rem 1rem;text-align:center;color:var(--muted);line-height:1.6}.inline-error{color:var(--danger);font-size:.875rem;line-height:1.5;overflow-wrap:anywhere;margin:.625rem 0;min-height:0}.studio-toast{position:fixed;z-index:50;left:50%;bottom:calc(5rem + env(safe-area-inset-bottom));transform:translate(-50%,.75rem);background:var(--paper);color:var(--ink);border-radius:1rem;padding:1rem 1.25rem;max-width:calc(100% - 2rem);width:max-content;box-shadow:0 12px 48px #0006;font-size:.875rem;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.studio-toast.visible{opacity:1;transform:translate(-50%,0)}
.studio-sheet{padding:0;color:var(--paper);background:var(--surface);border:1px solid var(--line);border-radius:1.5rem 1.5rem 0 0;width:100%;max-width:38rem;max-height:92vh;max-height:92dvh;margin:auto auto 0;overflow:auto;overscroll-behavior:contain;box-shadow:0 -10px 80px #0008;animation:sheet-in .22s ease-out}.studio-sheet::backdrop{background:#080a07b8;backdrop-filter:blur(5px)}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;padding:1.4rem 1.25rem .75rem;gap:1rem}.sheet-head h2{font-family:'Studio Display',serif;font-size:2rem;font-weight:500;line-height:1.1;margin:.375rem 0 .625rem}.sheet-head p{color:var(--muted);font-size:.875rem;line-height:1.5;margin:0}.sheet-content{padding:1rem 1.25rem max(1.5rem,env(safe-area-inset-bottom))}.sheet-content h2{font-family:'Studio Display',serif;font-size:2rem;font-weight:500}.sheet-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:1.25rem 0}.sheet-actions button{justify-content:flex-start;font-size:.875rem;min-height:3rem}.sheet-section{border-top:1px solid var(--line);padding-top:1rem;margin-top:1rem}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.5rem}.confirm-sheet{max-width:28rem}.sheet-close{flex:none}.summary-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.summary-pill{border:1px solid var(--line);padding:.5rem .75rem;border-radius:2rem;font-size:.875rem;color:var(--muted)}.summary-pill.gold{color:var(--gold);border-color:#d5bc8240}.max-connected{color:#c1d1f2}.form-submit{width:100%;margin-top:1rem}.dialog-kicker{font-size:.875rem;color:var(--gold);font-variant-numeric:tabular-nums}.day-booking-list{list-style:none;padding:0;margin:0}.day-booking-list button{width:100%;display:flex;align-items:center;gap:.875rem;background:transparent;border:0;border-bottom:1px solid var(--line);text-align:left;color:var(--paper);padding:1rem 0;min-height:3rem}.day-booking-list time{font-size:.875rem;color:var(--gold);font-variant-numeric:tabular-nums}.day-booking-list span{flex:1;min-width:0}.day-booking-list strong{display:block;font-weight:500;overflow-wrap:anywhere}.day-booking-list small{display:block;margin-top:.25rem;font-size:.875rem;overflow-wrap:anywhere}
@keyframes sheet-in{from{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}
@media(min-width:768px){.studio-header{padding:.75rem 1.5rem}.studio-desktop-nav{display:flex;gap:.25rem}.studio-desktop-nav a{min-height:2.75rem;padding:.75rem;text-decoration:none;color:var(--muted);font-size:.875rem;border-radius:.75rem}.studio-desktop-nav a[aria-current=page]{color:var(--gold);background:var(--surface)}.studio-bottom-nav{display:none}.studio-app{grid-template-rows:auto minmax(0,1fr)}.studio-app>.content-area{padding:2rem}.studio-sheet{margin:auto;border-radius:1.5rem;width:calc(100% - 3rem);max-height:88dvh}.studio-toast{bottom:2rem}.page-heading h1{font-size:3rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
