.home-hero{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);align-items:center;gap:3rem;padding:4.5rem 0 4rem;display:grid}.home-hero h1{letter-spacing:-.04em;font-size:clamp(2.5rem,4.3vw,4rem);line-height:1.17}.welcome-friends{text-align:center;min-width:0;min-height:470px;position:relative}.welcome-hello{color:var(--color-text-primary);border-bottom:1px solid var(--color-border);margin:0 auto;padding:.7rem 1rem;font-size:.85rem;font-weight:600;line-height:1.6;display:inline-block}.welcome-stage{contain:layout paint;width:100%;height:330px;position:relative}.welcome-canvas,.welcome-still{width:100%;height:100%;position:absolute;inset:0}.welcome-canvas canvas{width:100%;height:100%;display:block}.welcome-choices{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.welcome-choices button{border:1px solid var(--color-border);min-height:36px;color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:.4rem;padding:.4rem .55rem;font-size:.75rem;display:inline-flex}.welcome-choices button[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-bg-panel)}.welcome-choices button span{border:1px solid #0000000d;border-radius:50%;width:10px;height:10px}.welcome-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;font-size:.75rem;display:flex}.welcome-actions button{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;padding:.3rem 0}.welcome-actions a{color:var(--color-accent);text-decoration:none}.welcome-actions a:hover{text-decoration:underline}.welcome-friends button:focus-visible,.welcome-friends a:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.home-paths{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.home-paths a{border-top:1px solid var(--color-border);height:100%;color:inherit;padding:1.5rem 0;text-decoration:none;display:block}.home-paths h3{font-size:1rem;font-weight:600}.home-paths p{color:var(--color-text-secondary);margin-top:.7rem;font-size:.85rem;line-height:1.8}.home-paths .home-path-number{font-family:var(--font-mono);color:var(--color-accent);margin-bottom:.8rem;font-size:.7rem;display:block}@media (width<=900px){.home-hero{grid-template-columns:minmax(0,1fr) minmax(290px,.85fr);gap:1.5rem}.home-hero h1{font-size:2.7rem}.welcome-stage{height:300px}}@media (width<=700px){.home-hero{grid-template-columns:1fr;gap:2.2rem;padding-top:2.5rem;padding-bottom:2.5rem}.home-hero h1{font-size:2.6rem}.welcome-friends{width:100%;max-width:410px;min-height:430px;margin:auto}.welcome-stage{height:290px}.home-paths{grid-template-columns:1fr;gap:0}.home-paths a{padding:1.3rem 0}.home-paths .home-path-number{float:left;margin:.2rem 1.3rem 0 0}.home-paths h3,.home-paths p{margin-left:2.3rem}}.welcome-light-label{color:var(--color-text-secondary);margin-top:.6rem;font-size:.7rem;line-height:1.6}.welcome-actions button:disabled{cursor:default}.welcome-motion-guide{margin-top:.7rem;font-size:.72rem}.welcome-motion-guide a{color:var(--color-accent);text-decoration:none}.welcome-motion-guide a:hover{text-decoration:underline}.home-customize-entry{justify-content:flex-end;padding-top:1.25rem;display:flex}.home-customize-entry button,.welcome-orbit-hint button{color:var(--color-accent);cursor:pointer;background:0 0;border:0;padding:.35rem;font-size:.75rem}.welcome-orbit-hint{color:var(--color-text-secondary);margin-top:.65rem;font-size:.7rem}.home-customize-entry+.home-hero{padding-top:2rem}.home-hero h1{overflow-wrap:anywhere}.home-settings-dialog{border:1px solid var(--color-border);background:var(--color-bg-panel);width:min(92vw,480px);max-height:90dvh;color:var(--color-text-primary);margin:auto;padding:1.5rem;overflow:auto}.home-settings-dialog::backdrop{background:#14203480}.home-settings-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.home-settings-heading h2{font-size:1.15rem;font-weight:600}.home-settings-heading button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:1.5rem}.home-settings-dialog p{color:var(--color-text-secondary);margin:.9rem 0;font-size:.8rem;line-height:1.8}.home-settings-dialog form>label{margin:1.2rem 0;font-size:.85rem;display:block}.home-settings-dialog input:not([type=radio]):not([type=checkbox]){border:1px solid var(--color-border);background:var(--color-bg-primary);width:100%;color:var(--color-text-primary);margin-top:.6rem;padding:.7rem;display:block}.home-settings-actions{flex-wrap:wrap;gap:.7rem;margin-top:1.3rem;display:flex}.home-settings-dialog fieldset{border:0;font-size:.85rem}.home-color-options{gap:1rem;margin:.8rem 0;display:flex}.home-color-options label{cursor:pointer;align-items:center;gap:.3rem;display:flex}.home-color-options span{border:1px solid #0002;border-radius:50%;width:24px;height:24px;display:block}.personal-home-project{border:1px solid var(--color-border);background:var(--color-bg-panel);min-width:0}.personal-home-project h2{border-bottom:1px solid var(--color-border);overflow-wrap:anywhere;padding:1rem;font-size:.95rem;font-weight:600}.home-project-poster{place-items:center;height:330px;display:grid;position:relative;overflow:hidden}.home-project-poster img{object-fit:contain;width:100%;height:100%}.home-project-poster .btn-primary{white-space:nowrap;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.home-project-placeholder{color:var(--color-accent);opacity:.35;font-size:8rem;font-weight:200}.home-project-links{flex-wrap:wrap;align-items:center;gap:.8rem;padding:1rem;font-size:.75rem;display:flex}.home-project-links a{color:var(--color-accent);text-decoration:none}.home-project-links span{color:var(--color-text-secondary);font-size:.7rem}.home-project-viewport{height:360px;min-height:0}.home-project-controls{border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:.7rem;padding:.7rem 1rem;display:flex}.home-project-controls button{color:var(--color-accent);cursor:pointer;background:0 0;border:0;font-size:.75rem}.home-project-controls button:disabled{color:var(--color-text-muted);cursor:default}.home-project-output{padding:.75rem 1rem;font-size:.75rem}.home-project-output pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:130px;margin-top:.7rem;overflow:auto}.home-settings-dialog [role=alert]{color:var(--color-error)}.home-settings-dialog .home-project-toggle{align-items:center;gap:.6rem;display:flex}.welcome-light-editor{text-align:left;border-top:1px solid var(--color-border);max-width:390px;margin:.8rem auto 0;padding-top:.7rem;font-size:.75rem}.welcome-light-editor summary{cursor:pointer;color:var(--color-accent)}.welcome-light-editor>label,.welcome-light-editor fieldset label{align-items:center;gap:.6rem;margin:.6rem 0;display:flex}.welcome-light-editor label span{min-width:42px}.welcome-light-editor input[type=range]{min-width:0;accent-color:var(--color-accent);flex:1}.welcome-light-editor output{text-align:right;width:34px;font-family:var(--font-mono);font-size:.7rem}.welcome-light-editor fieldset{border:0;margin-top:.8rem}.welcome-light-editor legend{font-weight:600}.welcome-light-editor input[type=color]{border:1px solid var(--color-border);background:0 0;width:50px;height:26px}.welcome-light-editor select{color:var(--color-text-primary);background:var(--color-bg-panel);border:1px solid var(--color-border);margin-left:.6rem;padding:.2rem}.welcome-light-editor button{color:var(--color-accent);cursor:pointer;background:0 0;border:0;padding:.5rem 0}.welcome-light-editor [role=alert]{color:var(--color-error)}.welcome-actions .welcome-action-play{border:1px solid var(--color-border);background:var(--color-bg-panel);border-radius:999px;padding:.45rem .7rem}.welcome-actions .welcome-action-play[aria-pressed=true]{color:var(--color-accent);border-color:var(--color-accent)}.welcome-motion-status{min-height:1.5em;color:var(--color-text-secondary);margin-top:.5rem;font-size:.7rem;line-height:1.6}.stage-light-choices{grid-template-columns:1fr 1fr;gap:.6rem;margin:.9rem 0 1rem;display:grid}.welcome-light-editor .stage-light-choices button{border:1px solid var(--color-border);background:var(--color-bg-panel);color:var(--color-text-secondary);text-align:left;border-radius:12px;align-items:center;gap:.6rem;margin:0;padding:.6rem .75rem;transition:border-color .15s,background .15s;display:flex}.welcome-light-editor .stage-light-choices button[aria-pressed=true]{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 5%,var(--color-bg-panel));color:var(--color-text-primary)}.stage-light-mini{width:36px;height:36px;color:var(--lamp-color);background:var(--color-bg-secondary);border-radius:9px;flex-shrink:0}.stage-light-mini svg{width:100%;height:100%}.stage-light-check{color:var(--color-accent);min-width:12px;margin-left:auto}.stage-light-choices button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.welcome-more{border-top:1px solid var(--color-border);max-width:390px;margin:1rem auto 0;padding-top:.4rem;font-size:.75rem}.welcome-more>summary{cursor:pointer;min-height:36px;color:var(--color-text-secondary);align-items:center;gap:.35rem;padding:0 .5rem;list-style:none;display:inline-flex}.welcome-more>summary::-webkit-details-marker{display:none}.welcome-more>summary:after{content:"⌄";font-size:.7rem}.welcome-more[open]>summary{color:var(--color-text-primary)}.welcome-more[open]>summary:after{content:"⌃"}.welcome-more>summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.welcome-more-row{justify-content:center;align-items:center;gap:.75rem;margin-top:.4rem;display:flex}.welcome-more-row button{color:var(--color-accent);cursor:pointer;background:0 0;border:0;padding:.35rem;font-size:.75rem}.welcome-more-row .welcome-light-label{margin-top:0}.welcome-more .welcome-light-editor{border-top:0;margin-top:.4rem}.welcome-motion-status{color:var(--color-text-secondary);margin-top:.6rem;font-size:.72rem;line-height:1.6}.welcome-more .welcome-light-editor>summary{text-align:center}