@import "https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800&display=swap";:root{--page-bg:#000;--page-bg-soft:#212121;--panel-bg:#212121d1;--panel-bg-strong:#212121eb;--panel-line:#f36c2159;--panel-line-strong:#f36c218c;--text-strong:#fff;--text-soft:#c8c8c8;--text-muted:#888;--accent:#f36c21;--accent-strong:#f36c21;--signal:#f36c21;--signal-soft:#f36c212e;--danger:#ff7b6b;--success:#7fcfa0;--display-font:"Figtree", "Segoe UI Variable", "Segoe UI", sans-serif;--body-font:"Figtree", "Segoe UI Variable", "Segoe UI", sans-serif;font-family:var(--body-font);color:var(--text-soft);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#f36c2124,#0000 26%),radial-gradient(circle at 85% 18%,#21212147,#0000 18%),linear-gradient(#212121 0%,#000 100%);font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-height:100vh;margin:0;position:relative}body:before,body:after{content:"";pointer-events:none;filter:blur(24px);border-radius:50%;position:fixed;top:auto;bottom:auto;left:auto;right:auto}body:before{filter:none;background-color:#0000;background-image:linear-gradient(#f36c2109 1px,#0000 1px),linear-gradient(90deg,#f36c2109 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:0;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000000bf,#0000 92%);mask-image:linear-gradient(#000000bf,#0000 92%)}body:after{filter:blur(40px);background:radial-gradient(circle,#f36c212e,#0000 70%);width:26rem;height:26rem;top:-10rem;right:-4rem}body>*{z-index:1;position:relative}#root{width:min(1220px,100% - 2.5rem);margin:0 auto;padding:1.6rem 0 3rem}h1{font-family:var(--display-font);letter-spacing:-.04em;color:var(--text-strong);text-wrap:balance;max-width:11ch;margin:0;font-size:max(2.7rem,min(6vw,4.9rem));line-height:.98}p{margin:0}a{color:inherit}.shell{gap:1.25rem;display:grid}.brand-logo{background:linear-gradient(135deg,#212121e6,#000000e6);border:1px solid #f36c2159;border-radius:999px;justify-self:start;align-items:center;gap:.7rem;padding:.4rem .55rem .4rem .4rem;display:inline-flex;box-shadow:inset 0 1px #f36c212e,0 12px 26px #00000057}.brand-logo-image{object-fit:contain;width:2rem;height:2rem;display:block}.brand-logo-copy{gap:.04rem;line-height:1.05;display:grid}.brand-logo-copy strong{color:var(--text-strong);letter-spacing:.03em;font-size:.88rem}.brand-logo-copy span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;font-size:.64rem}.shell-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.view-switcher{border:1px solid var(--panel-line);background:#212121cc;border-radius:999px;gap:.45rem;padding:.35rem;display:inline-flex}.view-switch{color:var(--text-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.82rem 1.18rem;font-weight:700}.view-switch:hover{color:var(--text-strong);background:#f36c2129;outline:none}.view-switch:focus-visible{color:var(--text-strong);background:#f36c2129;outline:none}.view-switch-active{color:#000;background:#f36c21}.session-bar{border:1px solid var(--panel-line);background:#212121cc;border-radius:999px;align-items:center;gap:.85rem;padding:.45rem .55rem .45rem 1rem;display:flex}.session-copy{gap:.1rem;display:grid}.session-copy strong{color:var(--text-strong);font-size:.95rem}.session-copy span{color:var(--text-muted);font-size:.84rem}.session-button,.auth-button,.action-row button,.playlist-play{font:inherit;letter-spacing:.01em;color:#000;cursor:pointer;background:#f36c21;border:0;border-radius:14px;padding:.85rem 1.15rem;font-weight:700;text-decoration:none;box-shadow:0 12px 24px #00000042}.auth-panel,.hero-panel,.playlist-panel,.player-panel{border:1px solid var(--panel-line);background:linear-gradient(#212121eb,#000000f5);border-radius:22px;padding:1.8rem;position:relative;overflow:hidden;box-shadow:0 24px 64px #0006}.auth-panel{padding:2.6rem}.hero-panel h1{letter-spacing:-.02em;max-width:100%;font-size:max(1.3rem,min(2.5vw,1.75rem));line-height:1.3}.auth-panel h1{gap:.6rem;max-width:100%;display:grid}.auth-heading-primary{letter-spacing:-.03em;color:#fff;font-size:max(1.8rem,min(4vw,2.8rem));line-height:1.1;display:block}.auth-heading-secondary{letter-spacing:0;color:#888;font-size:max(.95rem,min(1.8vw,1.15rem));font-weight:400;line-height:1.5;display:block}.auth-panel:after,.hero-panel:after,.playlist-panel:after,.player-panel:after{content:"";background:linear-gradient(90deg,#f36c2100,#f36c218c,#f36c2100);width:100%;height:1px;position:absolute;top:0;bottom:auto;left:0;right:auto}.auth-actions,.auth-help{margin-top:1.8rem}.status-banner{border:1px solid var(--panel-line);border-radius:16px;margin:0;padding:.95rem 1.1rem}.status-success{color:#7fcfa0;background:#212121cc}.status-error{color:#ff7b6b;background:#212121cc}.status-info{color:#c8c8c8;background:#212121cc}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#f36c21;margin:0 0 .9rem;font-size:.74rem;font-weight:600}.intro,.playlist-note,.player-subtitle,.form-header p,.playlist-meta,.empty-state,.playlist-empty{color:var(--text-soft)}.intro{max-width:42rem;font-size:1.02rem}.dashboard{grid-template-columns:minmax(0,1.3fr) minmax(18rem,.9fr);gap:1.5rem;display:grid}.dashboard-player{grid-template-columns:minmax(0,1.4fr) minmax(18rem,.8fr);align-items:start}.builder-layout{grid-template-columns:minmax(0,1.12fr) minmax(22rem,.88fr);align-items:start;gap:1.5rem;display:grid}.builder-column{min-width:0}.builder-assets-column,.builder-playlist-column{gap:1.25rem;display:grid}.builder-config-stack{gap:1rem;display:grid}.form-stack{gap:1rem;margin-top:2rem;display:grid}.library-card{margin-top:.25rem}.library-summary-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.form-card{background:#212121cc;border:1px solid #f36c2140;border-radius:18px;gap:.85rem;padding:1.15rem;display:grid}.form-header h2,.playlist-header h2,.player-header h2{font-family:var(--display-font);color:var(--text-strong);letter-spacing:-.03em;margin:0;font-size:1.52rem}.form-header p,.player-subtitle,.playlist-note{margin:.35rem 0 0}.field-label{text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted);margin-top:.2rem;font-size:.74rem;display:block}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.form-card input,.playlist-select,.playlist-rename input{border:1px solid var(--panel-line);width:100%;min-width:0;font:inherit;color:#fff;background:#212121eb;border-radius:14px;padding:.9rem 1rem}.playlist-select option{color:#fff;background:#212121}.form-card input::placeholder,.playlist-rename input::placeholder{color:#c8c8c873}.form-card input:focus-visible{outline-offset:2px;outline:2px solid #f36c2199}.form-card button:focus-visible{outline-offset:2px;outline:2px solid #f36c2199}.playlist-play:focus-visible{outline-offset:2px;outline:2px solid #f36c2199}.button-link:focus-visible{outline-offset:2px;outline:2px solid #f36c2199}.playlist-select:focus-visible{outline-offset:2px;outline:2px solid #f36c2199}.playlist-rename input:focus-visible{outline-offset:2px;outline:2px solid #f36c2199}.action-row{flex-wrap:wrap;gap:.75rem;margin-top:.2rem;display:flex}.action-row button:hover,.playlist-play:hover{transform:translateY(-1px);box-shadow:0 14px 28px #0000005c}.button-secondary{color:#fff;border:1px solid var(--panel-line);box-shadow:none;background:#212121}.button-link{color:#f36c21;cursor:pointer;font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.action-row button:disabled,.playlist-play:disabled,.button-link:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.playlist-header,.player-header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.playlist-count{color:#fff;background:#212121e6;border:1px solid #f36c2159;border-radius:999px;place-items:center;min-width:2.2rem;height:2.2rem;display:inline-grid}.playlist-selector{gap:.4rem;min-width:14rem;display:grid}.playlist-selector-inline{min-width:100%;margin-top:0}.playlist-delete{justify-self:start;margin-top:.15rem}.playlist-rename{gap:.45rem;margin-top:.55rem;display:grid}.playlist-list{gap:.8rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.playlist-item{background:linear-gradient(#212121e0,#000000eb);border:1px solid #f36c2138;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.9rem;padding:.95rem;display:grid}.playlist-item-active{border-color:#f36c218c;box-shadow:0 0 0 1px #f36c2133}.playlist-copy{min-width:0}.playlist-title-row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.playlist-title-row strong,.empty-state p,.playlist-empty p{color:#fff}.playlist-badge{color:#c8c8c8;text-transform:uppercase;letter-spacing:.12em;background:#212121d9;border:1px solid #f36c2140;border-radius:999px;padding:.28rem .6rem;font-size:.72rem;display:inline-flex}.playlist-meta{word-break:break-word;margin:.5rem 0 0;font-size:.92rem}.playlist-actions{justify-items:end;gap:.5rem;display:grid}.drag-handle{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.76rem}.playlist-empty{background:#212121b8;border:1px dashed #f36c2159;border-radius:16px;margin-top:1.25rem;padding:1.2rem}.playlist-list-compact .playlist-item{grid-template-columns:auto minmax(0,1fr)}.playlist-list-compact{max-height:20.5rem;padding-right:.35rem;overflow-y:auto}.library-list{gap:.6rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.library-item{background:linear-gradient(#212121e0,#000000eb);border:1px solid #f36c212e;border-radius:14px;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem .95rem;display:flex}.player-frame{aspect-ratio:16/9;background:linear-gradient(135deg,#212121e6,#000);border:1px solid #f36c214d;border-radius:18px;margin-top:1.2rem;overflow:hidden;box-shadow:inset 0 0 0 1px #f36c211a}.video-player,.empty-state{width:100%;height:100%}.video-player{background:#000;display:block}.empty-state{text-align:center;place-items:center;padding:2rem;display:grid}.empty-state p,.playlist-empty p{margin-bottom:.45rem;font-size:1.08rem}@media (max-width:1024px){.dashboard,.builder-layout{grid-template-columns:1fr}.player-header,.playlist-header{flex-direction:column}.shell-bar{align-items:stretch}.playlist-selector{min-width:100%}.session-bar{justify-content:space-between;width:100%}.playlist-list-compact{max-height:none;padding-right:0;overflow-y:visible}}@media (max-width:720px){.view-switcher{grid-template-columns:1fr 1fr;width:100%;display:grid}.field-grid,.playlist-item{grid-template-columns:1fr}.playlist-actions{justify-items:start}.action-row{flex-direction:column}}