:root{font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;color:#f8f5ef;background:#120d12;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input{font:inherit}button:disabled{opacity:.6;cursor:not-allowed;transform:none}a{color:inherit}.app-shell{min-height:100vh;color:#f8f5ef;background:radial-gradient(circle at top left,rgba(243,177,76,.32),transparent 30%),radial-gradient(circle at top right,rgba(117,73,255,.2),transparent 24%),linear-gradient(160deg,#120d12,#19161f 48%,#0f1720)}.layout{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:92px 0 56px}.hero-panel,.room-panel,.join-panel{display:grid;gap:24px}.hero-panel{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start}.hero-copy,.create-panel,.room-panel,.join-panel,.side-card,.tv-card,.modal-card{background:#11161cb3;border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 60px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-copy,.create-panel,.join-panel,.side-card,.tv-card{border-radius:28px}.hero-copy{padding:42px;min-height:420px;display:flex;flex-direction:column;justify-content:center}.hero-copy h1,.room-header h1,.join-panel h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.6rem,5vw,5rem);line-height:.98}.hero-description,.compact-text,.room-meta,.hint,.modal-eyebrow{color:#f8f5efc7;line-height:1.7}.eyebrow,.screen-tag{margin:0 0 12px;font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:#f3b14c}.create-panel,.join-panel{padding:28px}.create-panel{display:grid;gap:18px}.create-panel label,.field-grid label{display:grid;gap:8px}.create-panel span,.field-grid span{font-size:.95rem;color:#f8f5efdb}.create-panel input{width:100%}.create-panel input,.controls input[type=range]{accent-color:#f3b14c}input{border:1px solid rgba(255,255,255,.18);background:#ffffff0d;color:#fff;border-radius:16px;padding:14px 16px;font-size:1rem}small,.muted{color:#f8f5ef94}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.time-field{display:grid;gap:10px}.time-input-group{display:flex;align-items:center;gap:10px}.time-input-group label{flex:1 1 0}.time-input-group input{text-align:center;font-variant-numeric:tabular-nums}.time-input-group strong{color:#f8f5efcc;font-size:1.3rem}.info-strip{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.info-strip article,.sidebar{display:grid;gap:18px}.info-strip article{padding:24px;border-radius:24px;background:#ffffff0f;border:1px solid rgba(255,255,255,.09)}.info-strip p{margin:8px 0 0;color:#f8f5efc7;line-height:1.7}.primary-button,.secondary-button,.danger-button,.coffee-button{border:none;border-radius:999px;padding:14px 20px;font-size:.96rem;font-weight:700;cursor:pointer;transition:transform .18s ease,opacity .18s ease,background .18s ease}.primary-button:hover,.secondary-button:hover,.danger-button:hover,.coffee-button:hover{transform:translateY(-1px)}.primary-button{background:linear-gradient(135deg,#f3b14c,#f07a43);color:#141414}.secondary-button{background:#ffffff14;color:#f8f5ef}.danger-button{background:#c9445a2e;color:#ffb7c4}.coffee-button{position:fixed;top:18px;right:18px;z-index:20;background:#f3b14c24;color:#ffd48d;border:1px solid rgba(243,177,76,.32)}.room-panel{padding:28px}.room-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.room-actions,.button-row{display:flex;gap:12px;flex-wrap:wrap}.theater-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:24px}.tv-card{padding:24px}.tv-screen{position:relative;min-height:360px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent),linear-gradient(140deg,#1f2630,#141018);overflow:hidden;display:grid;place-items:center;margin-bottom:20px}.screen-glow{position:absolute;top:20px;right:20px;bottom:20px;left:20px;border-radius:24px;background:radial-gradient(circle at center,rgba(243,177,76,.16),transparent 38%),radial-gradient(circle at 50% 100%,rgba(81,173,255,.18),transparent 44%);filter:blur(6px)}.screen-content{position:relative;text-align:center;padding:24px}.screen-content h2{margin:0 0 10px;font-size:clamp(1.8rem,4vw,3.3rem);font-family:Georgia,Times New Roman,serif}.controls{display:grid;gap:14px}.time-row{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}.controls input[type=range]{width:100%}.sidebar{align-content:start}.side-card{padding:22px}.side-card h3{margin-top:0;margin-bottom:12px}.participant-list{margin:0;padding:0;list-style:none;display:grid;gap:10px}.participant-list li{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:16px;background:#ffffff0d}.join-panel{max-width:540px;margin:0 auto}.status-banner{margin:18px auto 0;padding:14px 18px;max-width:720px;text-align:center;color:#fff4d7;background:#f3b14c1f;border:1px solid rgba(243,177,76,.28);border-radius:999px}.cooldown-text{margin:4px 0 0;text-align:center;color:#f8f5efb8}.copy-toast{position:fixed;left:50%;bottom:56px;transform:translate(-50%);z-index:40;padding:14px 18px;border-radius:999px;background:#14181feb;color:#fff4d7;border:1px solid rgba(243,177,76,.35);box-shadow:0 16px 40px #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070bb8;display:grid;place-items:center;z-index:30;padding:24px}.modal-card{width:min(360px,100%);border-radius:32px;padding:28px;text-align:center}.qr-image{width:100%;border-radius:20px;margin-bottom:18px}.watermark{position:fixed;right:18px;bottom:14px;color:#ffffff59;font-size:.84rem;pointer-events:none}@media (max-width: 960px){.hero-panel,.theater-grid,.info-strip{grid-template-columns:1fr}.room-header{flex-direction:column}}@media (max-width: 640px){.layout{width:min(100% - 20px,1180px);padding-top:84px}.hero-copy,.create-panel,.room-panel,.join-panel,.side-card,.tv-card{border-radius:22px}.hero-copy,.create-panel,.room-panel,.join-panel,.tv-card,.side-card{padding:20px}.field-grid{grid-template-columns:1fr}.time-input-group{gap:6px}.coffee-button{left:10px;right:10px;top:10px}.tv-screen{min-height:260px}}