@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Syne:wght@600;700;800&display=swap";:root{--bg-deep:#0c1210;--bg-mid:#15201c;--ink:#e8f0ea;--ink-muted:#9aafa3;--accent:#3dcf8e;--accent-dim:#2a9a68;--danger:#e85d5d;--surface:#ffffff0a;--border:#e8f0ea1f;--radius:14px;--font-display:"Syne", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;color:var(--ink);background:var(--bg-deep);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(1200px 600px at 10% -10%, #3dcf8e2e, transparent 55%), radial-gradient(900px 500px at 100% 20%, #28785a38, transparent 50%), linear-gradient(165deg, var(--bg-deep) 0%, var(--bg-mid) 55%, #0a100e 100%);background-attachment:fixed;min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}.page{width:min(960px,100% - 2rem);margin:0 auto;padding:2.5rem 0 4rem}.page.watch{width:min(1200px,100% - 1.5rem);padding-top:1.25rem}.brand{font-family:var(--font-display);letter-spacing:-.04em;background:linear-gradient(120deg, #f2fff6 10%, var(--accent) 90%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 1rem;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;line-height:.95}.tagline{font-family:var(--font-display);letter-spacing:-.02em;max-width:18ch;margin:0 0 .75rem;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600}.lede{color:var(--ink-muted);max-width:36rem;margin:0;font-size:1.05rem;line-height:1.5}.home{flex-direction:column;justify-content:center;gap:2rem;min-height:calc(100vh - 2rem);display:flex;position:relative}.home-atmosphere{aspect-ratio:1;filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#3dcf8e40,#0000 70%);border-radius:50%;width:min(420px,70vw);animation:12s ease-in-out infinite alternate drift;position:absolute;inset:10% -20% auto auto}@keyframes drift{0%{transform:translate(-8%)scale(1)}to{transform:translate(6%,12%)scale(1.08)}}.brand-block,.cta-row{z-index:1;position:relative}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent);color:#062016;font-weight:700}.btn-primary:hover{background:#4fe0a0}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--ink)}.btn-secondary:hover{border-color:#3dcf8e73}.btn-danger{color:#ffb4b4;background:0 0;border-color:#e85d5d80}.btn-danger:hover{background:#e85d5d1f}.watch-form{z-index:1;flex-direction:column;gap:.5rem;max-width:34rem;display:flex;position:relative}.watch-form label,.link-box label{color:var(--ink-muted);font-size:.85rem}.watch-form-row,.link-row{flex-wrap:wrap;gap:.5rem;display:flex}.watch-form input,.link-row input,.link-box input{background:var(--surface);border:1px solid var(--border);min-width:0;color:var(--ink);border-radius:999px;outline:none;flex:12rem;padding:.85rem 1.1rem}.watch-form input:focus,.link-row input:focus{border-color:#3dcf8e8c}.form-error{color:#ffb4b4;margin:.25rem 0 0;font-size:.9rem}.page-top h1{font-family:var(--font-display);letter-spacing:-.03em;margin:.5rem 0;font-size:clamp(1.75rem,4vw,2.4rem)}.back-link{color:var(--ink-muted);font-size:.95rem;transition:color .2s}.back-link:hover{color:var(--accent)}.share-panel{gap:1.5rem;margin-top:1.75rem;display:grid}@media (width>=840px){.share-panel{grid-template-columns:1.3fr 1fr;align-items:start}}.preview-shell{aspect-ratio:16/10;border:1px solid var(--border);border-radius:var(--radius);background:#050807;position:relative;overflow:hidden}.preview,.watch-video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.preview-placeholder{color:var(--ink-muted);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.live-badge{background:var(--danger);color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:6px;padding:.35rem .65rem;font-size:.75rem;font-weight:700;animation:2s ease-in-out infinite pulse;position:absolute;top:.75rem;left:.75rem}.watch .live-badge{position:static}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.share-controls{flex-direction:column;gap:1rem;display:flex}.link-box{flex-direction:column;gap:.4rem;display:flex}.hint,.status-line{color:var(--ink-muted);margin:0;font-size:.9rem}.check-row{color:var(--ink-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;font-size:.95rem;display:flex}.check-row input{width:1.05rem;height:1.05rem;accent-color:var(--accent)}.watch-chrome{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.watch-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.room-label{font-family:var(--font-display);font-weight:600}.status-pill{color:var(--ink-muted);border:1px solid var(--border);border-radius:999px;padding:.3rem .7rem;font-size:.8rem}.status-pill-error{color:#ffb4b4;border-color:#e85d5d66}.watch-stage{aspect-ratio:16/9;border-radius:var(--radius);border:1px solid var(--border);background:#000;animation:.5s both fade-in;position:relative;overflow:hidden}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.watch-overlay{text-align:center;color:var(--ink-muted);background:#050807b8;place-items:center;padding:1.5rem;display:grid;position:absolute;inset:0}.watch-overlay p{max-width:28rem;margin:0;line-height:1.45}