:root{--background-color:#0e0637;--text-color:#e6e6e6;--text-color-button:#0e0637;--button-background:#dfdfdf;--purple-deep:#170d5e;--periwinkle-glow:#a7a7ff;--accent-orange:#ff5e00;--meter-tick-grey:#8c8c8c;--shell-frame:#08070a;--shell-frame-border:#ffffff14;--observer-accent:#ff5e00;--font-family:"Figtree", Arial, sans-serif;--radius-pill:1rem;--chrome-scale:1.5}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--text-color);font-family:var(--font-family)}button,input,select,textarea{font-family:inherit}input,select,textarea{color:inherit}button{cursor:pointer}a{color:var(--periwinkle-glow)}a:hover{color:var(--text-color)}.glow-halo{transition:color .3s,box-shadow .3s,transform .3s;box-shadow:0 0 4px 2px #e6e6e626,0 0 10px 4px #e6e6e617,0 0 20px 7px #e6e6e60a}.glow-halo:hover,.glow-halo--active{box-shadow:0 0 6px 3px #e6e6e659,0 0 16px 6px #e6e6e633,0 0 30px 10px #e6e6e614}.glow-halo--small{box-shadow:0 0 4px 2px #e6e6e640,0 0 10px 4px #e6e6e626,0 0 20px 6px #e6e6e612}.glow-halo--periwinkle{box-shadow:0 0 10px 3px #a7a7ff40,0 0 22px 6px #a7a7ff1f}html,body{height:100%}body{background-color:#000;justify-content:center;align-items:center;display:flex;overflow:hidden}#root{background-color:var(--background-color);position:relative;overflow:hidden}@media screen and (aspect-ratio>=16/9){:root{font-size:1.778vh}#root{width:177.78vh;height:100vh}}@media screen and (aspect-ratio<=16/9){:root{font-size:1vw}#root{width:100vw;height:56.25vw}}.ttlg-btn{border-radius:var(--radius-pill);font-family:var(--font-family);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.ttlg-btn--solid{background:var(--button-background);color:var(--text-color-button);font-size:calc(.9375rem * var(--chrome-scale));padding:calc(.875rem * var(--chrome-scale)) calc(1.5rem * var(--chrome-scale));transition:transform .2s,box-shadow .2s,background-color .2s,opacity .2s}.ttlg-btn--solid:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #0003}.ttlg-btn--solid:disabled{color:var(--text-color-button);box-shadow:none;cursor:default;background-color:#c8c8c87b;transform:none}.ttlg-btn--ghost{color:#e6e6e6b3;font-size:calc(.875rem * var(--chrome-scale));padding:calc(.8125rem * var(--chrome-scale)) calc(1.375rem * var(--chrome-scale));background:0 0}.ttlg-btn--ghost:hover:not(:disabled){color:var(--text-color);transform:translateY(-2px)}.ttlg-btn--ghost:disabled{color:#e6e6e64d;cursor:default;box-shadow:none}.ttlg-btn--stacked{width:calc(13.75rem * var(--chrome-scale));height:calc(3rem * var(--chrome-scale))}.title-screen{background:var(--background-color);flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.title-screen__block{flex-direction:column;align-items:center;display:flex}.title-screen__through{font-size:calc(3.625rem * var(--chrome-scale));opacity:.85;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:.25rem;font-weight:400}.title-screen__main-wrap{position:relative}.title-screen__main-glow{color:var(--periwinkle-glow);opacity:.75;filter:blur(.75rem);z-index:0;position:absolute;inset:0}.title-screen__main-glow,.title-screen__main{font-size:calc(6.5rem * var(--chrome-scale));letter-spacing:-.02em;white-space:nowrap;text-transform:uppercase;margin:0;font-weight:700}.title-screen__main{z-index:1;color:var(--text-color);text-shadow:0 0 1rem #fff6;position:relative}.title-screen__actions{align-items:center;gap:calc(.875rem * var(--chrome-scale));flex-direction:column;margin-top:4rem;display:flex}.ttlg-checkbox-row{align-items:center;gap:.625rem;display:flex}.ttlg-checkbox{appearance:none;width:calc(1.125rem * var(--chrome-scale));height:calc(1.125rem * var(--chrome-scale));background-color:var(--purple-deep);border:1px solid var(--text-color);cursor:pointer;border-radius:.2rem;flex:none;margin:0;position:relative}.ttlg-checkbox:checked{background-color:#e6e6e6;border-color:#e6e6e6}.ttlg-checkbox:checked:after{content:"✔";font-size:calc(.625rem * var(--chrome-scale));color:var(--purple-deep);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ttlg-checkbox-label{font-size:calc(.8125rem * var(--chrome-scale));color:#e6e6e6d9}.infotip{align-items:center;display:inline-flex;position:relative}.infotip-trigger{width:calc(1.1rem * var(--chrome-scale));height:calc(1.1rem * var(--chrome-scale));min-width:0;font-size:calc(.7rem * var(--chrome-scale));color:#e6e6e699;cursor:pointer;opacity:.75;background:0 0;border:1px solid #e6e6e666;border-radius:50%;justify-content:center;align-items:center;padding:0;font-weight:700;line-height:1;transition:opacity .15s,box-shadow .15s;display:inline-flex}.infotip-trigger:hover,.infotip-trigger--open{opacity:1}.infotip-box{width:calc(14rem * var(--chrome-scale));-webkit-backdrop-filter:blur(10px);color:var(--text-color);font-size:calc(.72rem * var(--chrome-scale));font-family:var(--font-family);text-align:left;padding:calc(.55rem * var(--chrome-scale)) calc(.75rem * var(--chrome-scale));z-index:1000;pointer-events:none;opacity:0;background:#0e0637f2;border:1px solid #a7a7ff4d;border-radius:.6rem;line-height:1.5;transition:opacity .2s;position:absolute;box-shadow:0 0 10px 3px #a7a7ff38,0 4px 20px #00000080}.infotip-box--visible{opacity:1}.ttlg-level-meter{flex-direction:column;gap:.375rem;display:flex}.ttlg-level-meter__label{font-size:calc(.6875rem * var(--chrome-scale));letter-spacing:.07em;text-transform:uppercase;color:#e6e6e680;font-weight:600}.ttlg-level-meter__track{height:calc(.75rem * var(--chrome-scale));background:var(--button-background);border-radius:999px;position:relative;overflow:visible}.ttlg-level-meter__fill{background:var(--purple-deep);border-radius:999px;transition:width .1s;position:absolute;inset:0 auto 0 0}.ttlg-level-meter__tick{width:calc(.125rem * var(--chrome-scale));background:var(--meter-tick-grey);border-radius:1px;position:absolute;top:-.1875rem;bottom:-.1875rem}.ttlg-level-meter__tick--special{width:calc(.15625rem * var(--chrome-scale));background:var(--accent-orange)}.ttlg-level-meter__scale{font-size:calc(.59375rem * var(--chrome-scale));letter-spacing:.02em;color:#e6e6e659;justify-content:space-between;display:flex}.setup-screen{background:var(--background-color);flex-direction:column;align-items:center;height:100%;display:flex;overflow-y:auto}.setup-screen__wordmark{align-items:baseline;gap:.375rem;margin-top:1.75rem;display:flex}.setup-screen__wm-through{font-size:calc(.75rem * var(--chrome-scale));color:#e6e6e68c;letter-spacing:.05em;text-transform:uppercase;font-weight:400}.setup-screen__wm-main{font-size:calc(.875rem * var(--chrome-scale));color:var(--text-color);letter-spacing:.02em;text-transform:uppercase;text-shadow:0 0 8px #a7a7ff73;font-weight:700}.setup-screen__panel{width:calc(56rem * var(--chrome-scale));margin-top:1.25rem}.setup-screen__row-pair{gap:0 calc(2rem * var(--chrome-scale));padding:calc(1.125rem * var(--chrome-scale)) 0;border-bottom:1px solid var(--shell-frame-border);grid-template-columns:1fr 1fr;display:grid}.setup-screen__section{padding:calc(1.125rem * var(--chrome-scale)) 0;border-bottom:1px solid var(--shell-frame-border)}.setup-screen__section:last-child{border-bottom:none}.setup-screen__mic-speaker-split{gap:calc(3rem * var(--chrome-scale));display:flex}.setup-screen__mic-col{flex:3;min-width:0}.setup-screen__speaker-col{flex:2;min-width:0}.setup-screen__checkbox-row{gap:calc(.5rem * var(--chrome-scale)) calc(1.75rem * var(--chrome-scale));flex-wrap:wrap;display:flex}.setup-screen__step{align-items:center;gap:.625rem;margin-bottom:.75rem;display:flex}.setup-screen__step-num{width:calc(1.375rem * var(--chrome-scale));height:calc(1.375rem * var(--chrome-scale));font-size:calc(.6875rem * var(--chrome-scale));color:#e6e6e6b3;border:1px solid #e6e6e659;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.setup-screen__step-title{font-size:calc(.8125rem * var(--chrome-scale));letter-spacing:.06em;text-transform:uppercase;color:#e6e6e6d9;font-weight:600}.setup-screen__field{width:100%;color:var(--text-color);font-family:var(--font-family);font-size:calc(.875rem * var(--chrome-scale));padding:calc(.75rem * var(--chrome-scale)) calc(.875rem * var(--chrome-scale));background:#ffffff0d;border:none;border-radius:.625rem;outline:none}.setup-screen__field::placeholder{color:#e6e6e659}.setup-screen__select-row{width:100%;color:var(--text-color);font-family:var(--font-family);font-size:calc(.84375rem * var(--chrome-scale));padding:calc(.6875rem * var(--chrome-scale)) calc(.875rem * var(--chrome-scale));appearance:none;background:#ffffff0d;border:none;border-radius:.625rem}.setup-screen__label-row{align-items:center;gap:.375rem;margin-bottom:.5625rem;display:flex}.setup-screen__label{font-size:calc(.6875rem * var(--chrome-scale));letter-spacing:.07em;text-transform:uppercase;color:#e6e6e680;font-weight:600}.setup-screen__segmented{background:#ffffff0d;border-radius:999px;padding:.1875rem;display:inline-flex}.setup-screen__seg{padding:calc(.5rem * var(--chrome-scale)) calc(.9375rem * var(--chrome-scale));font-size:calc(.75rem * var(--chrome-scale));color:#e6e6e68c;cursor:pointer;font-family:var(--font-family);background:0 0;border:none;border-radius:999px}.setup-screen__seg--active{background:var(--button-background);color:var(--text-color-button);font-weight:600}.setup-screen__output-name{font-size:calc(.875rem * var(--chrome-scale))}.setup-screen__output-hint{font-size:calc(.65625rem * var(--chrome-scale));color:#e6e6e666;margin-top:.1875rem}.setup-screen__test-btn{color:#e6e6e6bf;font-family:var(--font-family);font-size:calc(.78125rem * var(--chrome-scale));padding:calc(.5625rem * var(--chrome-scale)) calc(1rem * var(--chrome-scale));cursor:pointer;background:0 0;border:1px solid #e6e6e64d;border-radius:.625rem;align-items:center;gap:.4375rem;display:inline-flex}.setup-screen__test-btn--on{background:var(--accent-orange);border-color:var(--accent-orange);color:var(--purple-deep);font-weight:600}.setup-screen__footer{width:calc(56rem * var(--chrome-scale));justify-content:flex-end;align-items:center;margin-top:1.25rem;padding-bottom:1.75rem;display:flex}.setup-screen__footer-note{font-size:calc(.71875rem * var(--chrome-scale));opacity:.6;align-items:center;gap:.375rem;line-height:1.4;display:flex}.setup-screen__error{color:var(--accent-orange);font-size:calc(.8125rem * var(--chrome-scale))}.session-layout{flex-direction:column;flex:1;gap:.75rem;width:100%;min-height:0;display:flex}.session-layout__title{margin:0;font-size:1rem}.session-layout__flex{flex:1;min-width:0;min-height:0;display:flex}.session-layout__flex--row{flex-direction:row;align-items:stretch}.session-layout__flex--column{flex-direction:column}.session-layout__flex--scroll{max-height:min(85vh,48rem);overflow:hidden auto}.session-layout__flex--column>.session-layout__slot--viewport{flex:1;min-height:0}.session-layout__flex--column>.session-layout__slot--rtc-panel{flex:none}.session-layout__slot--viewport{min-width:0;min-height:0}.session-layout__slot--rtc-panel{min-height:calc(3rem * var(--chrome-scale))}.journey-rtc-panel{color:#333;flex-direction:column;gap:.5rem;width:100%;display:flex}.journey-rtc-panel__empty{font-size:calc(.75rem * var(--chrome-scale));color:#888;margin:0}.journey-rtc-panel__header-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.journey-rtc-panel__controls{flex:none;align-items:center;gap:.375rem;display:flex}.journey-rtc-panel__hold-btn{color:#e6e6e68c;font-size:calc(.71875rem * var(--chrome-scale));cursor:pointer;font-weight:600;font-family:var(--font-family);padding:calc(.25rem * var(--chrome-scale)) calc(.5rem * var(--chrome-scale));background:0 0;border:none;border-radius:999px;transition:color .15s,background .15s}.journey-rtc-panel__hold-btn:hover{color:var(--text-color);background:#ffffff14}.journey-rtc-panel__grid{gap:.75rem;width:100%;padding:.125rem;display:flex;overflow:auto hidden}.journey-rtc-panel__tile{width:calc(6.875rem * var(--chrome-scale));height:calc(5.125rem * var(--chrome-scale));background:#111;border-radius:4px;flex:none;position:relative;overflow:hidden}.journey-rtc-panel__tile video{object-fit:cover;width:100%;height:100%;display:block}.journey-rtc-panel__tile--placeholder{background:#2a2a2a;justify-content:center;align-items:center;display:flex}.journey-rtc-panel__label{left:calc(.25rem * var(--chrome-scale));bottom:calc(.25rem * var(--chrome-scale));padding:calc(.1rem * var(--chrome-scale)) calc(.35rem * var(--chrome-scale));font-size:calc(.65rem * var(--chrome-scale));color:#fff;background:#0000008c;border-radius:3px;line-height:1.2;position:absolute}.app-shell{background:var(--background-color);flex-direction:column;height:100%;display:flex}.room-toast{top:calc((4rem * var(--chrome-scale)) + 1rem);color:var(--text-color);z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#170d5ef2;border:1px solid #a7a7ff59;border-radius:999px;padding:.625rem 1.125rem;font-size:.8125rem;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0006}.app-shell--observer{box-shadow:inset 0 0 0 2px #ff5e008c}.app-shell__header{height:calc(4rem * var(--chrome-scale));padding:0 calc(1.875rem * var(--chrome-scale));background:var(--shell-frame);border-bottom:1px solid var(--shell-frame-border);flex:none;justify-content:space-between;align-items:center;gap:1rem;display:flex}.app-shell--observer .app-shell__header{border-bottom-color:#ff5e0047}.app-shell__wordmark{white-space:nowrap;align-items:baseline;gap:.375rem;display:flex}.app-shell__wm-through{font-size:calc(.6875rem * var(--chrome-scale));color:#e6e6e68c;letter-spacing:.05em;text-transform:uppercase;font-weight:400}.app-shell__wm-main{font-size:calc(.8125rem * var(--chrome-scale));color:var(--text-color);letter-spacing:.02em;text-transform:uppercase;text-shadow:0 0 8px #a7a7ff73;font-weight:700}.app-shell__breadcrumb{font-size:calc(.78125rem * var(--chrome-scale));color:#e6e6e666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-shell__header-right{flex:none;align-items:center;gap:.875rem;display:flex}.app-shell__room-code{font-size:calc(.8125rem * var(--chrome-scale));letter-spacing:.04em;color:#e6e6e68c;white-space:nowrap}.app-shell__room-code b{color:var(--text-color);letter-spacing:.06em;font-weight:700}.icon-btn{width:calc(2.125rem * var(--chrome-scale));height:calc(2.125rem * var(--chrome-scale));cursor:pointer;color:#c8c8c8;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:color .15s,box-shadow .15s;display:flex}.icon-btn:hover{color:var(--text-color);box-shadow:0 0 4px 2px #e6e6e640,0 0 10px 4px #e6e6e626}.icon-btn--disabled,.icon-btn:disabled{opacity:.3;cursor:default;pointer-events:none}.app-shell__audience-controls{align-items:center;gap:.5rem;display:flex}.app-shell__audience-label{font-size:calc(.71875rem * var(--chrome-scale));color:#e6e6e666;white-space:nowrap}.app-shell__audience-toggle{width:calc(1.875rem * var(--chrome-scale));height:calc(1.0625rem * var(--chrome-scale));cursor:pointer;background:#ffffff1f;border:none;border-radius:999px;flex:none;padding:0;transition:background .2s;position:relative}.app-shell__audience-toggle-knob{top:calc(.125rem * var(--chrome-scale));left:calc(.125rem * var(--chrome-scale));width:calc(.8125rem * var(--chrome-scale));height:calc(.8125rem * var(--chrome-scale));background:#e6e6e680;border-radius:50%;transition:left .2s,background .2s;position:absolute}.app-shell__audience-toggle--on{background:#a7a7ff52}.app-shell__audience-toggle--on .app-shell__audience-toggle-knob{left:calc(.9375rem * var(--chrome-scale));background:var(--periwinkle-glow)}.app-shell__audience-count{font-size:calc(.71875rem * var(--chrome-scale));color:#e6e6e666;white-space:nowrap}.app-shell__audience-clear{color:#e6e6e666;font-size:calc(.71875rem * var(--chrome-scale));cursor:pointer;font-family:var(--font-family);text-underline-offset:.15em;white-space:nowrap;background:0 0;border:none;padding:0;text-decoration:underline}.app-shell__audience-clear:hover{color:var(--text-color)}.app-shell__room-lock{align-items:center;gap:.5rem;display:inline-flex}.app-shell__room-lock-btn--closed{color:var(--accent-orange)}.app-shell__room-lock-btn--closed:hover{color:var(--accent-orange);box-shadow:0 0 4px 2px #ff5e0059,0 0 10px 4px #ff5e0033}.app-shell__room-status{color:#e6e6e666}.app-shell__room-status--closed{color:var(--accent-orange)}.app-shell__watch-badge{color:var(--accent-orange);font-size:calc(.6875rem * var(--chrome-scale));letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:.375rem;font-weight:700;display:inline-flex}.app-shell__follow-chip{background:#ff5e001f;border-radius:999px;align-items:center;gap:.4375rem;padding:.3125rem .375rem .3125rem .75rem;display:flex}.app-shell__follow-chip-name{color:var(--accent-orange);font-size:calc(.78125rem * var(--chrome-scale));font-weight:700}.app-shell__chip-x{width:calc(1rem * var(--chrome-scale));height:calc(1rem * var(--chrome-scale));cursor:pointer;color:var(--accent-orange);background:#ff5e0038;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.app-shell__body{flex:1;min-height:0;display:flex}.app-shell__body>.session-layout{flex:1;max-width:none;min-height:0}.app-shell .session-layout__slot--viewport{padding:1.25rem 1.875rem;position:relative}.app-shell .session-layout__slot--rtc-panel{padding:calc(1.125rem * var(--chrome-scale)) calc(1.875rem * var(--chrome-scale)) calc(1.375rem * var(--chrome-scale));background:var(--shell-frame);border:none;border-top:1px solid var(--shell-frame-border);color:inherit;border-radius:0}.app-shell--observer .session-layout__slot--rtc-panel{border-top-color:#ff5e0033}.app-shell .journey-rtc-panel__empty{font-size:calc(.65625rem * var(--chrome-scale));letter-spacing:.09em;text-transform:uppercase;color:#e6e6e666;margin:0 0 .5625rem}.app-shell .journey-rtc-panel__tile{background:#ffffff0d;border-radius:.625rem}.app-shell .journey-rtc-panel__tile:has(video){background:linear-gradient(135deg,#170d5ee6,#0a0628e6)}.app-shell .journey-rtc-panel__tile--placeholder{background:#ffffff0d}.app-shell--large-tiles .journey-rtc-panel__tile{width:calc(9.75rem * var(--chrome-scale));height:calc(7.25rem * var(--chrome-scale))}.app-shell--observer .journey-rtc-panel__tile{color:var(--accent-orange);cursor:pointer}.lobby-screen{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2rem;padding:1.25rem;display:flex}.lobby-screen__eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--periwinkle-glow);text-align:center;font-size:.71875rem;font-weight:600}.lobby-screen__title{letter-spacing:-.01em;text-align:center;margin:.5rem 0 0;font-size:1.875rem;font-weight:600}.lobby-screen__roster{flex-wrap:wrap;justify-content:center;gap:1.375rem;max-width:51.25rem;display:flex}.lobby-screen__person{flex-direction:column;align-items:center;gap:.4375rem;display:flex}.lobby-screen__avatar{color:#e6e6e6b3;background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:.8125rem;font-weight:700;display:flex}.lobby-screen__person-name{color:#e6e6e6bf;font-size:.75rem}.lobby-screen__person--held{opacity:.5}.lobby-screen__actions{align-items:center;gap:calc(.75rem * var(--chrome-scale));flex-direction:column;margin-top:.375rem;display:flex}.lobby-screen__hint{color:#e6e6e666;text-align:center;font-size:.71875rem}.menu-screen{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.625rem;padding:1.25rem;display:flex}.menu-screen__title{letter-spacing:-.01em;text-align:center;margin:0;font-size:2rem;font-weight:600}.menu-screen__back{color:#e6e6e666;cursor:pointer;font-size:.8125rem;font-family:var(--font-family);background:0 0;border:none;margin-top:-.75rem}.menu-screen__back:hover{color:#e6e6e6b3}.menu-screen__subtitle{color:#e6e6e680;text-align:center;max-width:26.25rem;margin-top:-1rem;font-size:.8125rem}.menu-screen__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.125rem;width:56.25rem;max-width:90vw;display:grid}.menu-card{text-align:left;min-height:11.25rem;font-family:var(--font-family);cursor:pointer;background:#ffffff0b;border:none;border-radius:1rem;flex-direction:column;gap:.75rem;padding:1.5rem;transition:transform .2s,box-shadow .2s,background-color .2s;display:flex}.menu-card--composition-active{background:#ffffff0f;box-shadow:0 0 0 1px #a7a7ff2e,0 0 1.5rem .25rem #a7a7ff1a}.menu-card--composition-active:hover{transform:translateY(-3px);box-shadow:0 0 0 1px #a7a7ff4d,0 0 1.875rem .375rem #a7a7ff29,0 .375rem .875rem #00000040}.menu-card--etude-active:hover{transform:translateY(-3px);box-shadow:0 .375rem .875rem #00000040}.menu-card--disabled{opacity:.4;cursor:default}.menu-card__glyph{color:var(--periwinkle-glow)}.menu-card__tag{letter-spacing:.08em;text-transform:uppercase;color:#e6e6e666;font-size:.65625rem}.menu-card__title{color:var(--text-color);font-size:1.03125rem;font-weight:600}.menu-card__desc{color:#e6e6e68c;flex:1;font-size:.78125rem;line-height:1.5}.menu-card__cta{background:var(--button-background);color:var(--text-color-button);font-size:.78125rem;font-weight:600;font-family:var(--font-family);border:none;border-radius:.75rem;align-self:flex-start;margin-top:auto;padding:.5625rem 1.125rem}.menu-card__cta--locked{color:#e6e6e64d;background:0 0;padding-left:0}.piece-intro{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.5rem;padding:1.25rem;display:flex}.piece-intro__ring{width:3.75rem;height:3.75rem;color:var(--periwinkle-glow);filter:drop-shadow(0 0 .625rem #a7a7ff59);border-radius:50%;justify-content:center;align-items:center;display:flex}.piece-intro__eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--periwinkle-glow);text-align:center;font-size:.71875rem;font-weight:600}.piece-intro__title{letter-spacing:-.01em;text-align:center;margin:.5rem 0 0;font-size:2.125rem;font-weight:600}.piece-intro__desc{color:#e6e6e6a6;text-align:center;max-width:32.5rem;font-size:.9375rem;line-height:1.7}.piece-intro__meta{gap:1.375rem;margin-top:.125rem;display:flex}.piece-intro__meta-item{color:#e6e6e666;align-items:center;gap:.4375rem;font-size:.75rem;display:flex}.piece-intro__actions{align-items:center;gap:calc(1rem * var(--chrome-scale));margin-top:.625rem;display:flex}.piece-intro__back{color:#e6e6e666;cursor:pointer;font-size:.8125rem;font-family:var(--font-family);background:0 0;border:none}.piece-intro__back:hover{color:#e6e6e6b3}.space-stage{background:var(--space-background);color:var(--space-text);font-family:var(--font-family);text-align:center;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0;overflow:auto}.space-stage__content{max-width:40rem}.space-stage__content h1,.space-stage__content h2,.space-stage__content h3,.space-stage__content p{color:inherit}.space-screen{min-height:100%}.space-screen__held-hint{text-align:center;color:#e6e6e680;justify-content:center;align-items:center;min-height:100%;font-size:.875rem;display:flex}.observer-screen{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100%;padding:1.25rem;display:flex}.observer-screen__message-page{background:var(--background-color);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;height:100%;padding:2rem;display:flex;overflow-y:auto}.observer-screen__wordmark{align-items:baseline;gap:.375rem;display:flex}.observer-screen__wm-through{font-size:calc(.75rem * var(--chrome-scale));color:#e6e6e68c;letter-spacing:.05em;text-transform:uppercase;font-weight:400}.observer-screen__wm-main{font-size:calc(.875rem * var(--chrome-scale));color:var(--text-color);letter-spacing:.02em;text-transform:uppercase;text-shadow:0 0 8px #a7a7ff73;font-weight:700}.observer-screen__message{font-size:calc(.9375rem * var(--chrome-scale));color:#e6e6e6a6;max-width:26rem;line-height:1.6}.observer-screen__hint{letter-spacing:.08em;text-transform:uppercase;color:#e6e6e629;text-align:center;font-size:.6875rem}.observer-screen__follow-row{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex;position:relative}.observer-screen__follow-label{color:#e6e6e666;margin-right:.25rem;font-size:.75rem}.observer-screen__follow-chip-btn{color:#e6e6e699;cursor:pointer;font-size:.78125rem;font-family:var(--font-family);background:#ffffff0d;border:none;border-radius:999px;padding:.375rem .8125rem}.observer-screen__follow-chip-btn:hover:not(:disabled){color:var(--text-color)}.observer-screen__follow-chip-btn:disabled{color:var(--accent-orange);cursor:default;background:#ff5e001f;font-weight:600}