:root{--ink:#1a2332;--ink-deep:#0f1724;--water:#3868b0;--water-bright:#5a8fd6;--foam:#f5f3ee;--paper:#f0ede6;--signal:#806415;--line:#1a23321f;--muted:#5f6b7b;--display:"Noto Serif SC Variable", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", serif;--sans:"Noto Sans SC Variable", "Source Han Sans SC", system-ui, -apple-system, "Segoe UI", "Microsoft YaHei", "PingFang SC", sans-serif;--mono:"SFMono-Regular", "Cascadia Mono", "Menlo", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--paper)}body{min-height:100vh;color:var(--ink);background:radial-gradient(ellipse at 20% 0%, #3b6cb50f, transparent 50%), radial-gradient(ellipse at 80% 100%, #c8a84e0a, transparent 40%), var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.shell{width:min(1180px,100% - 64px);margin-inline:auto}.echo-word{color:var(--water);font-weight:650}.echo-word-framed{white-space:nowrap;padding:0 .14em .03em;display:inline-block;position:relative}.echo-word-framed:before,.echo-word-framed:after{content:"";pointer-events:none;opacity:.72;width:.34em;height:.34em;position:absolute}.echo-word-framed:before{border-top:.035em solid;border-left:.035em solid;top:-.05em;left:-.02em}.echo-word-framed:after{border-bottom:.035em solid;border-right:.035em solid;bottom:-.03em;right:-.02em}h1 .echo-word,h2 .echo-word{font-weight:500}.scroll-reveal{opacity:1;transform:none}.reveal-ready .scroll-reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--delay,0s);transform:translateY(24px)}.reveal-ready .scroll-reveal.visible{opacity:1;transform:none}.site-header{z-index:20;justify-content:space-between;align-items:center;height:72px;display:flex;position:relative}.brand{align-items:center;gap:13px;display:inline-flex}.brand-mark{border:1px solid var(--ink);border-radius:50%;width:32px;height:32px;position:relative;overflow:hidden}.brand-mark:before,.brand-mark:after{content:"";border:1px solid var(--ink);border-radius:50%;width:38px;height:15px;position:absolute;left:-4px}.brand-mark:before{top:8px}.brand-mark:after{top:14px}.brand-copy{gap:4px;line-height:1;display:grid}.brand-copy strong{font-family:var(--display);letter-spacing:.08em;font-size:16px;font-weight:600}.brand-copy small{letter-spacing:.2em;font-size:10px}.site-nav{align-items:center;gap:22px;font-size:13px;display:flex}.site-nav-link:not(.nav-cta){position:relative}.site-nav-link:not(.nav-cta):after{content:"";border-bottom:2px solid var(--water);transition:right .25s;position:absolute;bottom:-6px;left:0;right:100%}.site-nav-link:not(.nav-cta):hover:after,.site-nav-link:not(.nav-cta).is-active:after{right:0}.site-nav-link.is-active{color:var(--water)}.nav-cta{border:1px solid var(--ink);border-radius:8px;align-items:center;min-height:40px;padding:9px 16px;font-size:13px;transition:all .2s;display:inline-flex}.nav-cta:hover,.nav-cta.is-active{background:var(--ink);color:var(--foam)}.site-menu{display:none;position:relative}.site-menu summary{border:1px solid var(--ink);cursor:pointer;border-radius:8px;place-items:center;min-height:40px;padding:8px 14px;font-size:13px;list-style:none;display:grid}.site-menu summary::-webkit-details-marker{display:none}.site-menu>nav{border:1px solid var(--line);background:#f5f3eefa;gap:4px;width:190px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 50px #0f172424}.site-menu-link{border-radius:3px;align-items:center;min-height:42px;padding:9px 11px;font-size:13px;display:flex}.site-menu-link:hover,.site-menu-link.is-active{color:var(--water);background:#3868b017}.site-menu-link.nav-cta{background:var(--ink-deep);color:var(--foam);justify-content:center}.showcase-hero{padding:80px 0 60px;overflow:hidden}.showcase-hero-head{text-align:center;padding:0 32px 48px}.showcase-hero-tag{border:1px solid var(--line);letter-spacing:.12em;color:var(--muted);border-radius:99px;margin-bottom:20px;padding:6px 16px;font-size:11px;display:inline-block}.showcase-hero-head h1{font-family:var(--display);letter-spacing:-.025em;color:var(--ink-deep);text-wrap:balance;margin-bottom:20px;font-size:clamp(44px,6vw,72px);font-weight:430;line-height:1.05}.showcase-hero-head p{color:var(--muted);max-width:720px;margin-inline:auto;font-size:16px;line-height:1.8}.showcase-hero-cta{justify-content:center;align-items:center;gap:20px;margin-top:48px;display:flex}.sc-river-wrap{width:min(1280px,100% - 48px);margin-inline:auto;position:relative}.sc-river{columns:4;column-gap:10px;padding-bottom:80px}.sc-fade{background:linear-gradient(180deg, transparent 0%, transparent 20%, #faf9f326 35%, #faf9f366 50%, #faf9f3b3 65%, #faf9f3e6 80%, var(--paper) 100%);pointer-events:none;z-index:5;justify-content:center;align-items:flex-end;height:400px;margin-top:-400px;padding-bottom:0;display:flex;position:relative}.sc-fade-content{pointer-events:auto;text-align:center;opacity:0;flex-direction:column;align-items:center;gap:16px;padding-bottom:32px;animation:1s .5s forwards fadeInUp;display:flex}.sc-fade-content p{color:var(--muted);letter-spacing:.06em;font-size:14px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.sc-card{break-inside:avoid;cursor:pointer;background:0 0;border-radius:6px;margin-bottom:10px;transition:background-color .25s;position:relative;overflow:hidden}.sc-card:hover,.sc-card:focus-within{background:#faf9f36b}.sc-preview{background:#0a1628;width:100%;position:relative;overflow:hidden}.sc-preview:after{content:"";pointer-events:none;border-radius:6px 6px 0 0;transition:box-shadow .25s;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #faf9f326}.sc-card:hover .sc-preview:after,.sc-card:focus-within .sc-preview:after{box-shadow:inset 0 0 0 1px #5a8fd69e}.sc-iframe{transform-origin:0 0;pointer-events:none;border:0;width:200%;height:200%;display:block;transform:scale(.5)}.lazy-echo-preview{width:100%;height:100%;overflow:hidden}.echo-preview-placeholder{color:#f5f3eebd;background:radial-gradient(circle at 72% 24%,#5a8fd633,#0000 28%),linear-gradient(145deg,#0b1728,#182d49);place-items:center;width:100%;height:100%;display:grid}.echo-preview-placeholder span{width:54px;height:54px;font:400 24px var(--display);border:1px solid #f5f3ee47;border-radius:50%;place-items:center;display:grid}.sc-label{background:linear-gradient(#faf9f3d9 60%,#faf9f300);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.sc-label strong{font-family:var(--display);font-size:15px;font-weight:400}.sc-card-action{color:var(--water);opacity:0;font-size:11px;transition:opacity .2s}.sc-card:hover .sc-card-action,.sc-card:focus-within .sc-card-action{opacity:1}.sc-card-link{z-index:3;border-radius:inherit;position:absolute;inset:0}.sc-card-link:focus-visible{outline:3px solid var(--water);outline-offset:-3px}.sc-tall .sc-preview{aspect-ratio:3/4}.sc-wide .sc-preview{aspect-ratio:16/9}.sc-big .sc-preview{aspect-ratio:4/3}.sc-normal .sc-preview{aspect-ratio:1}.sc-river:before{content:"";pointer-events:none;z-index:0;filter:blur(40px);background:radial-gradient(at 30% 20%,#3b6cb514,#0000 50%),radial-gradient(at 70% 60%,#c8a84e0d,#0000 50%),radial-gradient(at 50% 90%,#3b6cb50f,#0000 40%);position:absolute;inset:-60px}.sc-card{z-index:1;position:relative}.btn-primary{background:var(--ink-deep);color:var(--foam);border-radius:4px;align-items:center;gap:8px;padding:14px 28px;font-size:14px;font-weight:500;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f17242e}.btn-lg{padding:16px 36px;font-size:15px}.btn-ghost{color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:2px;font-size:13px;transition:color .2s,border-color .2s}.btn-ghost:hover{color:var(--ink);border-color:var(--ink)}.section-head{margin-bottom:56px}.section-tag{font:11px var(--mono);color:var(--signal);letter-spacing:.12em;margin-bottom:16px}.section-head h2{font-family:var(--display);letter-spacing:-.03em;color:var(--ink-deep);font-size:clamp(32px,3.8vw,52px);font-weight:400;line-height:1.15}.section-desc{color:var(--muted);max-width:520px;margin-top:16px;font-size:15px;line-height:1.7}.featured-iframe,.sc-iframe{transform-origin:0 0;pointer-events:none;border:0;width:200%;height:200%;display:block;transform:scale(.5)}.how-section{width:min(1200px,100% - 64px);margin-inline:auto;padding:100px 0 120px}.how-steps{align-items:flex-start;gap:0;display:flex}.how-step{text-align:left;flex:1;padding:0 32px}.how-step-num{font:11px var(--mono);color:var(--signal);margin-bottom:20px}.how-step h3{font-family:var(--display);margin-bottom:14px;font-size:28px;font-weight:400}.how-step p{color:var(--muted);font-size:14px;line-height:1.75}.how-connector{color:var(--line);-webkit-user-select:none;user-select:none;flex:none;padding-top:40px;font-size:20px}.room-preview-section{width:min(1200px,100% - 64px);margin-inline:auto;padding:100px 0 120px}.room-mockup{border:1px solid var(--line);background:#ffffff80;overflow:hidden;box-shadow:0 30px 80px #0f172414}.room-mockup-bar{border-bottom:1px solid var(--line);background:#faf9f3e6;align-items:center;gap:7px;height:44px;padding:0 16px;display:flex}.room-mockup-bar span{border:1px solid var(--water);border-radius:50%;width:8px;height:8px}.room-mockup-bar b{font:400 14px var(--display);letter-spacing:.04em;margin-left:12px}.room-mockup-bar small{font:11px var(--mono);color:var(--muted);margin-left:auto}.room-mockup-grid{grid-template-columns:repeat(3,1fr);gap:14px;padding:20px;display:grid}.room-mockup-card{border:1px solid var(--line);background:#fff9;transition:transform .2s,border-color .2s;overflow:hidden}.room-mockup-card:hover{border-color:var(--water);transform:translateY(-3px)}.room-mockup-card-preview{aspect-ratio:16/10;background:#0a1628;overflow:hidden}.room-mockup-card-art{color:#f5f3eecc;background:linear-gradient(145deg,#0c1930,#18365c);place-items:center;height:100%;display:grid;position:relative;overflow:hidden}.room-mockup-card-art:before{content:"";aspect-ratio:1;border:1px solid #f5f3ee29;border-radius:50%;width:42%;position:absolute;box-shadow:0 0 0 24px #f5f3ee06,0 0 0 48px #f5f3ee05}.room-mockup-card-art span{font:400 30px var(--display);position:relative}.room-mockup-card-art-1{background:linear-gradient(145deg,#241e36,#493c66)}.room-mockup-card-art-2{background:linear-gradient(145deg,#17312e,#2c625b)}.room-mockup-card-art-3{background:linear-gradient(145deg,#312915,#66552a)}.room-mockup-card>span{padding:10px 14px;font-size:12px;font-weight:500;display:block}.room-mockup-footer{border-top:1px solid var(--line);text-align:center;padding:14px 20px}.room-mockup-footer span{color:var(--water);letter-spacing:.05em;font-size:12px}.promise-section{width:min(1200px,100% - 64px);margin-inline:auto;padding:0 0 130px}.promise-card{background:var(--ink-deep);color:var(--foam);grid-template-columns:1.2fr 1fr;min-height:520px;display:grid;overflow:hidden}.promise-copy{padding:64px 56px}.promise-copy .section-tag{color:var(--water-bright)}.promise-copy h2{font-family:var(--display);margin-bottom:40px;font-size:clamp(32px,3.5vw,48px);font-weight:400;line-height:1.15}.promise-list{flex-direction:column;gap:28px;list-style:none;display:flex}.promise-list li{align-items:flex-start;gap:18px;display:flex}.promise-icon{width:28px;height:28px;color:var(--water-bright);border:1px solid #ffffff40;border-radius:50%;flex:none;place-items:center;margin-top:2px;font-size:12px;display:grid}.promise-list strong{margin-bottom:6px;font-size:15px;font-weight:500;display:block}.promise-list p{opacity:.7;font-size:13px;line-height:1.7}.promise-cta{text-align:center;background:linear-gradient(135deg,#3b6cb51a,#0000);flex-direction:column;justify-content:center;align-items:center;padding:48px;display:flex}.promise-cta h3{font-family:var(--display);margin-bottom:12px;font-size:32px;font-weight:400}.promise-cta p{color:#fff9;margin-bottom:32px;font-size:14px}.promise-cta .btn-primary{background:var(--foam);color:var(--ink-deep);font-weight:600}.promise-cta .btn-primary:hover{background:#fff}.site-footer{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:end;padding:80px 0 56px;display:grid}.site-footer div{flex-direction:column;display:flex}.site-footer strong{font:17px var(--display);letter-spacing:.1em}.site-footer span{letter-spacing:.28em;color:var(--muted);font-size:10px}.footer-slogan{font-family:var(--display);letter-spacing:.06em;color:var(--ink-deep);opacity:.18;text-align:center;font-size:clamp(28px,3.5vw,42px);font-style:italic;font-weight:400;line-height:1}.site-footer small{text-align:right;font:11px var(--mono);color:var(--muted)}.page-shell{min-height:calc(100vh - 72px);padding:70px 0 110px}.page-heading{max-width:760px;margin-bottom:52px}.page-heading h1{font:430 clamp(47px, 6vw, 76px)/1.08 var(--display);letter-spacing:-.025em;margin:18px 0}.page-heading p{color:var(--muted);line-height:1.75}.auth-layout{grid-template-columns:1fr 470px;align-items:center;gap:10vw;min-height:calc(100vh - 142px);display:grid}.auth-copy h1{font:430 clamp(54px, 7vw, 92px)/1.02 var(--display);letter-spacing:-.025em;margin:24px 0}.auth-copy h1 em{color:var(--water);font-weight:400}.auth-copy .auth-register-title{font-size:clamp(44px,6vw,80px)}.auth-register-title span,.auth-register-title em{white-space:nowrap;width:fit-content;display:block}.auth-copy>p:last-child{color:var(--muted);max-width:470px;line-height:1.8}.panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff94;padding:36px;box-shadow:0 24px 80px #0f172414}.panel h2{font:400 35px var(--display);margin-bottom:8px}.panel-intro{color:var(--muted);margin-bottom:30px;font-size:13px}.form-stack{gap:19px;display:grid}.field{gap:8px;display:grid}.field label{letter-spacing:.06em;text-transform:uppercase;font-size:12px}.field input,.field textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#faf9f3cc;outline:none;padding:14px 15px;transition:border .2s,box-shadow .2s}.field input:focus,.field textarea:focus{border-color:var(--water);box-shadow:0 0 0 3px #3b6cb51a}.account-type-field{gap:9px;display:grid}.account-type-label{letter-spacing:.06em;text-transform:uppercase;font-size:12px}.account-type-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.account-type-option{border:1px solid var(--line);cursor:pointer;background:#ffffff59;min-height:92px;transition:border-color .2s,background .2s,transform .2s;display:grid;position:relative}.account-type-option:hover{border-color:#3b6cb573;transform:translateY(-1px)}.account-type-option.is-selected{border-color:var(--water);box-shadow:inset 0 0 0 1px var(--water);background:#e8eff9b8}.account-type-option input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.account-type-option-copy{align-content:center;gap:5px;padding:14px;display:grid}.account-type-option-copy strong{font-size:14px;font-weight:600}.account-type-option-copy small{color:var(--muted);font-size:11px;line-height:1.55}.field-hint{color:var(--muted);margin:-2px 0 0;font-size:11px;line-height:1.6}.field textarea{resize:vertical;min-height:330px;font:12px/1.65 var(--mono)}.field-meta{color:var(--muted);font:11px var(--mono);justify-content:space-between;display:flex}.upload-note{color:var(--muted);margin-top:-8px;font-size:12px;line-height:1.65}.submit-button{width:100%;margin-top:5px}.form-note{color:var(--muted);text-align:center;font-size:12px;line-height:1.6}.form-note a{color:var(--water);border-bottom:1px solid}.form-error,.form-success{padding:11px 13px;font-size:12px;line-height:1.5}.form-error{color:#9d3c20;background:#fff0eb}.form-success{color:var(--ink);background:#e5f4ef}.oauth-consent-layout{place-items:center;min-height:calc(100vh - 142px);padding-block:64px;display:grid}.oauth-consent-panel{width:min(560px,100%)}.oauth-consent-panel code{font:500 12px var(--mono);color:var(--water);overflow-wrap:anywhere}.oauth-scope-list{gap:10px;margin:0 0 24px;list-style:none;display:grid}.oauth-scope-list li{border:1px solid var(--line);background:#ffffff59;padding:12px 14px;font-size:13px}.oauth-scope-list li:before{content:"✓";color:var(--water);margin-right:9px}.oauth-privacy-note{color:var(--muted);margin-bottom:24px;font-size:12px;line-height:1.7}.oauth-client-id{color:var(--muted);margin:-12px 0 24px;font-size:11px}.oauth-consent-actions{grid-template-columns:1fr 1.5fr;gap:12px;display:grid}.room-account-summary{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;font-size:12px;display:flex}.account-type-badge{min-height:25px;color:var(--water);letter-spacing:.04em;background:#e8eff99e;border:1px solid #3b6cb547;align-items:center;padding:4px 9px;font-size:11px;display:inline-flex}.setup-notice{border-left:3px solid var(--signal);background:#f8f0dc;margin-bottom:30px;padding:18px 20px;font-size:13px;line-height:1.7}.setup-notice code{font-family:var(--mono);font-size:11px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home-intro{width:min(1180px,100% - 64px);margin:46px auto 0}.home-intro-copy{grid-template-columns:minmax(0,700px) minmax(210px,1fr);align-items:end;column-gap:clamp(40px,8vw,150px);max-width:100%;display:grid}.home-intro-copy .showcase-hero-tag{grid-column:1}.home-intro-copy h1{font:450 clamp(42px, 6vw, 76px)/1.12 var(--display);letter-spacing:-.025em;grid-area:2/1;margin:18px 0 20px}.home-intro-copy>p{max-width:570px;color:var(--muted);grid-area:3/1;font-size:17px;line-height:1.8}.home-intro-copy .showcase-hero-cta{flex-direction:column;grid-area:2/2/span 2;align-items:stretch;margin:0 0 4px}.home-intro-copy .showcase-hero-cta a{text-align:center}.home-showcase{margin-top:76px}.home-showcase-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;padding-bottom:16px;display:flex}.home-showcase-head h2{font:400 32px var(--display);margin-top:6px}.home-showcase-head>a{color:var(--water);font-size:13px}.home-echo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.home-echo-card{border:1px solid var(--line);background:#ffffff6b;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.home-echo-card:hover{border-color:var(--water);transform:translateY(-3px)}.home-echo-card .sc-preview{aspect-ratio:16/10}.home-echo-card .sc-label{justify-content:space-between;gap:12px;padding:14px 16px;font-size:13px;display:flex}.home-echo-card .sc-card-action{color:var(--water)}.home-echo-card .sc-card-link{z-index:2;position:absolute;inset:0}.create-steps{color:var(--muted);flex-wrap:wrap;gap:18px;margin-top:24px;font-size:13px;display:flex}.create-steps span{align-items:center;gap:8px;display:inline-flex}.create-steps b{border:1px solid var(--line);width:24px;height:24px;color:var(--water);font:11px var(--mono);border-radius:50%;place-items:center;display:grid}.button{min-height:40px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:13px;line-height:1.2;transition:transform .2s,border-color .2s,background .2s,color .2s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:focus-visible{outline-offset:2px;outline:3px solid #3b6cb547}.button:disabled{cursor:wait;opacity:.55;transform:none}.button-primary,.button-ink{background:var(--ink-deep);border-color:var(--ink-deep);color:var(--foam)}.button-primary:hover,.button-ink:hover{background:#1c2a3d}.button-ghost{border-color:var(--line);background:#ffffff47}.room-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:48px;display:flex}.room-loading{opacity:.7}.room-loading-heading{gap:14px;width:min(430px,80%);margin-bottom:58px;display:grid}.room-loading-heading span,.room-loading-grid span{background:linear-gradient(100deg,#1a233214,#1a233229,#1a233214) 0 0/220% 100%;border-radius:8px;animation:1.4s ease-in-out infinite loadingShimmer;display:block}.room-loading-heading .room-loading-kicker{width:120px;height:auto;color:var(--water);font:11px var(--mono);letter-spacing:.12em;background:0 0}.room-loading-heading strong{width:280px;height:auto;color:var(--ink);font:400 52px/1.1 var(--display);background:0 0}.room-loading-heading>span:last-child{width:100%;height:auto;color:var(--muted);background:0 0;font-size:13px}.room-loading-section{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.room-loading-section span:first-child{width:240px;height:30px}.room-loading-section span:last-child{width:320px;height:14px}.room-loading-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.room-loading-grid span{aspect-ratio:16/13}@keyframes loadingShimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.room-header .page-heading{margin:0}.program-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.program-card{border:1px solid var(--line);background:#ffffff6b;border-radius:12px;flex-direction:column;min-height:230px;padding:24px;transition:transform .2s,border .2s;display:flex}.program-card:hover{border-color:var(--water);transform:translateY(-4px)}.program-card-top{font:11px var(--mono);color:var(--muted);justify-content:space-between;display:flex}.program-card h2{font:400 28px var(--display);margin:35px 0 10px}.program-card p{color:var(--muted);font-size:13px;line-height:1.7}.program-card footer{justify-content:space-between;align-items:center;margin-top:auto;font-size:12px;display:flex}.program-card footer span:last-child{color:var(--signal)}.empty-room{border:1px dashed var(--line);text-align:center;border-radius:14px;place-items:center;min-height:300px;display:grid}.empty-room h2{font:34px var(--display);margin-bottom:10px}.empty-room p{color:var(--muted);margin-bottom:25px}.signout-form button{color:var(--ink);cursor:pointer;background:0 0;border:0;font-size:13px}.editor-layout{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:start;gap:22px;display:grid}.editor-panel,.preview-panel{border:1px solid var(--line);background:#ffffff7a;padding:27px}.editor-panel-head,.preview-panel-head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.editor-panel-head h2,.preview-panel-head h2{font:25px var(--display)}.upload-label{color:var(--water);cursor:pointer;border-bottom:1px solid;font-size:11px}.upload-label input{display:none}.sandbox-frame{border:1px solid var(--line);background:#fff;width:100%;height:520px;display:block}.sandbox-toolbar{align-items:center;gap:9px;min-height:30px;margin-top:13px;display:flex}.sandbox-toolbar button{white-space:nowrap;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;flex:none;padding:7px 11px}.sandbox-status{font:11px var(--mono);color:var(--muted);margin-left:auto}.sandbox-status[data-ready=true]:before{content:"";background:var(--water-bright);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.runtime-page{background:#e4e0d8;grid-template-rows:72px auto auto minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.echo-context-bar{border-block:1px solid var(--line);background:#f0ede6f0;min-width:0}.echo-context-inner{justify-content:space-between;align-items:center;gap:24px;min-height:70px;padding-block:10px;display:flex}.echo-context-identity{align-items:center;gap:18px;min-width:0;display:flex}.echo-context-back{color:var(--water);flex:none;font-size:12px}.echo-context-title{min-width:0}.echo-context-title-row{align-items:center;gap:10px;min-width:0;display:flex}.echo-context-title h1{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:500 20px/1.3 var(--display);overflow:hidden}.echo-context-meta{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);margin-top:3px;font-size:11px;overflow:hidden}.echo-context-meta a{color:var(--water)}.echo-context-actions{flex:none;justify-content:flex-end;align-items:center;gap:10px;display:flex}.runtime-info{border-bottom:1px solid var(--line);min-height:42px;color:var(--muted);background:#f0ede6cc;justify-content:space-between;align-items:center;gap:20px;padding:10px max(22px,50% - 590px);font-size:12px;display:flex}.runtime-info p{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.runtime-provenance{text-align:right;flex:0 auto;justify-content:flex-end;align-items:center;gap:14px;max-width:min(620px,60vw);line-height:1.45;display:flex}.runtime-provenance>*{min-width:0}.runtime-provenance a{color:var(--water)}.runtime-provenance span{color:var(--muted);font-size:11px}.version-detail-info{border-bottom:1px solid var(--line);background:#faf9f3c7;justify-content:space-between;align-items:end;gap:28px;padding:24px max(22px,50% - 590px);display:flex}.version-detail-info h2{font:400 28px var(--display);margin:7px 0 6px}.version-detail-info p:last-child{color:var(--muted);font-size:13px;line-height:1.6}.version-detail-info dl{color:var(--muted);font:11px var(--mono);white-space:nowrap;gap:22px;margin:0;display:flex}.version-detail-info dl div{gap:5px;display:grid}.version-detail-info dt{color:var(--muted)}.version-detail-info dd{color:var(--ink);margin:0}.runtime-frame-wrap{min-height:0;padding:12px}.runtime-frame-wrap .sandbox-shell,.runtime-frame-wrap .sandbox-frame{height:100%}.runtime-frame-wrap .sandbox-shell{grid-template-rows:minmax(0,1fr) auto;display:grid}.runtime-frame-wrap,.runtime-frame-wrap .sandbox-frame{min-height:0}.not-found{text-align:center;place-items:center;min-height:100vh;display:grid}.not-found strong{font:120px/1 var(--display);color:var(--water)}.not-found h1{font:38px var(--display);margin:10px 0}.not-found p{color:var(--muted);margin-bottom:28px}.echoes-head{text-align:center;margin-bottom:56px;max-width:680px;margin-inline:auto}.echoes-head-row{justify-content:center;margin-bottom:20px;display:flex}.echoes-head-tag{border:1px solid var(--line);letter-spacing:.12em;color:var(--muted);border-radius:99px;padding:6px 16px;font-size:11px;display:inline-block}.echoes-head h1{font:430 clamp(56px, 8vw, 96px)/1.05 var(--display);letter-spacing:-.025em;margin:0 0 20px}.echoes-desc{color:var(--muted);font-size:16px;line-height:1.75}.echoes-search{text-align:left;background:#ffffffb8;border:1px solid #1a23322e;border-radius:12px;grid-template-columns:1fr auto;width:min(720px,100%);margin-top:34px;display:grid;overflow:hidden;box-shadow:0 18px 50px #0f172414}.echoes-search input{min-width:0;color:var(--ink);font:15px var(--sans);background:0 0;border:0;outline:none;padding:18px 20px}.echoes-search input:focus{background:#fff}.echoes-search button{background:var(--ink-deep);color:var(--foam);cursor:pointer;font:13px var(--sans);border:0;border-left:1px solid #1a23321f;padding:0 24px}.echoes-search button:hover{background:#1c2a3d}.echoes-card-preview .lazy-echo-preview,.room-echo-preview .lazy-echo-preview{width:100%;height:100%}.echoes-card-preview .sc-iframe,.room-echo-preview .sc-iframe{transform-origin:0 0;border:0;width:200%;height:200%;transform:scale(.5)}.echo-cover{color:#f5f3ee;background:radial-gradient(circle at 85% 15%,#5d8bc173,#0000 42%),linear-gradient(145deg,#0e1b2e,#233b5b);flex-direction:column;justify-content:space-between;height:100%;min-height:180px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.echo-cover:after{content:"";border:1px solid #ffffff2e;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-88px;right:-58px;box-shadow:0 0 0 22px #ffffff0a,0 0 0 44px #ffffff06}.echo-cover-kicker,.echo-cover-category{z-index:1;font:10px var(--mono);letter-spacing:.14em;opacity:.7;position:relative}.echo-cover strong{z-index:1;font:400 clamp(46px, 6vw, 78px)/.9 var(--display);margin-top:auto;position:relative}.echo-cover-title{z-index:1;text-overflow:ellipsis;white-space:nowrap;max-width:85%;font:400 18px var(--display);position:relative;overflow:hidden}.echo-cover-category{color:#bcd5ef}.echoes-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.echoes-card{background:#ffffff94;border:1px solid #1a23321f;border-radius:14px;flex-direction:column;transition:transform .2s,border .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.echoes-card:hover{border-color:var(--water);transform:translateY(-4px)}.echoes-card-preview{aspect-ratio:16/10;background:linear-gradient(145deg,#101b2c,#223956);overflow:hidden}.echoes-card-copy{flex-direction:column;flex:1;padding:18px 20px 20px;display:flex}.echoes-card-link{z-index:2;position:absolute;inset:0}.echoes-card-link:focus-visible{outline:3px solid var(--water);outline-offset:-3px}.echoes-card-top{font:11px var(--mono);color:var(--muted);justify-content:space-between;gap:12px;display:flex}.echoes-card h2{font:450 25px var(--display);margin:18px 0 8px}.echoes-card p{color:var(--muted);font-size:13px;line-height:1.7}.echoes-card footer{justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;font-size:12px;display:flex}.echoes-card footer span:last-child{color:var(--signal)}.room-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.room-section+.room-section{margin-top:64px}.room-section-heading{justify-content:space-between;align-items:end;gap:28px;margin-bottom:22px;display:flex}.room-section-heading h2{font:400 32px var(--display);margin-top:8px}.room-section-heading>p{max-width:520px;color:var(--muted);text-align:right;font-size:13px;line-height:1.7}.room-echo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.room-echo-card{border:1px solid var(--line);cursor:pointer;background:#ffffff7a;min-width:0;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.room-echo-card:hover{border-color:#3b6cb561;transform:translateY(-4px);box-shadow:0 22px 55px #0f172414}.room-echo-preview{aspect-ratio:16/10;background:#0a1628;position:relative;overflow:hidden}.echo-status{border:1px solid var(--line);width:fit-content;color:var(--muted);font:11px var(--mono);white-space:nowrap;background:#faf9f3e6;border-radius:99px;align-items:center;padding:5px 9px;display:inline-flex}.room-echo-preview .echo-status{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;top:12px;left:12px}.echo-status-published{color:#246454;background:#e5f4efeb;border-color:#24645438}.echo-status-changed{color:#806415;background:#f8f0dcf0;border-color:#c8a84e4d}.echo-status-archived{opacity:.68}.room-echo-copy{flex-direction:column;min-height:228px;padding:19px 20px 20px;display:flex}.room-echo-meta{color:var(--muted);font:11px var(--mono);justify-content:space-between;display:flex}.room-echo-copy h2{font:450 27px var(--display);margin:25px 0 8px}.room-echo-copy>p{min-height:42px;color:var(--muted);font-size:13px;line-height:1.7}.room-echo-copy>small{color:var(--water);margin-top:10px;font-size:11px}.room-echo-copy footer{z-index:3;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:20px;font-size:12px;display:flex;position:relative}.room-echo-copy footer a:not(.room-echo-edit){color:var(--muted)}.room-echo-secondary-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.room-echo-secondary-actions form{z-index:4;position:relative}.room-echo-secondary-actions button{color:var(--muted);cursor:pointer;font:11px var(--sans);background:0 0;border:0;border-radius:999px;padding:5px 8px}.room-echo-secondary-actions button:hover{color:var(--water);background:#3b6cb51a}.room-echo-secondary-actions form:last-child button{color:#9b5a4b}.room-echo-secondary-actions form:last-child button:hover{color:#8b3822;background:#9d3c2014}.room-echo-edit{color:var(--water);margin-left:auto;font-weight:600}.room-echo-card-link{z-index:2;position:absolute;inset:0}.room-echo-card-link:focus-visible{outline:3px solid var(--water);outline-offset:-3px}.empty-room-actions{justify-content:center;gap:10px;display:flex}.invitation-code-input{text-transform:uppercase;letter-spacing:.22em;font:600 17px var(--mono)!important}.field select{border:1px solid var(--line);width:100%;color:var(--ink);background:#faf9f3cc;border-radius:0;outline:none;padding:13px 15px}.field select:focus{border-color:var(--water);box-shadow:0 0 0 3px #3b6cb51a}.room-social-settings{gap:18px;display:grid}.room-public-settings .field textarea{min-height:150px;font:13px/1.7 var(--sans)}.settings-section-head>a{color:var(--water);border-bottom:1px solid;margin-top:18px;font-size:11px;display:inline-block}.switch-field{border:1px solid var(--line);cursor:pointer;background:#faf9f38f;align-items:flex-start;gap:12px;padding:15px;display:flex}.switch-field input{width:17px;height:17px;accent-color:var(--water);margin-top:2px}.switch-field span{gap:5px;display:grid}.switch-field strong{font-size:12px}.switch-field small{color:var(--muted);font-size:12px;line-height:1.6}.invitation-console{gap:14px;display:grid}.invitation-ticket{background:linear-gradient(145deg,#3868b01f,#ffffffbd 58%,#80641514);border:1px solid #3868b047;align-content:space-between;min-height:220px;padding:25px;display:grid;position:relative;overflow:hidden}.invitation-ticket:after{content:"LANTECHO / 72H";color:#1a23320f;font:700 24px var(--mono);letter-spacing:.08em;transform-origin:100% 100%;position:absolute;bottom:20px;right:-8px;transform:rotate(-90deg)translate(100%)}.invitation-ticket>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.invitation-ticket>div span{width:fit-content;color:var(--water);border:1px solid #3868b047;border-radius:99px;padding:5px 9px;font-size:11px}.invitation-ticket>div small{color:var(--muted);font:11px var(--mono)}.invitation-ticket>strong{font:600 clamp(32px,5vw,48px)/1 var(--mono);letter-spacing:.14em;margin:20px 0 8px}.invitation-ticket>p{color:var(--muted);font-size:11px}.invitation-ticket .button{width:fit-content;margin-top:18px}.invitation-ticket-closed,.invitation-ticket-expired,.invitation-ticket-exhausted{filter:saturate(.5);opacity:.78}.invitation-empty{text-align:center;border:1px dashed var(--line);place-content:center;min-height:150px;padding:25px;display:grid}.invitation-empty strong{font:400 24px var(--display)}.invitation-empty p{color:var(--muted);margin-top:7px;font-size:11px}.invitation-open-form{grid-template-columns:minmax(180px,1fr) auto;align-items:end;gap:12px;display:grid}.invitation-open-form .button{min-height:45px}.invitation-close{color:#8b3822;width:fit-content;padding-inline:0;font-size:11px}.discover-page{max-width:1180px}.discover-hero{text-align:center;padding:58px 0 72px;position:relative}.discover-hero:before{content:"";z-index:-1;filter:blur(14px);background:radial-gradient(#3868b024,#0000 68%);height:280px;position:absolute;inset:-70px 14% auto}.discover-hero h1{font:430 clamp(52px,8vw,94px)/1.02 var(--display);letter-spacing:-.025em;margin:18px 0}.discover-hero>p:last-of-type{max-width:640px;color:var(--muted);margin:0 auto;line-height:1.75}.discover-search{border:1px solid var(--ink);background:#ffffffa8;grid-template-columns:1fr auto;width:min(720px,100%);margin:38px auto 0;display:grid;box-shadow:0 24px 70px #0f172417}.discover-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;padding:18px 20px}.discover-search button{border:0;border-left:1px solid var(--ink);background:var(--ink-deep);color:var(--foam);cursor:pointer;padding:0 24px}.welcome-room-callout{background:linear-gradient(105deg,#f8f0dce6,#ffffff7a);border:1px solid #80641542;justify-content:space-between;align-items:center;gap:28px;margin-bottom:64px;padding:28px 32px;display:flex}.welcome-room-callout h2{font:400 30px var(--display);margin:7px 0}.welcome-room-callout p:last-child{color:var(--muted);font-size:12px}.search-results{gap:78px;display:grid}.discovery-section{margin-top:76px}.search-results .discovery-section{margin-top:0}.discovery-section-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:25px;padding-bottom:16px;display:flex}.discovery-section-head h2{font:400 clamp(31px,4vw,46px)/1 var(--display);margin-top:8px}.discovery-section-head>span,.discovery-section-head>a{color:var(--muted);font-size:11px}.discovery-section-head>a{color:var(--water)}.public-room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.public-room-card{border:1px solid var(--line);background:#ffffff75;flex-direction:column;min-width:0;min-height:236px;padding:24px;transition:transform .24s,border-color .24s,box-shadow .24s;display:flex;position:relative}.public-room-card:hover{z-index:1;border-color:#3868b073;transform:translateY(-3px);box-shadow:0 20px 45px #0f172412}.public-room-card-head{align-items:center;gap:13px;display:flex}.public-room-card-head>div{gap:3px;min-width:0;display:grid}.public-room-card-head small{color:var(--muted);font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase}.public-room-card-head strong{text-overflow:ellipsis;white-space:nowrap;font:400 21px var(--display);overflow:hidden}.public-room-card-head p{color:var(--muted);font-size:12px}.room-avatar{width:45px;height:45px;color:var(--water);font:400 20px var(--display);background:#3868b017;border:1px solid #3868b047;border-radius:50%;flex:none;place-items:center;display:grid}.following-chip{color:#246454;background:#e5f4ef;border-radius:99px;margin-left:auto;padding:5px 8px;font-size:11px}.public-room-card-announcement{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:22px 0;font-size:13px;line-height:1.7;display:-webkit-box;overflow:hidden}.public-room-card footer{color:var(--muted);align-items:center;gap:15px;margin-top:auto;font-size:11px;display:flex}.public-room-card footer b{color:var(--signal);margin-left:auto;font-size:11px}.public-room-card-link{position:absolute;inset:0}.public-room-card-link:focus-visible{outline:3px solid var(--water);outline-offset:-3px}.discovery-empty{border:1px dashed var(--line);color:var(--muted);text-align:center;padding:42px;font-size:12px}.search-reset{background:#3868b00f;justify-content:space-between;align-items:center;gap:20px;padding:35px;display:flex}.search-reset p{color:var(--muted);font-size:12px}.public-room-page{max-width:1180px}.public-room-hero{border-bottom:1px solid var(--line);padding:50px 0 70px;position:relative}.public-room-owner{align-items:center;gap:14px;display:flex}.room-avatar-large{border-radius:50%;width:60px;height:60px}.public-room-owner>div{gap:7px;display:grid}.public-room-owner>div>span{color:var(--muted);font-size:11px}.public-room-title-row{justify-content:space-between;align-items:flex-end;gap:30px;margin-top:32px;display:flex}.public-room-title-row h1{max-width:850px;font:430 clamp(52px,8vw,94px)/1.02 var(--display);letter-spacing:-.025em}.public-room-actions{flex:none}.public-room-announcement{max-width:760px;color:var(--muted);white-space:pre-wrap;margin-top:32px;font-size:15px;line-height:1.85}.public-room-stats{color:var(--muted);flex-wrap:wrap;gap:25px;margin-top:36px;font-size:11px;display:flex}.public-room-stats strong{color:var(--ink);font:400 22px var(--display);margin-right:4px}.public-room-echoes{padding-top:78px}.discovery-echo-card{min-width:0}.settings-page{max-width:980px}.settings-page-head{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px;display:flex}.settings-page-head h1{font:430 clamp(44px, 6vw, 72px)/1.08 var(--display);letter-spacing:-.025em;margin:16px 0}.settings-page-head>div>p:last-child{max-width:620px;color:var(--muted);line-height:1.7}.ai-settings-form{gap:18px;display:grid}.settings-section{border:1px solid var(--line);background:#ffffff7a;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:50px;padding:32px;display:grid}.settings-section-head h2{font:400 31px var(--display);margin:9px 0 12px}.settings-section-head>p:last-child,.settings-section-description{color:var(--muted);font-size:12px;line-height:1.7}.settings-section .field textarea{min-height:210px;font:13px/1.7 var(--sans)}.settings-section .field>small,.settings-security-note{color:var(--muted);font-size:11px;line-height:1.6}.settings-save{justify-self:end;min-width:180px}.provider-count{color:var(--muted);font:11px var(--mono);margin-top:24px}.provider-count strong{color:var(--ink);margin-right:4px;font-size:21px}.provider-manager,.provider-editor-form{gap:20px;display:grid}.provider-editor-form{padding-top:4px}.settings-privacy-note{border-left:3px solid var(--water);background:#3b6cb50f;gap:5px;padding:16px 18px;display:grid}.settings-privacy-note strong{font-size:12px}.settings-privacy-note p{color:var(--muted);margin-bottom:7px;font-size:11px;line-height:1.65}.settings-privacy-note p:last-child{margin-bottom:0}.settings-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.settings-delete{color:#8b3822;border-color:#9d3c2047;margin-right:auto}.room-ai-rules-form .form-success,.room-ai-rules-form .form-error{margin-top:14px}.room-ai-rules-form .settings-save{margin-top:16px;margin-left:auto;display:flex}.studio-page{overscroll-behavior-y:none;background:#e7e4dc;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.studio-navigation-reveal{visibility:hidden;flex:none;grid-template-rows:0fr;transition:grid-template-rows .24s,visibility .24s;display:grid}.studio-page[data-navigation-expanded=true] .studio-navigation-reveal{visibility:visible;grid-template-rows:1fr}.studio-navigation-clip{min-height:0;overflow:hidden}.studio-navigation-content{overscroll-behavior-y:contain;max-height:60dvh;overflow-y:auto}.studio-navigation-content .studio-context-bar{min-height:36px}.studio-navigation-handle{border-bottom:1px solid var(--line);background:var(--foam);flex:none;justify-content:center;align-items:center;gap:16px;min-height:28px;display:flex}.studio-navigation-handle button{min-height:28px;color:var(--ink);cursor:pointer;font:11px var(--sans);background:0 0;border:0;align-items:center;gap:8px;padding:3px 12px;display:inline-flex}.studio-navigation-handle button:hover{color:var(--water)}.studio-navigation-handle small{color:var(--muted);font-size:11px}.studio-workspace-viewport{overscroll-behavior-y:contain;flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.studio-workspace-viewport>.studio-workspace{flex:1 0 0;min-height:min(720px,100dvh - 28px)}@media (prefers-reduced-motion:reduce){.studio-navigation-reveal{transition:none}}@media (pointer:coarse){.studio-navigation-handle button{min-height:44px}.studio-navigation-handle small{display:none}}.studio-context-bar{border-bottom:1px solid var(--line);color:var(--muted);font:11px var(--mono);background:#f0ede6d1;align-items:center;gap:18px;padding:0 max(18px,50% - 590px);display:flex}.studio-context-bar span+span:before{content:"/";color:#1a23323d;margin-right:18px}.studio-workspace{grid-template-columns:minmax(0,1fr) minmax(360px,430px);gap:12px;min-height:0;padding:12px;display:grid}.studio-preview-panel,.studio-side-panel{border:1px solid var(--line);background:#faf9f3cc;min-height:0;overflow:hidden}.studio-preview-panel{grid-template-rows:44px minmax(0,1fr);display:grid}.studio-panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:0 14px;font-size:11px;display:flex}.studio-panel-head>div{align-items:center;gap:8px;display:flex}.studio-panel-head small{color:var(--muted);font-size:11px}.studio-live-dot{background:#4b9e82;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #4b9e821f}.studio-preview-frame{background:#d8d5ce;min-height:0;padding:8px}.studio-preview-frame .sandbox-shell{grid-template-rows:minmax(0,1fr) auto;height:100%;display:grid}.studio-preview-frame .sandbox-frame{height:100%;min-height:0}.studio-side-panel{background:#faf9f3eb;border-radius:16px;flex-direction:column;display:flex;box-shadow:0 14px 34px #19233014}.studio-metadata-panel{background:0 0;border-bottom:1px solid #1a23321a;flex:none}.studio-metadata-panel>summary{cursor:pointer;min-height:52px;color:var(--ink);font:600 13px var(--sans);letter-spacing:.01em;justify-content:space-between;align-items:center;padding:0 18px;list-style:none;display:flex}.studio-metadata-panel>summary::-webkit-details-marker{display:none}.studio-metadata-panel>summary:after{content:"＋";width:24px;height:24px;color:var(--water);background:#3b6cb51a;border-radius:50%;place-items:center;font-size:16px;display:grid}.studio-metadata-panel[open]>summary:after{content:"−"}.studio-metadata-form{grid-template-columns:1fr 1fr;gap:13px 12px;padding:0 18px 18px;display:grid}.studio-metadata-form label{min-width:0;color:var(--muted);font:600 10px var(--mono);letter-spacing:.04em;gap:6px;display:grid}.studio-metadata-form label:nth-child(2),.studio-metadata-form label:nth-child(3),.studio-metadata-form label:nth-child(4),.studio-metadata-form label:nth-child(6){grid-column:1/-1}.studio-metadata-form input,.studio-metadata-form textarea,.studio-metadata-form select{width:100%;min-width:0;color:var(--ink);font:13px/1.45 var(--sans);background:#ffffffc7;border:1px solid #1a233224;border-radius:9px;outline:none;padding:10px 11px;transition:border-color .18s,box-shadow .18s,background .18s}.studio-metadata-form input::placeholder{color:#1a233266}.studio-metadata-form input:focus,.studio-metadata-form textarea:focus,.studio-metadata-form select:focus{border-color:var(--water);background:#fff;box-shadow:0 0 0 3px #3b6cb51a}.studio-metadata-form textarea{resize:vertical;min-height:72px}.studio-metadata-form button{background:var(--ink-deep);min-height:38px;color:var(--foam);border:0;border-radius:9px;grid-column:1/-1;justify-self:stretch;padding:9px 14px;font-size:12px;transition:transform .18s,box-shadow .18s}.studio-metadata-form button:hover{transform:translateY(-1px);box-shadow:0 7px 16px #0f172429}.studio-chat-head{border-bottom:1px solid #1a23321a;flex:none;justify-content:space-between;align-items:center;min-height:66px;padding:12px 18px;display:flex}.studio-chat-head h2{display:none}.studio-chat-head>div{min-width:0}.studio-chat-head>a{color:var(--water);font-size:11px}.studio-scope-note{color:var(--muted);margin-top:2px;font-size:11px}.studio-tools-drawer{flex:none;position:relative}.studio-tools-drawer>summary{color:var(--water);cursor:pointer;background:#3b6cb50f;border:1px solid #3b6cb540;border-radius:8px;padding:8px 12px;font-size:11px;list-style:none}.studio-tools-drawer>summary::-webkit-details-marker{display:none}.studio-tools-menu{z-index:10;overscroll-behavior:contain;border:1px solid var(--line);background:var(--foam);border-radius:10px;width:min(340px,100vw - 44px);max-height:min(560px,100dvh - 130px);padding:6px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 12px 32px #0f172424}.studio-tools-menu-head{justify-content:space-between;align-items:center;padding:8px 10px 4px;font-size:13px;display:flex}.studio-tools-menu-head strong{font-weight:600}.studio-tools-menu-head>span{color:var(--muted);font-size:11px}.studio-tools-menu .studio-provider-picker{grid-template-columns:1fr;gap:6px;margin:0;display:grid}.studio-tools-menu .studio-provider-picker span{font:11px var(--sans)}.studio-tools-menu .studio-provider-picker select{background:var(--paper);border-radius:5px;padding:8px;font-size:12px}.studio-tool-section,.studio-tool-settings{border-bottom:1px solid var(--line)}.studio-tool-section>summary,.studio-tool-settings{cursor:pointer;color:var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:10px;font-size:13px;list-style:none;display:flex}.studio-tool-section>summary::-webkit-details-marker{display:none}.studio-tool-section>summary:hover,.studio-tool-settings:hover{background:var(--paper);border-radius:5px}.studio-tool-section small,.studio-tool-settings small{color:var(--muted);margin-top:2px;font-size:11px;line-height:1.5;display:block}.studio-tool-chevron{color:var(--muted);flex:none;font-size:20px;line-height:1}.studio-tool-section[open]>summary .studio-tool-chevron{transform:rotate(90deg)}.studio-tool-settings{border:0}.studio-tool-settings>span:last-child{color:var(--muted)}.studio-tool-suggestions{padding:0 6px 8px;display:grid}.studio-tool-suggestions button{color:var(--ink);font:12px/1.6 var(--sans);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;display:flex}.studio-tool-suggestions button:hover{background:var(--paper);color:var(--water)}.studio-tool-suggestions button span{color:var(--muted);flex:none}.studio-tools-menu .studio-upload-form{background:0 0;border:0;margin:0 10px 12px;padding:0}.studio-tools-menu .studio-upload-label{width:100%;color:var(--muted);border:0;display:block}.studio-tools-menu .studio-upload-label input{width:100%;color:var(--ink);font:11px var(--sans);margin-top:6px;display:block}.studio-tools-menu input::file-selector-button{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:4px;margin-right:8px;padding:6px 8px}.studio-tools-menu .studio-upload-foot{flex-wrap:wrap}.studio-tools-menu .studio-history-list{max-height:none;padding:0 10px 10px;overflow:visible}.studio-tools-menu .studio-history-list article{flex-direction:column;gap:6px;padding:8px 0}.studio-tool-empty{color:var(--muted);padding:6px 0;font-size:12px}.studio-upload-form{margin:0 8px 8px;padding:8px}.studio-tools-model{border-bottom:1px solid var(--line);padding:8px}.studio-tools-menu .studio-provider-picker{margin-bottom:8px}.studio-tools-menu .studio-history{border-top:0}.studio-tools-menu .studio-history summary{align-items:center;min-height:40px;padding:0 8px;display:flex}.studio-tools-menu .studio-suggestions{grid-template-columns:1fr 1fr;gap:5px;margin:0;display:grid;overflow:visible}.studio-tools-menu .studio-suggestions button{text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:7px 8px;overflow:hidden}.studio-tools-menu .studio-provider-picker{grid-template-columns:1fr;gap:4px}.studio-tools-menu .studio-provider-picker select{padding:7px 8px}.studio-tools-menu .studio-history-list{padding:0 8px 8px}.studio-tools-menu .studio-history-list article{padding:8px 0}.studio-upload-form{background:#e8eff98f;border:1px solid #3b6cb533;flex:none;margin:0 14px 12px;padding:12px}.studio-upload-collapsible{border-bottom:1px solid var(--line);flex:none}.studio-upload-collapsible>summary{cursor:pointer;color:var(--water);align-items:center;gap:12px;padding:12px 18px;font-size:13px;list-style:none;display:flex}.studio-upload-collapsible>summary::-webkit-details-marker{display:none}.studio-upload-collapsible>summary:after{content:"+";color:var(--muted);margin-left:auto;font-size:18px}.studio-upload-collapsible[open]>summary:after{content:"−"}.studio-upload-collapsible>summary small{color:var(--muted);font-size:11px}.studio-upload-collapsible .studio-upload-form{margin:0 14px 12px}.studio-upload-head,.studio-upload-foot{justify-content:space-between;align-items:center;gap:10px;display:flex}.studio-upload-head strong{font-size:12px;display:block}.studio-upload-head small{color:var(--muted);margin-top:3px;font-size:11px;display:block}.studio-upload-label{border-bottom:1px solid var(--water);color:var(--water);cursor:pointer;flex:none;font-size:11px}.studio-upload-label input{display:none}.studio-upload-foot{margin-top:10px}.studio-upload-foot>span{min-width:0;color:var(--muted);font:10px var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-upload-foot .button{min-height:34px;padding:7px 10px;font-size:11px}.studio-upload-form .form-error,.studio-upload-form .form-success{margin-top:9px}.studio-messages{scroll-behavior:smooth;flex-direction:column;flex:auto;gap:12px;min-height:120px;padding:17px;display:flex;overflow-y:auto}.studio-welcome{text-align:center;color:var(--muted);margin:auto 0;padding:30px 18px}.studio-welcome>span{border:1px solid var(--line);width:38px;height:38px;color:var(--water);border-radius:50%;place-items:center;margin:0 auto 15px;display:grid}.studio-welcome h3{color:var(--ink);font:400 20px var(--display);margin-bottom:9px}.studio-welcome p{font-size:12px;line-height:1.75}.studio-message{border:1px solid var(--line);background:#ffffff9e;max-width:88%;padding:11px 13px}.studio-message-user{background:var(--ink-deep);border-color:var(--ink-deep);color:var(--foam);align-self:flex-end}.studio-message small{font:11px var(--mono);opacity:.6;margin-bottom:5px;display:block}.studio-message p{white-space:pre-wrap;font-size:13px;line-height:1.7}.studio-message-error{color:#8b3822;background:#fff0eb;border-color:#9d3c2040}.studio-message-thinking p{color:var(--muted);align-items:center;gap:8px;display:flex}.studio-message-thinking p span{background:var(--water);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite alternate studioPulse}@keyframes studioPulse{to{opacity:.25;transform:scale(.7)}}.studio-config-callout{background:#f8f0dc;border:1px solid #c8a84e47;margin:0 16px 16px;padding:18px}.studio-config-callout strong{font:400 19px var(--display)}.studio-config-callout p{color:var(--muted);margin:7px 0 14px;font-size:12px;line-height:1.65}.studio-composer{border-top:1px solid var(--line);background:#f0ede6e6;flex:none;padding:8px 10px 9px}.studio-provider-picker{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin-bottom:9px;display:grid}.studio-provider-picker span{color:var(--muted);font:11px var(--mono)}.studio-provider-picker select{border:1px solid var(--line);width:100%;min-width:0;color:var(--ink);background:#ffffffb8;padding:8px 10px;font-size:11px}.studio-suggestions{gap:6px;margin-bottom:9px;display:flex;overflow-x:auto}.studio-suggestions button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:99px;flex:none;padding:7px 10px;font-size:11px}.studio-composer textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:54px;max-height:150px;color:var(--ink);font:13px/1.55 var(--sans);background:#ffffffb8;outline:none;padding:9px 10px}.studio-composer textarea::placeholder{color:var(--muted)}.studio-local-guide{text-align:center;color:var(--muted);flex:auto;align-content:center;justify-items:center;gap:10px;padding:40px 28px;display:grid}.studio-local-guide-mark{width:48px;height:48px;color:var(--water);background:#3b6cb514;border:1px solid #3b6cb533;border-radius:14px;place-items:center;font-size:21px;display:grid}.studio-local-guide h3{color:var(--ink);font:400 21px var(--display)}.studio-local-guide p{max-width:360px;font-size:12px;line-height:1.7}.studio-local-guide .button{border-radius:9px;margin-top:8px;padding-inline:18px}.studio-composer textarea:focus{border-color:var(--water);box-shadow:0 0 0 3px #3b6cb517}.studio-composer .form-error{margin-top:8px}.studio-composer-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;display:flex}.studio-composer-foot small{color:var(--muted);font:11px var(--mono)}.studio-history{border-top:1px solid var(--line);background:#ffffff57;flex:none}.studio-history summary{cursor:pointer;padding:12px 16px;font-size:11px;list-style:none}.studio-history summary::-webkit-details-marker{display:none}.studio-history summary:after{content:"+";float:right;color:var(--muted)}.studio-history[open] summary:after{content:"−"}.studio-history summary span{color:var(--muted);margin-left:6px}.studio-history-list{max-height:210px;padding:0 14px 12px;overflow-y:auto}.studio-history-list article{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 0;display:flex}.studio-history-list strong{font-size:12px}.studio-history-list p{color:var(--muted);margin:4px 0;font-size:11px;line-height:1.55}.studio-history-list small{color:var(--muted);font:11px var(--mono)}.studio-history-actions{flex:none;align-items:center;gap:9px;display:flex}.studio-history-actions a,.studio-history-list button{color:var(--water);cursor:pointer;background:0 0;border:0;font-size:11px}@media (max-width:1100px){.home-echo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-river{columns:3}.echoes-grid,.room-echo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.room-header{flex-direction:column;align-items:flex-start}.room-header-actions{justify-content:flex-start}.studio-workspace{grid-template-columns:minmax(0,1fr) 370px}}@media (max-width:650px){.echoes-search{grid-template-columns:1fr}.echoes-search input,.echoes-search select{border-bottom:1px solid #1a23321a;border-right:0;min-height:48px}.echoes-search button{min-height:48px}.studio-metadata-form{grid-template-columns:1fr}.studio-metadata-form label{grid-column:1/-1!important}.home-intro-copy{display:block}.home-intro-copy .showcase-hero-cta{flex-direction:row;align-items:center;margin-top:28px}.home-intro{margin-top:28px}.home-intro-copy h1{font-size:42px}.home-intro-copy>p{font-size:15px}.home-showcase{margin-top:52px}.home-showcase-head{flex-direction:column;align-items:start}.home-echo-grid{grid-template-columns:1fr}.create-steps{gap:10px 16px}}@media (min-width:1051px){.editor-layout{align-items:stretch}.preview-panel{flex-direction:column;display:flex}.preview-panel .sandbox-shell{flex:1;min-height:0}.preview-panel .sandbox-frame{height:100%;min-height:520px}}@media (max-width:1050px){.auth-layout{grid-template-columns:1fr;gap:40px;padding:55px 0 90px}.editor-layout{grid-template-columns:1fr}.preview-panel{order:-1}.program-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.room-mockup-grid{grid-template-columns:repeat(2,1fr)}.how-steps{flex-direction:column;gap:0}.how-step{border-bottom:1px solid var(--line);padding:28px 0}.how-step:last-child{border-bottom:0}.how-connector{display:none}.promise-card{grid-template-columns:1fr}.promise-copy,.promise-cta{padding:40px 32px}.settings-section{grid-template-columns:1fr;gap:24px}.public-room-grid{grid-template-columns:1fr}.room-section-heading{flex-direction:column;align-items:flex-start;gap:10px}.room-section-heading>p{text-align:left}.studio-navigation-handle small{display:none}.studio-workspace-viewport>.studio-workspace{flex:none;min-height:0}.studio-context-bar{white-space:nowrap;min-height:38px;overflow-x:auto}.studio-workspace{grid-template-columns:1fr;min-height:0}.studio-preview-panel{height:64vh;min-height:480px}.studio-side-panel{min-height:680px}.studio-messages{max-height:48vh}}@media (max-width:760px){.shell{width:calc(100% - 32px)}.site-header{height:64px}.site-nav{display:none}.site-menu{display:block}.page-shell{padding-top:54px}.echo-context-inner{flex-wrap:wrap;align-items:flex-start;gap:10px}.echo-context-identity{gap:12px;width:100%}.echo-context-actions{scrollbar-width:none;justify-content:flex-start;width:100%;padding-bottom:2px;overflow-x:auto}.echo-context-actions::-webkit-scrollbar{display:none}.echo-context-actions>*,.echo-context-actions form{flex:none}.runtime-page{grid-template-rows:64px auto auto minmax(0,1fr);height:100svh;min-height:100svh}.runtime-info{flex-direction:column;align-items:flex-start;gap:4px;padding:9px 16px}.runtime-info p{width:100%}.runtime-provenance{text-align:left;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:3px;width:100%;max-width:none;overflow:visible}.runtime-provenance a{display:block}.runtime-provenance span{text-overflow:clip;white-space:normal;line-height:1.55;overflow:visible}.runtime-frame-wrap{padding:6px}}@media (max-width:650px){.account-type-options{grid-template-columns:1fr}.sc-river{columns:2;column-gap:10px}.echoes-grid,.room-echo-grid{grid-template-columns:1fr}.showcase-hero{padding:40px 0 32px}.showcase-hero-head{padding:0 16px 32px}.showcase-hero-head h1{white-space:normal;font-size:34px}.showcase-hero-head p{font-size:14px}.showcase-hero-cta{flex-direction:column;gap:14px}.btn-primary{padding:12px 22px;font-size:13px}.room-mockup-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:14px}.section-head h2{font-size:30px}.how-step h3,.promise-copy h2{font-size:26px}.site-footer{grid-template-columns:1fr 1fr;padding:60px 0 40px}.footer-slogan{order:-1;grid-column:1/-1;margin-bottom:24px}.site-footer small{text-align:left;grid-column:1/-1}.program-grid{grid-template-columns:1fr}.editor-panel,.preview-panel{padding:19px 15px}.sandbox-frame{height:380px}.settings-page-head{flex-direction:column;align-items:flex-start}.settings-section{padding:22px 18px}.settings-save{width:100%}.settings-actions{grid-template-columns:1fr 1fr;display:grid}.settings-actions .button{width:100%}.settings-delete{order:3;grid-column:1/-1}.invitation-open-form{grid-template-columns:1fr}.invitation-open-form .button{width:100%}.invitation-ticket{padding:20px}.invitation-ticket>strong{font-size:30px}.discover-hero{padding:35px 0 48px}.discover-hero h1{font-size:48px}.discover-search{grid-template-columns:1fr}.discover-search button{border-left:0;border-top:1px solid var(--ink);min-height:48px}.welcome-room-callout,.search-reset{flex-direction:column;align-items:flex-start}.welcome-room-callout .button{width:100%}.discovery-section{margin-top:58px}.discovery-section-head{align-items:flex-start}.public-room-card{padding:20px}.public-room-card footer{flex-wrap:wrap}.public-room-card footer b{width:100%;margin:3px 0 0}.public-room-title-row{flex-direction:column;align-items:flex-start}.public-room-title-row h1{font-size:50px}.public-room-actions,.public-room-actions form,.public-room-actions .button{width:100%}.studio-context-bar{padding:0 12px}.studio-workspace{gap:6px;padding:6px}.studio-preview-panel{height:58vh;min-height:420px}.studio-panel-head small{display:none}.studio-side-panel{min-height:620px}.studio-suggestions{scrollbar-width:none}.empty-room-actions{flex-direction:column}}@media (max-width:420px){.brand{gap:10px}.brand-mark{width:30px;height:30px}.echo-context-back{font-size:11px}.echo-context-title h1{font-size:18px}.echo-context-title-row .echo-status{display:none}.echo-context-actions .button{min-height:38px;padding-inline:12px;font-size:12px}.version-detail-info{flex-direction:column;align-items:flex-start;gap:18px}.version-detail-info dl{gap:16px}.auth-register-title span,.auth-register-title em{white-space:normal}}@media (hover:none){.sc-card-action{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal-ready .scroll-reveal{opacity:1;transition:none;transform:none}}.runtime-page.immersive-runtime{grid-template-rows:minmax(0,1fr);height:100dvh;min-height:0}.immersive-runtime>.runtime-frame-wrap{height:auto;padding:0}.immersive-runtime .sandbox-shell{grid-template-rows:minmax(0,1fr)}.immersive-runtime .sandbox-frame{border:0}.site-header-with-title{grid-template-columns:minmax(0,1fr) minmax(120px,320px) minmax(0,1fr);gap:20px;display:grid}.site-header-with-title>.site-nav,.site-header-with-title>.site-menu{justify-self:end}.runtime-title{min-width:0}.runtime-title h1{font:500 18px/1.4 var(--sans);margin:0}.runtime-title h1 button{width:100%;min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:10px;display:flex}.runtime-title h1 span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.runtime-title h1 small{color:var(--muted);font:12px var(--sans);flex-shrink:0}.runtime-title button:focus-visible{outline:2px solid var(--water);outline-offset:2px}.runtime-details{border:1px solid var(--line);background:var(--paper);overflow-wrap:anywhere;width:min(600px,100%);max-height:calc(100dvh - 84px);padding:24px;position:absolute;top:100%;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 12px 32px #0f172424}.runtime-details[hidden]{display:none}.runtime-details-heading{justify-content:space-between;align-items:start;gap:16px;margin-bottom:16px;display:flex}.runtime-details-heading>button{flex-shrink:0}.runtime-details p{color:var(--muted);margin:10px 0;font-size:13px}.runtime-details-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.runtime-details-back{color:var(--water);margin-top:18px;font-size:13px;display:inline-block}.runtime-details-nav{border-top:1px solid var(--line);flex-wrap:wrap;gap:12px 20px;margin-top:18px;padding-top:18px;font-size:13px;display:flex}.runtime-details-nav a:hover{text-decoration:underline}.runtime-details-backdrop{z-index:-1;cursor:default;background:0 0;border:0;position:fixed;inset:0}.immersive-runtime>.runtime-dock{z-index:30;position:fixed;bottom:24px;right:24px}.runtime-dock h1 button{background:var(--ink-deep);width:52px;height:52px;min-height:52px;color:var(--foam);border-radius:50%;flex-direction:column;gap:0;box-shadow:0 8px 24px #0f172433}.runtime-dock h1 button span{font:600 17px var(--display)}.runtime-dock h1 button small{color:#f5f3eeb8;font-size:9px}.runtime-dock .runtime-details{width:min(420px,100vw - 48px);max-height:calc(100dvh - 120px);position:fixed;inset:auto 24px 88px auto;transform:none}.runtime-dock .runtime-details-heading strong{font:500 20px var(--display)}@media (max-width:1100px){.site-header-with-title .site-nav{display:none}.site-header-with-title .site-menu{display:block}}@media (max-width:650px){.site-header-with-title{grid-template-columns:60px minmax(0,1fr) 60px;gap:8px}.site-header-with-title .brand-copy{display:none}.runtime-title h1{font-size:15px}.runtime-title h1 button{flex-direction:column;gap:0}.runtime-title h1 span{max-width:100%}.runtime-title h1 small{font-size:11px}.runtime-details{max-height:calc(100dvh - 76px);padding:16px}}