:root{--color-warm-cream: #ffedd7;--color-warm-cream-dim: rgba(255, 237, 215, .55);--color-walnut-shadow: #100904;--color-walnut-mid: #1c1008;--color-bark-brown: #382416;--color-bark-glow: #4a3020;--color-cork-border: #40372e;--color-driftwood: #6c5f51;--color-ember-accent: #dc5000;--color-ember-glow: rgba(220, 80, 0, .15);--color-pure-black: #000000;--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", "Segoe UI", system-ui, sans-serif;--text-label: 11px;--text-subheading: 18px;--leading-subheading: 1;--text-heading-sm: 24px;--leading-heading-sm: 1.09;--text-body: 18px;--leading-body: 1.6;--text-heading: 41px;--leading-heading: 1;--text-display: clamp(52px, 8vw, 96px);--leading-display: .95;--font-weight-regular: 400;--font-weight-medium: 500;--spacing-4: 4px;--spacing-6: 6px;--spacing-8: 8px;--spacing-9: 9px;--spacing-10: 10px;--spacing-12: 12px;--spacing-14: 14px;--spacing-18: 18px;--spacing-24: 24px;--spacing-31: 31px;--spacing-41: 41px;--spacing-45: 45px;--spacing-68: 68px;--spacing-204: 204px;--card-padding: clamp(24px, 4vw, 68px);--element-gap: 18px;--nav-height: 64px;--radius-cards: 12px;--radius-inputs: 0px;--radius-full-round: 9999px;--radius-buttons-pill: 36px;--radius-buttons-outlined: 22.5px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-walnut-shadow);color:var(--color-warm-cream);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}main{background:var(--color-walnut-shadow);min-height:100vh}main:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px}.page-head,.join-wrap,.live-top{max-width:none;padding:calc(var(--nav-height) + 60px) var(--card-padding) var(--spacing-68);min-height:100vh;position:relative;z-index:2}.join-wrap{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:var(--card-padding)}.join-left-content{display:flex;flex-direction:column;gap:var(--spacing-18)}.workspace,.live-grid{display:grid;background:transparent;border:0;gap:0;position:relative;z-index:2}.workspace{max-width:none;margin:0;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--color-cork-border)}.live-grid{max-width:none;grid-template-columns:1.5fr .75fr}.invite{display:flex;gap:var(--spacing-24);align-items:center}@media(max-width:900px){.join-wrap{grid-template-columns:1fr}.public-visual-panel{display:none!important}.workspace,.live-grid{grid-template-columns:1fr}.page-head,.join-wrap,.live-top{padding:calc(var(--nav-height) + 48px) var(--card-padding) var(--spacing-45)}}h1,h2,h3{font-family:var(--font-display);color:var(--color-warm-cream);font-weight:var(--font-weight-medium);letter-spacing:-.01em}h1{font-size:var(--text-display);line-height:var(--leading-display)}h1 em{color:var(--color-ember-accent);font-style:italic}h2{font-size:var(--text-heading);line-height:var(--leading-heading)}h3{font-size:var(--text-heading-sm);line-height:var(--leading-heading-sm)}.eyebrow,.label{font-family:var(--font-body);font-size:var(--text-label);font-weight:var(--font-weight-medium);letter-spacing:.14em;text-transform:uppercase;color:var(--color-driftwood)}.eyebrow-accent{color:var(--color-ember-accent)}.lede,.page-head>p,.join-wrap>p{font-family:var(--font-body);color:var(--color-warm-cream-dim);font-size:clamp(16px,1.4vw,20px);font-weight:var(--font-weight-regular);line-height:1.65;max-width:640px}.text,.outline,.primary,.danger{font-family:var(--font-body);font-size:var(--text-label);font-weight:var(--font-weight-medium);letter-spacing:.1em;text-transform:uppercase;border:0;background:transparent;color:var(--color-warm-cream);transition:opacity .2s ease,background .2s ease,color .2s ease,border-color .2s ease;white-space:nowrap}.text{text-decoration:underline;text-underline-offset:4px;padding:0}.text:hover{opacity:.7}.outline{border:1px solid var(--color-cork-border);border-radius:var(--radius-buttons-outlined);padding:9px var(--spacing-24);color:var(--color-warm-cream-dim)}.outline:hover{border-color:var(--color-warm-cream);color:var(--color-warm-cream)}.primary{background:var(--color-ember-accent);border:1px solid var(--color-ember-accent);border-radius:var(--radius-buttons-pill);padding:var(--spacing-14) var(--spacing-31);color:var(--color-warm-cream)}.primary:hover:not(:disabled){background:#f06010;border-color:#f06010}.primary-bark{background:var(--color-bark-brown);border:1px solid var(--color-cork-border);border-radius:var(--radius-buttons-pill);padding:var(--spacing-14) var(--spacing-31);color:var(--color-warm-cream);font-family:var(--font-body);font-size:var(--text-label);font-weight:var(--font-weight-medium);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s ease;white-space:nowrap}.primary-bark:hover:not(:disabled){background:var(--color-bark-glow)}.danger{color:var(--color-ember-accent);border:1px solid var(--color-cork-border);border-radius:var(--radius-buttons-outlined);padding:9px var(--spacing-24)}.danger:hover{border-color:var(--color-ember-accent)}.full{width:100%}.success{color:#8ec99a;font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase}.error{color:var(--color-ember-accent);font-size:var(--text-label);letter-spacing:.08em;text-transform:uppercase}.code{font-family:var(--font-display);font-size:clamp(var(--text-display),7vw,86px);line-height:var(--leading-display);color:var(--color-warm-cream);letter-spacing:-.02em}.qr{width:132px;height:132px;display:grid;place-items:center;background:var(--color-warm-cream);color:var(--color-walnut-shadow);font-weight:900;margin:22px 0;border-radius:var(--radius-cards)}.panel,.session-panel{background:var(--color-walnut-shadow);padding:var(--spacing-45) clamp(var(--card-padding),5vw,var(--spacing-68));border-right:1px solid var(--color-cork-border)}.session-panel{background:var(--color-bark-brown);border-right:0}label{display:block;color:var(--color-driftwood);text-transform:uppercase;font-size:var(--text-label);font-weight:var(--font-weight-medium);letter-spacing:.1em;margin:0 0 var(--spacing-18)}label span,.hint,small{color:var(--color-driftwood);font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}input,textarea{width:100%;margin-top:var(--spacing-8);border:0;border-bottom:1px solid rgba(255,237,215,.25);border-radius:var(--radius-inputs);background:transparent;color:var(--color-warm-cream);padding:var(--spacing-8) 2px;font-size:15px;transition:border-color .2s ease;outline:none}input:focus,textarea:focus{border-bottom-color:var(--color-warm-cream)}input[type=file]{border:1px dashed var(--color-cork-border);padding:var(--spacing-10);font-size:var(--text-label);letter-spacing:.06em}textarea{border:1px solid var(--color-cork-border);padding:var(--spacing-12);resize:vertical;font-size:14px}textarea:focus{border-color:#ffedd766}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-14)}.join-card{display:flex;flex-direction:column;gap:var(--spacing-24);max-width:440px;margin-top:var(--spacing-41)}.home-page{display:flex;flex-direction:column;min-height:100vh}.hero{position:relative;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:calc(var(--nav-height) + 80px) var(--card-padding) 80px;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 20% 60%,#1c0e05 0%,var(--color-walnut-shadow) 70%)}.hero-content{display:flex;flex-direction:column;gap:var(--spacing-31);max-width:600px;opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);z-index:2;position:relative}.hero.visible .hero-content{opacity:1;transform:translateY(0)}.hero-arc{position:absolute;bottom:-80px;left:50%;transform:translate(-50%);width:120%;max-width:1000px;pointer-events:none;z-index:1}.hero-arc svg{width:100%;height:auto}.actions{display:flex;gap:var(--spacing-14);align-items:center;flex-wrap:wrap}.hero-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px;opacity:0;transform:translateY(20px);transition:opacity 1s .3s cubic-bezier(.22,1,.36,1),transform 1s .3s cubic-bezier(.22,1,.36,1)}.hero.visible .hero-visual,.hero-visual.visible{opacity:1;transform:translateY(0)}.hero-k{position:absolute;font-family:var(--font-display);font-size:clamp(180px,22vw,320px);font-weight:500;color:transparent;-webkit-text-stroke:1px rgba(255,237,215,.06);letter-spacing:-.05em;line-height:1;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:0}.waveform{display:flex;align-items:center;gap:5px;height:100px;position:relative;z-index:2}.bar{width:6px;border-radius:3px;background:linear-gradient(to top,var(--color-ember-accent),rgba(220,80,0,.3));height:calc(var(--h) * 100%);animation:pulse 1.8s ease-in-out infinite alternate;animation-delay:var(--delay)}@keyframes pulse{0%{transform:scaleY(.35);opacity:.5}to{transform:scaleY(1);opacity:1}}.visual-label{margin-top:28px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-driftwood);position:relative;z-index:2}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--color-cork-border)}.feature-grid article{padding:var(--spacing-68) var(--card-padding);border-right:1px solid var(--color-cork-border);position:relative;transition:background .3s ease}.feature-grid article:last-child{border-right:0}.feature-grid article:hover{background:#3824164d}.feat-num{display:block;font-family:var(--font-display);font-size:11px;color:var(--color-ember-accent);letter-spacing:.2em;margin-bottom:var(--spacing-18);opacity:.8}.feature-grid article:before{content:"";display:block;width:24px;height:1.5px;background:var(--color-ember-accent);opacity:.5;margin-bottom:var(--spacing-24)}.feature-grid h2{font-size:clamp(22px,2.5vw,32px);line-height:1.1;margin-bottom:var(--spacing-18)}.feature-grid p{font-size:15px;line-height:1.65;color:var(--color-warm-cream-dim)}.landing-footer{border-top:1px dashed var(--color-cork-border);padding:var(--spacing-31) var(--card-padding);background:var(--color-walnut-shadow)}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-24);flex-wrap:wrap}.footer-privacy{font-size:var(--text-label);color:var(--color-driftwood);letter-spacing:.05em;max-width:600px;line-height:1.5}.footer-links{display:flex;gap:var(--spacing-18);align-items:center}.text-link{background:transparent;border:0;color:var(--color-warm-cream-dim);font-size:var(--text-label);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:4px;transition:color .2s ease}.text-link:hover{color:var(--color-warm-cream)}.auth-footer-links{display:flex;flex-direction:column;gap:var(--spacing-12);margin-top:var(--spacing-18);align-items:flex-start}.role-selector{display:flex;gap:var(--spacing-12);margin-bottom:var(--spacing-18)}.role-selector button{flex:1}.panel{background:#38241640;border:1px solid var(--color-cork-border);padding:var(--spacing-31);border-radius:var(--radius-cards)}.public-visual-panel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-45);border:1px dashed var(--color-cork-border);border-radius:var(--radius-cards);background:radial-gradient(circle at center,#38241659,#100904cc);min-height:480px;overflow:hidden;gap:var(--spacing-24)}.visual-arc-bg{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0}.visual-arc-bg svg{width:100%;max-width:420px;height:auto;animation:spinSlow 40s linear infinite}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.visual-k-bg{position:absolute;font-family:var(--font-display);font-size:clamp(140px,18vw,260px);font-weight:500;color:transparent;-webkit-text-stroke:1px rgba(255,237,215,.05);line-height:1;pointer-events:none;z-index:0}.waveform-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-14);position:relative;z-index:2}.waveform-bars{display:flex;align-items:center;gap:6px;height:90px}.visual-status-pill{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--color-warm-cream-dim);display:flex;align-items:center;gap:6px;background:#10090499;padding:4px 12px;border-radius:999px;border:1px solid var(--color-cork-border)}.pulse-dot{color:var(--color-ember-accent);animation:blink 1.2s infinite alternate}@keyframes blink{0%{opacity:.3}to{opacity:1}}.caption-preview-card{position:relative;z-index:2;width:100%;max-width:410px;background:#100904eb;border:1px solid var(--color-cork-border);border-top:2px solid var(--color-ember-accent);border-radius:10px;padding:var(--spacing-24);display:flex;flex-direction:column;gap:var(--spacing-14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 12px 32px #00000073,0 0 20px #dc500014;transition:transform .3s ease,box-shadow .3s ease}.caption-preview-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px #0009,0 0 28px #dc500026}.header-tag-group{display:flex;align-items:center;gap:8px}.mini-equalizer{display:flex;align-items:flex-end;gap:2px;height:10px}.mini-equalizer .m-bar{width:2px;background:var(--color-ember-accent);height:100%;border-radius:1px;animation:miniPulse .8s ease-in-out infinite alternate}.mini-equalizer .m-bar:nth-child(2){animation-delay:.2s}.mini-equalizer .m-bar:nth-child(3){animation-delay:.4s}@keyframes miniPulse{0%{height:30%}to{height:100%}}.card-header{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.14em;color:var(--color-driftwood)}.live-tag{color:var(--color-ember-accent);font-weight:700;font-size:9px;letter-spacing:.12em;border:1px solid var(--color-ember-accent);background:#dc50001f;padding:2px 8px;border-radius:4px;display:flex;align-items:center;gap:5px}.preview-text{font-family:var(--font-body);font-size:14px;line-height:1.6;color:var(--color-warm-cream);font-style:italic;min-height:52px}.typing-cursor{color:var(--color-ember-accent);font-style:normal;font-weight:700;animation:cursorBlink .6s infinite alternate}@keyframes cursorBlink{0%{opacity:0}to{opacity:1}}.preview-metrics{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;color:var(--color-driftwood);border-top:1px dashed var(--color-cork-border);padding-top:var(--spacing-12)}.visual-footer{position:relative;z-index:2;text-align:center}.visual-subtitle{font-size:12px;color:var(--color-warm-cream-dim);margin-top:4px}.tab-selector{display:flex;gap:var(--spacing-8);margin:var(--spacing-14) 0;flex-wrap:wrap}.tab-selector button{padding:6px 14px;font-size:10px}.archive-row{border-top:1px dashed var(--color-cork-border);padding-top:var(--spacing-14);margin-top:var(--spacing-14)}.not-found-wrap{align-items:center;text-align:center;gap:var(--spacing-18);min-height:80vh}.not-found-badge{font-family:var(--font-body);font-size:var(--text-label);letter-spacing:.18em;text-transform:uppercase;color:var(--color-driftwood);margin-bottom:var(--spacing-12)}.code-404-title{font-family:var(--font-display);font-size:clamp(96px,16vw,180px);line-height:.85;font-weight:500;color:transparent;-webkit-text-stroke:1.5px var(--color-ember-accent);letter-spacing:-.04em;margin-bottom:var(--spacing-14)}.not-found-heading{font-size:clamp(28px,4vw,45px);margin-bottom:var(--spacing-14)}.not-found-actions{margin-top:var(--spacing-31);justify-content:center}@media(max-width:900px){.hero{grid-template-columns:1fr;padding:calc(var(--nav-height) + 48px) var(--card-padding) 48px}.hero-visual{display:none}.feature-grid{grid-template-columns:1fr}.feature-grid article{border-right:0;border-bottom:1px solid var(--color-cork-border);padding:var(--spacing-45) var(--card-padding)}.feature-grid article:last-child{border-bottom:0}.footer-content{flex-direction:column;align-items:flex-start}}