@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{--color-black:#0a0a0a;--color-white:#fff;--color-grey-100:#f5f5f5;--color-grey-300:#d1d1d1;--color-grey-700:#454545;--color-accent:#c9a84c;--color-accent-soft:#efe2b9;--font-body:"Inter", sans-serif;--font-display:"Playfair Display", serif;font-family:var(--font-body);color:var(--color-grey-700);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#c9a84c24,#0000 22%),linear-gradient(#fbfbfa 0%,#f2f2f0 100%);font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}h1,h2,h3{font-family:var(--font-display);color:var(--color-black);margin:0;line-height:1.05}h1{font-size:clamp(2.7rem,7vw,4.8rem)}h2{font-size:clamp(1.7rem,5vw,2.5rem)}h3{font-size:1.45rem}p{margin:0}button{font-family:inherit}.staff-app-shell{min-height:100svh}.staff-hero{min-height:24rem;color:var(--color-white);background:linear-gradient(#0a0a0a4d 0%,#0a0a0ae6 100%),radial-gradient(circle at 0 0,#c9a84c33,#0000 38%),url(/sngbackground.png) 50%/cover no-repeat;align-items:flex-end;padding:1.25rem;display:flex;position:relative}.staff-hero:after{content:"";background:linear-gradient(120deg,#ffffff17,#0000 24%),radial-gradient(circle at 100% 100%,#c9a84c29,#0000 30%);position:absolute;inset:0}.staff-hero-copy{z-index:1;gap:.9rem;width:min(100%,34rem);display:grid;position:relative}.eyebrow,.card-label,.section-kicker{text-transform:uppercase;letter-spacing:.2em;margin:0;font-size:.72rem;font-weight:700}.staff-lockup{align-items:center;gap:.9rem;display:flex}.staff-logo{object-fit:contain;background:#ffffff14;border:1px solid #ffffff47;border-radius:1rem;width:3.25rem;height:3.25rem;padding:.42rem}.staff-subtitle,.staff-description{color:#fffc}.staff-actions{flex-wrap:wrap;gap:.75rem;display:flex}.primary-action,.secondary-action,.nav-item,.queue-action{appearance:none;font:inherit;cursor:pointer;border:0}.primary-action,.secondary-action,.queue-action{border-radius:999px;min-height:3rem;padding:0 1rem}.primary-action{background:var(--color-accent);color:var(--color-black);font-weight:700}.secondary-action,.queue-action{color:var(--color-white);background:#ffffff14;border:1px solid #ffffff3d}.staff-content{z-index:1;margin-top:-2rem;padding:0 1rem 6rem;position:relative}.section-header{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.accent-pill{background:var(--color-accent-soft);color:var(--color-black);border-radius:999px;padding:.45rem .8rem;font-size:.8rem;font-weight:700}.staff-grid{gap:1rem;display:grid}.info-card{border:1px solid var(--color-grey-300);background:#fffffff2;border-radius:1.35rem;box-shadow:0 18px 40px #00000014}.card-body{gap:.8rem;padding:1.1rem;display:grid}.schedule-strip{flex-wrap:wrap;gap:.65rem;display:flex}.schedule-strip span,.meta-row span,.queue-window,.mini-chip{background:var(--color-grey-100);color:var(--color-grey-700);border-radius:999px;padding:.38rem .65rem;font-size:.82rem;font-weight:600}.status-chip{background:var(--color-accent-soft);color:var(--color-black);border-radius:999px;padding:.4rem .7rem;font-size:.78rem;font-weight:700}.card-topline,.meta-row,.card-toolbar{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.queue-card{border:1px solid #c9a84c80}.queue-action{background:var(--color-black);color:var(--color-white)}.schedule-list,.notes-list{gap:.8rem;display:grid}.schedule-list div,.notes-list div{border-left:2px solid var(--color-grey-300);gap:.15rem;padding-left:.85rem;display:grid}.bottom-nav{background:#0a0a0af0;border-radius:1.25rem;grid-template-columns:repeat(4,1fr);gap:.5rem;width:calc(100% - 2rem);max-width:28rem;padding:.65rem;display:grid;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0000002e}.nav-item{color:#ffffffc2;background:0 0;border-radius:.9rem;min-height:2.75rem}.nav-item-active{color:var(--color-accent);background:#c9a84c29}@media (width>=768px){.staff-hero{min-height:29rem;padding:2rem}.staff-content{padding-inline:2rem}.staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.queue-card,.schedule-card{grid-column:span 2}}@media (width>=1280px){.staff-app-shell{max-width:90rem;margin:0 auto}.staff-hero{border-radius:0 0 2rem 2rem}.staff-content{padding-inline:2.5rem}}