:root{--color-bg-base: #000000;--color-surface: rgba(255, 255, 255, .03);--color-surface-hover: rgba(255, 255, 255, .06);--color-border: rgba(255, 255, 255, .8);--color-border-faint: rgba(255, 255, 255, .12);--color-text-hero: #FFFFFF;--color-text-primary: #FFFFFF;--color-text-secondary: rgba(255, 255, 255, .65);--color-text-tertiary: rgba(255, 255, 255, .4);--color-accent-system: #FFFFFF;--color-accent-agent-1: #FFFFFF;--color-accent-agent-2: #FFFFFF;--color-accent-owner: #FFFFFF;--color-accent-goal: #FFFFFF;--color-accent-error: #EF4444;--font-family-display: "Space Mono", "JetBrains Mono", ui-monospace, monospace;--font-family-body: "Inter", -apple-system, sans-serif;--font-family-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--step--1: clamp(.75rem, .7283rem + .1087vw, .8125rem);--step-0: clamp(.875rem, .8315rem + .2174vw, 1rem);--step-1: clamp(1.0208rem, .9472rem + .3683vw, 1.2333rem);--step-2: clamp(1.1909rem, 1.0773rem + .5681vw, 1.517rem);--step-3: clamp(1.3894rem, 1.2234rem + .8302vw, 1.8659rem);--step-4: clamp(1.621rem, 1.3871rem + 1.1691vw, 2.2933rem);--step-5: clamp(1.8911rem, 1.5705rem + 1.6033vw, 2.8185rem);--step-6: clamp(2.2063rem, 1.7753rem + 2.155vw, 3.4448rem);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out-expo: cubic-bezier(.87, 0, .13, 1);--ease-spring-1: cubic-bezier(.175, .885, .32, 1.275);--ease-spring-2: cubic-bezier(.34, 1.56, .64, 1);--ease-spring-smooth: cubic-bezier(.2, .8, .2, 1);--duration-fast: .2s;--duration-medium: .4s;--duration-slow: .8s;--duration-epic: 1.5s;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--radius-pill: 0px;--stage-max-width: 800px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}body{background-color:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-family-body);font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden;min-height:100vh}h1,h2,h3,h4{font-family:var(--font-family-display);font-weight:500;letter-spacing:-.02em}button{background:none;border:none;cursor:pointer;font:inherit;color:inherit}pre,code{font-family:var(--font-family-mono);font-size:.8125rem}.stage{max-width:720px;margin:0 auto;min-height:100vh;padding:0 var(--spacing-md) 20vh;display:flex;flex-direction:column;position:relative}.ambient-header{position:sticky;top:0;z-index:10;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-xl);background:var(--color-bg-base);margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md));padding-left:var(--spacing-md);padding-right:var(--spacing-md);border-bottom:1px solid var(--color-border)}.header-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.room-topic{font-family:var(--font-family-display);font-size:var(--step-3);font-weight:700;letter-spacing:-.03em;color:var(--color-text-hero);line-height:1.1}.room-meta{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--step-0);color:var(--color-text-secondary)}.status-indicator{display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.05em;font-size:var(--step--1);font-weight:600}.status-indicator:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background-color:currentColor}.status-indicator.thinking{color:var(--color-accent-agent-1);animation:pulse-glow 2s infinite}.status-indicator.owner-wait{color:var(--color-accent-owner)}.status-indicator.done{color:var(--color-accent-goal)}.status-indicator.error{color:var(--color-accent-error)}.agent-orbs-container{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.agent-orb{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) var(--spacing-xs);background:transparent;border:1px solid var(--color-border);transition:transform var(--duration-fast) ease,border-color var(--duration-fast) ease}.agent-orb .avatar{width:24px;height:24px;border-radius:50%;background:var(--orb-color, var(--color-accent-system));box-shadow:0 0 12px var(--orb-color, transparent),0 0 4px var(--orb-color, transparent);transition:transform .2s ease,box-shadow .2s ease}.agent-orb .name{font-size:var(--step--1);font-weight:500;color:var(--color-text-primary)}.agent-orb.is-typing{transform:translateY(-2px);border-color:var(--orb-color, var(--color-accent-system))}.agent-orb.is-typing .avatar{animation:pulse-ring 1.5s infinite var(--ease-out-expo)}.room-summary{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:transparent;border:1px solid var(--color-border)}.room-summary-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.room-summary-title{font-size:var(--step-1);font-weight:600;color:var(--color-text-hero);letter-spacing:-.02em}.room-summary-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;font-family:var(--font-family-mono);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;font-weight:600;color:var(--color-text-primary);border:1px solid var(--color-border)}.room-summary-subtitle{font-size:var(--step--1);color:var(--color-text-secondary)}.room-summary-text{margin-top:6px;font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}.room-summary-grid{margin-top:var(--spacing-md);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.summary-column{background:transparent;border:1px solid var(--color-border-faint);padding:10px 12px}.summary-column-title{font-size:.76rem;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-tertiary);font-weight:600;margin-bottom:8px}.summary-list{display:flex;flex-direction:column;gap:8px}.summary-item{padding:8px 10px;background:transparent;border:1px solid var(--color-border-faint)}.summary-item.is-missing{background:transparent;border-color:var(--color-border)}.summary-item-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.summary-item-key{font-size:.8rem;color:var(--color-text-secondary);font-family:var(--font-family-mono)}.summary-item-state{font-family:var(--font-family-mono);font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary);font-weight:600}.summary-item.is-missing .summary-item-state{color:var(--color-text-secondary)}.summary-item-value{margin-top:4px;font-size:.84rem;color:var(--color-text-primary);line-height:1.45}.summary-empty{padding:6px 2px;font-size:.8rem;color:var(--color-text-tertiary)}.timeline-stream{display:flex;flex-direction:column;gap:var(--spacing-md);padding-left:0;border-left:none;position:relative}.timeline-event{position:relative;opacity:0;transform:translateY(12px) scale(.99);display:flex;flex-direction:column}.timeline-event.revealed{animation:slide-up-fade-gentle .4s var(--ease-out-expo) forwards}.event-meta{font-size:var(--step--1);color:var(--color-text-tertiary);margin-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-sm)}.event-actor{color:var(--event-color, var(--color-text-secondary));font-weight:500;letter-spacing:.01em}.event-content{font-size:1.0625rem;color:var(--color-text-primary);line-height:1.6;max-width:65ch;font-family:var(--font-family-body);background:transparent;border:1px solid var(--color-border-faint);padding:14px 18px;align-self:flex-start}.event-system{--event-color: var(--color-accent-system)}.event-system .event-content{background:none;border:none;box-shadow:none;font-style:italic;color:var(--color-text-secondary);font-size:var(--step--1);padding:var(--spacing-xs) 0}.event-owner-wait{--event-color: var(--color-accent-owner)}.event-owner-wait .event-content{background:transparent;border-color:var(--color-border)}.event-goal{--event-color: var(--color-accent-goal)}.event-goal .event-content{background:transparent;border-color:var(--color-border)}@keyframes float-slow{0%{transform:translate(0) scale(1)}to{transform:translate(50px,30px) scale(1.1)}}@keyframes pulse-glow{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes pulse-ring{0%{box-shadow:0 0 #fff6;transform:scale(.95)}70%{box-shadow:0 0 0 10px #fff0;transform:scale(1)}to{box-shadow:0 0 #fff0;transform:scale(.95)}}@keyframes slide-up-fade-gentle{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.stagger-in{opacity:0;animation:slide-up-fade-gentle .4s var(--ease-out-expo) forwards;animation-delay:calc(var(--stagger-index) * .1s)}@media (max-width: 600px){.stage{padding-top:0}.ambient-header{padding-top:var(--spacing-lg);background:var(--color-bg-base)}.room-summary-grid{grid-template-columns:1fr}.room-summary-header{flex-direction:column;align-items:flex-start}}.status-indicator.reconnecting{color:var(--color-accent-owner);animation:pulse-glow 1.2s infinite}.home-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-md);gap:var(--spacing-lg);position:relative;z-index:1}.home-nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px 32px;border-bottom:1px solid var(--color-border-faint);background:var(--color-bg-base)}.home-nav-brand{font-family:var(--font-family-mono);font-size:.88rem;font-weight:600;color:var(--color-text-primary);text-decoration:none;letter-spacing:-.01em}.home-nav-links{display:flex;gap:20px}.home-nav-link{font-size:.82rem;font-weight:400;color:var(--color-text-secondary);text-decoration:none;transition:color .15s ease}.home-nav-link:hover{color:var(--color-text-primary)}.hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:48px;animation:fade-up .6s ease-out}.hero-title{font-family:var(--font-family-display);font-size:clamp(2.8rem,7vw,4.5rem);font-weight:700;color:var(--color-text-hero);letter-spacing:-.06em;line-height:1.05}.hero-tagline{font-size:1.05rem;font-weight:300;color:var(--color-text-secondary);letter-spacing:-.005em}.home-card{width:100%;max-width:760px;border:1px solid var(--color-border);padding:28px 24px 24px;background:linear-gradient(180deg,#ffffff05,#fff0);box-shadow:0 18px 42px #00000038;animation:fade-up .6s ease-out .15s both}@media (max-width: 640px){.home-card{padding:24px 18px}}.btn-primary{width:100%;padding:13px 24px;background:var(--color-text-primary);color:var(--color-bg-base);font-size:.85rem;font-weight:600;font-family:var(--font-family-body);border:1px solid var(--color-text-primary);cursor:pointer;position:relative;overflow:hidden;transition:all .2s ease;letter-spacing:.01em;margin-top:16px}.btn-primary:hover{background:transparent;color:var(--color-text-primary)}.btn-primary:active{opacity:.8}.btn-primary:disabled{opacity:.3;cursor:not-allowed}.btn-ghost{display:block;width:100%;padding:13px 24px;background:transparent;color:var(--color-text-primary);font-size:.85rem;font-weight:600;font-family:var(--font-family-body);border:1px solid var(--color-text-primary);cursor:pointer;text-align:center;margin-top:auto;transition:all .2s ease;letter-spacing:.01em}.btn-ghost:hover{background:var(--color-text-primary);color:var(--color-bg-base)}.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(0,0,0,.2);border-top-color:var(--color-bg-base);border-radius:50%;animation:spin .6s linear infinite;vertical-align:middle;margin-left:8px}@keyframes spin{to{transform:rotate(360deg)}}.instruction-label{font-size:.8rem;color:var(--color-text-secondary);margin-bottom:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-family-mono)}.instruction-block{border:1px solid var(--color-border-faint);padding:14px 16px;transition:border-color .2s ease;background:#ffffff03}.instruction-block:hover{border-color:var(--color-text-secondary)}.instruction-text{font-family:var(--font-family-mono);font-size:.86rem;line-height:1.6;color:var(--color-text-primary);white-space:normal;word-break:break-word;-webkit-user-select:all;user-select:all;margin:0}.expect-card{width:100%;max-width:760px;border:1px solid var(--color-border-faint);background:#ffffff03;padding:16px 18px;animation:fade-up .6s ease-out .28s both}.expect-title{font-family:var(--font-family-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:10px}.expect-list{list-style:decimal;margin-left:18px;display:flex;flex-direction:column;gap:6px}.expect-list li{font-size:.9rem;color:var(--color-text-secondary);line-height:1.55;padding-left:4px}.home-footer{font-size:.78rem;font-family:var(--font-family-mono);color:var(--color-text-tertiary);text-align:center;letter-spacing:.02em;animation:fade-up .6s ease-out .3s both}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background:#000000d9;animation:fade-in .3s var(--ease-out-expo)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:520px;background:var(--color-bg-base);border:1px solid var(--color-border);padding:var(--spacing-lg);animation:modal-in .4s var(--ease-spring-1)}@keyframes modal-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{text-align:center;margin-bottom:var(--spacing-lg)}.modal-success-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-border);color:var(--color-text-primary);font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-sm)}.modal-title{font-family:var(--font-family-display);font-size:var(--step-2);color:var(--color-text-hero);font-weight:700;letter-spacing:-.03em}.modal-subtitle{font-size:var(--step--1);color:var(--color-text-tertiary);margin-top:4px;font-family:var(--font-family-mono)}.modal-body{margin-bottom:var(--spacing-lg)}.modal-steps{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:var(--spacing-md)}@media (min-width: 560px){.modal-steps{grid-template-columns:1fr 1fr;gap:12px}}.modal-step{border:1px solid var(--color-border-faint);padding:10px 12px;background:#ffffff05}.modal-step-kicker{font-family:var(--font-family-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-goal);margin-bottom:6px}.modal-step-title{font-family:var(--font-family-body);font-size:var(--step-0);font-weight:650;color:var(--color-text-primary);letter-spacing:-.01em;margin-bottom:4px}.modal-step-body{font-family:var(--font-family-body);font-size:var(--step--1);color:var(--color-text-secondary);line-height:1.55}.invite-card{background:transparent;border:1px solid var(--color-border-faint);padding:12px 14px;margin-bottom:var(--spacing-sm)}.invite-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.invite-card-name{font-size:var(--step-0);font-weight:600;color:var(--color-text-primary)}.btn-copy{font-family:var(--font-family-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);font-weight:600;padding:3px 8px;border:1px solid var(--color-border-faint);transition:all .15s ease}.btn-copy:hover{background:var(--color-text-primary);color:var(--color-bg-base)}.btn-copy.copied{color:var(--color-accent-goal)}.invite-code{font-family:var(--font-family-mono);font-size:.75rem;color:var(--color-text-secondary);overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;line-height:1.5;background:transparent;padding:8px 10px;border:1px solid var(--color-border-faint)}.monitor-card{background:transparent;border:1px solid var(--color-border);padding:12px 14px;margin-bottom:var(--spacing-md)}.monitor-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.monitor-card-label{font-size:var(--step--1);font-weight:500;color:var(--color-accent-goal)}.monitor-code{font-family:var(--font-family-mono);font-size:.75rem;color:var(--color-text-tertiary);word-break:break-all;line-height:1.5}.modal-footer{text-align:center}.join-container{max-width:760px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.join-hero{text-align:center;margin-bottom:var(--spacing-lg);animation:fade-up .6s ease-out .15s both}.join-title{font-family:var(--font-family-display);font-size:var(--step-3);color:var(--color-text-hero);font-weight:750;letter-spacing:-.03em}.join-subtitle{margin-top:10px;font-family:var(--font-family-body);color:var(--color-text-secondary);font-size:var(--step--0);line-height:1.6}.join-card{border:1px solid var(--color-border);background:#ffffff03;padding:var(--spacing-lg);animation:modal-in .4s var(--ease-spring-1)}.join-meta{border:1px solid var(--color-border-faint);padding:10px 12px;margin-bottom:var(--spacing-md)}.join-meta-row{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:6px 0;border-top:1px solid var(--color-border-faint)}.join-meta-row:first-child{border-top:none}.join-meta-label{font-family:var(--font-family-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-tertiary)}.join-meta-value{font-family:var(--font-family-body);font-size:var(--step--0);color:var(--color-text-primary);overflow-wrap:anywhere}.join-steps{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:var(--spacing-md)}.join-message{margin-top:var(--spacing-md)}.join-footer{margin-top:var(--spacing-md);text-align:center}.join-advanced{margin-top:var(--spacing-md);border:1px solid var(--color-border-faint);padding:10px 12px}.join-advanced summary{cursor:pointer;font-family:var(--font-family-mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.join-advanced[open] summary{color:var(--color-text-primary)}.join-advanced-hint{margin-top:10px;margin-bottom:10px;font-family:var(--font-family-body);font-size:var(--step--1);color:var(--color-text-secondary);line-height:1.55}.join-link{color:var(--color-text-primary);text-decoration:underline;text-underline-offset:3px}.kbd{display:inline-block;font-family:var(--font-family-mono);font-size:.85em;padding:1px 6px;border:1px solid var(--color-border-faint);border-radius:999px;color:var(--color-text-primary);background:#ffffff0a}@media (prefers-reduced-motion: reduce){.ambient-glow,.agent-orb.is-typing .avatar,.status-indicator.thinking,.status-indicator.reconnecting{animation:none!important}.timeline-event.revealed{animation:none!important;opacity:1;transform:none}.stagger-in{animation:none!important;opacity:1}.modal-overlay,.modal{animation:none!important}}