:root{color:#faedd6;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#060406;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}html{background:#060406;min-height:100%}body{min-width:320px;min-height:100dvh;margin:0}button,input,select{font-family:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #f2c773}#root{min-height:100dvh}:root{--black:#060406;--cabernet:#310913;--wine:#57101f;--ivory:#faedd6;--muted:#c7b3a6;--peach:#ff7a63;--rose:#d93859;--amber:#ffaa40;--gold:#f2c773}*{box-sizing:border-box}button,input,select{font:inherit}button,select{cursor:pointer}.atelier{isolation:isolate;background:var(--black);min-height:100dvh;color:var(--ivory);overflow:hidden}.ambient-field{z-index:-2;background:radial-gradient(circle at var(--through-x) var(--through-y), rgb(0 0 0/var(--shadow-core-opacity)) 0, rgb(0 0 0/var(--shadow-core-opacity)) var(--shadow-core-size), rgb(255 122 99/calc(.08 + var(--light-energy) * .12)) var(--shadow-feather-size), rgb(49 9 19/calc(.54 + var(--light-energy) * .13)) calc(var(--shadow-feather-size) + 14%), transparent 62%), radial-gradient(circle at var(--rim-x) var(--rim-y), rgb(217 56 89/calc(.04 + var(--rim-energy) * .08)), transparent 54%), linear-gradient(150deg, #080407 0%, #220811 54%, #030203 100%);position:fixed;inset:0}.ambient-field:before,.ambient-field:after{content:"";filter:blur(52px);mix-blend-mode:screen;pointer-events:none;border-radius:50%;position:absolute}.ambient-field:before{width:92vw;height:42vh;left:calc(var(--through-x) - 46vw);top:calc(var(--through-y) - 21vh);background:radial-gradient(circle, transparent 0 var(--shadow-core-size), #f2c77317 var(--shadow-feather-size), transparent 68%)}.ambient-field:after{width:64vw;height:38vh;left:calc(var(--rim-x) - 32vw);top:calc(var(--rim-y) - 19vh);background:radial-gradient(circle,#d9385912,#0000 70%)}.prototype-bar{z-index:10;padding:calc(10px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 6px calc(16px + env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:10px;display:grid;position:relative}.prototype-title{min-width:0;color:var(--muted);text-align:left;gap:1px;display:grid}.prototype-title strong{letter-spacing:.12em;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.prototype-title span,.compact-control span{opacity:.72;font-size:10px}.compact-control{color:var(--muted);text-align:left;gap:2px;display:grid}.compact-control select{max-width:120px;color:var(--ivory);-webkit-backdrop-filter:blur(18px)saturate(140%);background:#0f070a75;border:1px solid #faedd624;border-radius:14px;padding:6px 9px}.session-action{color:var(--muted);background:#0f070a75;border:1px solid #faedd624;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:650}.session-action:disabled{opacity:.55}.live-bar{z-index:20;padding:calc(12px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 8px calc(16px + env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;display:grid;position:relative}.live-identity{gap:2px;min-width:0;display:grid}.live-identity strong{color:var(--gold);letter-spacing:.14em;font-size:11px}.live-identity span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.connection-state{color:var(--muted);align-items:center;gap:6px;font-size:11px;font-weight:650;display:flex}.connection-state>span{background:var(--muted);border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #c7b3a647}.connection-connected>span{background:var(--gold);box-shadow:0 0 12px #f2c77394}.connection-reconnecting>span,.connection-connecting>span{background:var(--amber)}.connection-offline>span{background:var(--rose)}.experience{width:min(100%,560px);min-height:calc(100dvh - 142px);padding:0 20px calc(104px + env(safe-area-inset-bottom));margin:0 auto;position:relative}.maestra-stage{z-index:0;top:calc(76px + env(safe-area-inset-top));pointer-events:none;width:min(80vw,390px);height:min(80vw,390px);transition:top .7s cubic-bezier(.22,1,.36,1),width .7s cubic-bezier(.22,1,.36,1),height .7s cubic-bezier(.22,1,.36,1),opacity .5s;position:fixed;left:50%;transform:translate(-50%)}.phase-conversation .maestra-stage{top:calc(100px + env(safe-area-inset-top));width:min(96vw,500px);height:min(96vw,500px)}.maestra-frame,.maestra-fallback{z-index:1;width:100%;height:100%;position:absolute;inset:0}.maestra-frame{opacity:1;pointer-events:none;border:0;transition:opacity .26s}.maestra-fallback{filter:blur(7px)drop-shadow(0 24px 42px #0000007a);opacity:0;background:radial-gradient(circle at 36% 26%,#ffd0b570,#0000 18%),radial-gradient(circle at 52% 54%,#7f2137 0%,#3c0d1c 38%,#0000 69%);border-radius:46% 54% 58% 42%/58% 44% 56% 42%;transition:opacity .26s;transform:scale(.54)rotate(-7deg)}.avatar-loading .maestra-frame,.avatar-loading .maestra-fallback{opacity:.28}.avatar-unavailable .maestra-frame,.avatar-incompatible .maestra-frame{opacity:0}.avatar-unavailable .maestra-fallback,.avatar-incompatible .maestra-fallback{opacity:.78}.arrival-content,.thread-content{z-index:2;position:relative}.live-loading{z-index:2;text-align:center;padding-top:min(66vw,300px);position:relative}.live-loading h1,.live-loading p{margin:0}.live-loading h1{font-size:clamp(26px,7vw,38px);font-weight:560}.live-loading p{color:var(--muted);margin-top:10px}.live-error{z-index:3;border-radius:26px;gap:14px;margin-top:min(56vw,260px);padding:22px;display:grid;position:relative}.live-error h1,.live-error p{margin:0}.live-error h1{font-size:26px;font-weight:560}.live-error p{color:var(--muted);line-height:1.5}.live-error-actions{gap:8px;display:grid}.quiet-live-button{color:var(--muted);background:0 0;border:0;padding:10px;font-weight:650}.live-thread{padding-top:min(53vw,245px)}.live-context{border-radius:22px;gap:6px;padding:14px 16px;display:grid}.live-context h1,.live-context p{margin:0}.live-context h1{color:var(--ivory);font-size:19px;font-weight:590}.live-context p{color:var(--muted);font-size:12px;line-height:1.4}.live-conversation{padding-bottom:12px}.assistant-entry,.user-entry{gap:5px;display:grid}.message-state{color:var(--muted);font-size:11px}.assistant-entry .message-state{padding:0 10px}.user-entry .message-state{justify-content:flex-end;align-items:center;gap:8px;padding-right:7px;display:flex}.message-state button{color:var(--gold);background:#f2c77324;border:0;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}.delivery-failed{color:#ffb3a6}.live-notice{width:fit-content;max-width:92%;color:var(--muted);border-radius:16px;margin:0 auto;padding:10px 12px;font-size:12px;line-height:1.45}.unsupported-event{color:var(--muted);border-radius:16px;padding:10px 12px;font-size:11px}.unsupported-event summary{cursor:pointer}.unsupported-event pre{color:#faedd6c2;white-space:pre-wrap;max-height:220px;margin:10px 0 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.45;overflow:auto}.arrival-content h1{color:var(--ivory);text-align:center;text-shadow:0 3px 12px #000000c2,0 0 22px #ff7a6333;margin:2px auto 0;font-size:clamp(26px,7vw,38px);font-weight:560;line-height:1.12}.arrival-options{gap:11px;padding-top:min(52vw,245px);display:grid}.glass{--glass-source-x:12%;--glass-source-y:8%;--glass-rim-x:88%;--glass-rim-y:72%;isolation:isolate;background:radial-gradient(circle at var(--glass-source-x) var(--glass-source-y), #ffffff1a, transparent 42%), linear-gradient(145deg, #ffffff12, #420e1c3d), #09050852;-webkit-backdrop-filter:blur(24px)saturate(150%);border:1px solid #faedd624;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff17,inset 0 -1px #ff7a630d,0 16px 38px #0003}.glass>*{z-index:1;position:relative}.glass:before,.glass:after{content:"";z-index:0;border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass:after{background:radial-gradient(circle at var(--glass-source-x) var(--glass-source-y), #ffedda5c, transparent 25%);opacity:calc(.2 + var(--light-energy) * .28)}.glass:before{background:radial-gradient(circle at var(--glass-rim-x) var(--glass-rim-y), #ff7a634d, transparent 24%);opacity:calc(.12 + var(--rim-energy) * .22)}.glass-reactive{--glass-source-x:var(--light-x);--glass-source-y:var(--light-y);--glass-rim-x:var(--rim-x);--glass-rim-y:var(--rim-y)}.glass-primary{background:radial-gradient(circle at var(--light-x) var(--light-y), #ffd2b429, transparent 42%), linear-gradient(145deg, #5e14278a, #09050859);border-color:#ffc49e47}.glass-quiet{background:linear-gradient(145deg,#ffffff0d,#350d192e),#0704063d}.glass-quiet:before,.glass-quiet:after{opacity:.06}.glass-soft{background:#0f080b94}.glass-composer{background:#0f080ba3}.glass-soft:before,.glass-soft:after,.glass-composer:before,.glass-composer:after{opacity:calc(.04 + var(--light-energy) * .07)}.recommendation,.alternative{width:100%;color:var(--ivory);text-align:left}.recommendation{border-radius:26px;gap:12px;padding:18px;display:grid}.recommendation .eyebrow{color:var(--gold);font-size:12px;font-weight:700}.recommendation strong{font-size:19px;font-weight:570;line-height:1.32}.alternative{border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:15px;font-weight:560;line-height:1.35;display:flex}.thread-content{min-height:520px;padding-top:20px}.selected-subject{color:var(--gold);border-radius:18px;margin:0;padding:11px 14px;font-size:14px;font-weight:650;line-height:1.35}.conversation{gap:14px;padding-top:20px;display:grid}.maestra-message{color:var(--ivory);text-align:left;text-shadow:0 2px 8px #000c;margin:0;padding:15px 10px;font-size:17px;line-height:1.52}.user-message{width:fit-content;max-width:82%;color:var(--ivory);border-radius:22px;margin:0 0 0 auto;padding:13px 16px;line-height:1.45}.composer{z-index:20;right:calc(14px + env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom));left:calc(14px + env(safe-area-inset-left));border-radius:30px;grid-template-columns:minmax(0,1fr) 44px;gap:8px;width:auto;max-width:532px;margin:0 auto;padding:8px 9px 8px 16px;display:grid;position:fixed}.composer input{z-index:1;min-width:0;color:var(--ivory);background:0 0;border:0;outline:0;font-size:16px;position:relative}.composer input::placeholder{color:#c7b3a6b8}.composer button{z-index:1;background:linear-gradient(145deg, var(--ivory), var(--gold) 48%, var(--peach));width:44px;height:44px;color:var(--black);border:0;border-radius:50%;font-size:21px;font-weight:800;position:relative}.composer button:disabled{opacity:.42}.composer-notice{z-index:21;right:calc(18px + env(safe-area-inset-right));bottom:calc(78px + env(safe-area-inset-bottom));left:calc(18px + env(safe-area-inset-left));color:#ffcec4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#270810e0;border:1px solid #ffb3a638;border-radius:16px;width:auto;max-width:520px;margin:0 auto;padding:9px 12px;font-size:12px;line-height:1.4;position:fixed}.pwa-notice{z-index:30;right:calc(18px + env(safe-area-inset-right));bottom:calc(78px + env(safe-area-inset-bottom));left:calc(18px + env(safe-area-inset-left));width:auto;max-width:520px;color:var(--ivory);border-radius:18px;align-items:center;gap:8px;margin:0 auto;padding:10px 12px;font-size:13px;display:flex;position:fixed}.pwa-notice span{flex:1}.pwa-notice button{background:var(--gold);color:var(--black);border:0;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.pwa-notice .quiet-button{color:var(--muted);background:0 0}.session-shell{--light-x:32%;--light-y:24%;--rim-x:72%;--rim-y:66%;--through-x:68%;--through-y:76%;--light-energy:.48;--rim-energy:.4;--shadow-core-size:16%;--shadow-feather-size:28%;--shadow-core-opacity:.25;min-height:100dvh;padding:calc(28px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));place-items:center;display:grid;position:relative;overflow:hidden}.session-fold{z-index:0;aspect-ratio:1;filter:blur(8px)drop-shadow(0 24px 42px #0000007a);opacity:.62;background:radial-gradient(circle at 36% 26%,#ffd0b557,#0000 18%),radial-gradient(circle at 52% 54%,#7f2137 0%,#3c0d1c 38%,#0000 69%);border-radius:46% 54% 58% 42%/58% 44% 56% 42%;width:min(72vw,360px);position:fixed;top:10%;left:50%;transform:translate(-50%)scale(.7)rotate(-7deg)}.session-panel{z-index:2;-webkit-backdrop-filter:blur(28px)saturate(145%);background:#0c070ab8;border:1px solid #faedd624;border-radius:30px;width:min(100%,430px);padding:clamp(24px,7vw,38px);position:relative;box-shadow:inset 0 1px #ffffff14,0 30px 80px #00000061}.session-copy{gap:16px;display:grid}.session-copy h1,.session-copy p{margin:0}.session-copy h1{font-size:clamp(28px,8vw,42px);font-weight:560;line-height:1.06}.session-copy p{color:var(--muted);line-height:1.55}.session-kicker{color:var(--gold);letter-spacing:.15em;font-size:11px;font-weight:750}.session-progress{background:#faedd61f;border-radius:999px;width:56px;height:2px;overflow:hidden}.session-progress:after{content:"";border-radius:inherit;background:var(--gold);width:60%;height:100%;animation:1.2s ease-in-out infinite alternate session-pulse;display:block}@keyframes session-pulse{0%{opacity:.35;transform:translate(-35%)}to{opacity:1;transform:translate(95%)}}.pairing-field{color:var(--muted);gap:8px;font-size:13px;font-weight:650;display:grid}.pairing-field input{width:100%;color:var(--ivory);background:#040204b3;border:1px solid #faedd62e;border-radius:18px;outline:0;padding:14px 15px;font-size:16px}.session-button{width:100%;color:var(--ivory);border-radius:18px;padding:14px 16px;font-weight:700}.session-button:disabled{opacity:.45}.session-copy .session-error{color:#ffb3a6;font-size:13px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}@media (width>=720px){.experience{padding-top:20px}.maestra-stage{top:calc(96px + env(safe-area-inset-top))}.phase-conversation .maestra-stage{top:calc(120px + env(safe-area-inset-top))}.arrival-options{padding-top:235px}}