.experience-layout{width:100%;max-width:var(--space-page-max);grid-template-columns:minmax(14rem,.85fr) minmax(25rem,1.65fr) minmax(19rem,1.25fr);align-items:start;gap:1rem;margin-inline:auto;padding:.5rem 2rem 2rem;display:grid}.experience-identity,.experience-companion,.experience-center{min-width:0}.experience-identity,.experience-companion{gap:1rem;display:grid}.experience-companion{max-height:none;overflow:visible}.experience-character-display,.experience-picker,.experience-companion{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.experience-character-display{text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;min-height:15rem;padding:1rem;display:flex;overflow:hidden}.experience-character-display h2{margin:.75rem 0 .25rem;font-size:1.4rem}.experience-character-display p{color:var(--color-muted);margin:0;font-size:.95rem}.experience-character-image{object-fit:contain;object-position:center bottom;width:100%;height:clamp(16rem,30vw,29rem)}.experience-character-display.is-changing .experience-character-image{animation:.22s ease-out both experience-character-arrive}.experience-selection-hint{align-self:center;padding:2rem .5rem}.experience-picker{min-width:0;margin:0;padding:.85rem}.experience-picker legend{color:var(--color-ink);padding-inline:.25rem;font-size:.95rem;font-weight:700}.experience-character-options,.experience-scenario-options{gap:.5rem;min-width:0;display:grid}.experience-scenario-options{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-character-options{grid-template-columns:repeat(5,minmax(0,1fr))}.experience-character-option,.experience-scenario-option{border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-width:0;color:var(--color-ink);text-align:center}.experience-character-option{align-content:start;justify-items:center;gap:.2rem;padding:.35rem .15rem;font-size:.75rem;display:grid}.experience-character-option img{aspect-ratio:1;object-fit:cover;border-radius:50%;width:min(100%,3.5rem)}.experience-scenario-option{text-align:left;justify-content:space-between;align-items:center;gap:.4rem;padding:.55rem .65rem;font-size:.9rem;line-height:1.35;display:flex}.experience-character-option:hover,.experience-scenario-option:hover{border-color:var(--color-primary)}.experience-character-option.is-selected,.experience-scenario-option.is-selected{border-color:var(--color-primary);background:var(--color-sky);box-shadow:inset 0 0 0 1px var(--color-primary)}.experience-selected-label{color:var(--color-primary);flex:none;font-size:.75rem;font-weight:700}.experience-role-assignment{border-radius:var(--radius-sm);background:var(--color-sky);color:var(--color-muted);gap:.3rem;margin-top:.65rem;padding:.6rem;font-size:.78rem;display:grid}.experience-companion{overflow-wrap:anywhere;padding:1rem}.experience-center>*{min-width:0;max-width:100%}.experience-picker:disabled{opacity:.65}.experience-picker:disabled button{cursor:not-allowed}.experience-picker button:focus-visible{outline:4px solid var(--color-primary);outline-offset:3px;z-index:1;position:relative}@media (width>=1101px){.experience-layout{gap:.85rem;padding-inline:1.25rem}.experience-companion{padding:.75rem}.experience-companion .response-alternatives{gap:.35rem}.experience-companion .response-alternatives li{padding:.45rem .55rem}.experience-companion .response-alternatives li>strong{font-size:.9rem}.experience-companion .observation-content .field-hint{margin:.2rem 0 .45rem;font-size:.75rem}}@keyframes experience-character-arrive{0%{opacity:.45;transform:translateY(.5rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=68rem){.experience-layout{grid-template-columns:minmax(0,1fr);padding-inline:1rem}.experience-identity{grid-template-columns:minmax(12rem,.9fr) minmax(0,1.1fr);align-items:start}.experience-companion{max-height:none;overflow:visible}.experience-character-display{grid-row:span 2}.experience-character-image{height:clamp(14rem,44vw,24rem)}}@media (width<=38rem){.experience-layout{gap:.75rem;padding:.75rem}.experience-identity{grid-template-columns:minmax(0,1fr)}.experience-character-display{grid-row:auto}.experience-character-image{height:min(72vw,20rem)}.experience-character-options{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.experience-character-display.is-changing .experience-character-image{animation:none}}:root{--color-primary:#1760bc;--color-ink:#17365b;--color-muted:#506783;--color-surface:#fff;--color-sky:#edf6fd;--color-border:#bed7ef;--color-warning:#855a13;--color-danger:#ab3535;--color-success:#22734d;--radius-sm:.75rem;--radius-md:1.25rem;--radius-lg:2rem;--space-section-gap:2rem;--space-page-max:90rem;--font-sans:"PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-display:"Hiragino Sans GB", "PingFang SC", sans-serif;--font-mono:ui-monospace, monospace;color:var(--color-ink);font-family:var(--font-sans);background:var(--color-sky);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{min-width:320px;margin:0;font-size:1.25rem}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,textarea:focus-visible,a:focus-visible{outline:4px solid var(--color-primary);outline-offset:3px}img{max-width:100%;display:block}p{line-height:1.55}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display);line-height:1.14}h1[tabindex="-1"]:focus{outline:none}textarea{resize:none;width:100%;min-height:7rem;color:var(--color-ink);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-sm);padding:.8rem 1rem;font-size:1.15rem;line-height:1.5;display:block}textarea:focus{border-color:var(--color-primary)}textarea[aria-invalid=true]{border-color:var(--color-danger)}.app-shell{isolation:isolate;background:linear-gradient(180deg, var(--color-sky), var(--color-surface) 55%, var(--color-sky));min-height:100vh;position:relative}.app-shell:before{content:"";z-index:-1;opacity:.27;pointer-events:none;background:url(/assets/ui/space-station-background.webp) top/cover no-repeat;position:fixed;inset:0}.sr-only,.skip-link:not(:focus){clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link:focus{z-index:100;color:var(--color-ink);background:var(--color-surface);border-radius:var(--radius-sm);padding:.8rem 1rem;position:fixed;top:1rem;left:1rem}.site-header,.journey-nav,.page,.site-footer{max-width:var(--space-page-max);margin-inline:auto}.site-header{grid-template-columns:auto minmax(12rem,1fr) auto;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 2rem .35rem;display:grid}.brand{color:var(--color-ink);font:800 1.5rem var(--font-display);white-space:nowrap;background:0 0;border:0;align-items:center;gap:.65rem;padding:.3rem;display:inline-flex}.brand-logo{object-fit:contain;width:min(23rem,32vw);height:auto;max-height:9rem;display:block}.brand-tagline{max-width:32ch;color:var(--color-muted);text-align:center;margin:0;font-size:1.1rem;font-weight:700;line-height:1.45}.brand-mark{background:var(--color-primary);width:2.5rem;height:2.5rem;color:var(--color-surface);border-radius:50%;place-items:center;display:grid}.header-right,.chat-actions,.form-actions,.page-bottom-actions,.hero-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.header-right{justify-content:flex-end}.source-pill{background:var(--color-sky);border:1px solid var(--color-border);width:fit-content;color:var(--color-primary);letter-spacing:.03em;border-radius:99rem;align-items:center;padding:.3rem .8rem;font-size:.875rem;font-weight:800;display:inline-flex}.text-button{color:var(--color-primary);text-underline-offset:.2em;background:0 0;border:0;padding:.6rem .5rem;font-weight:800;text-decoration:underline}.text-button:not(:disabled):hover{background:var(--color-sky);border-radius:var(--radius-sm)}.text-button.pause-active{color:var(--color-danger)}.journey-nav{scrollbar-gutter:stable;gap:.25rem;padding:.2rem 2rem .35rem;display:flex;overflow-x:auto}.journey-nav button{border-radius:var(--radius-sm);color:var(--color-muted);background:0 0;border:1px solid #0000;flex:1 0 auto;justify-content:center;align-items:center;gap:.45rem;padding:.35rem;font-size:.9rem;font-weight:700;display:inline-flex}.journey-nav button span{width:1.4rem;height:1.4rem;font:700 .75rem var(--font-mono);border:1px solid;border-radius:50%;place-items:center;display:grid}.journey-nav button.active{color:var(--color-primary);border-color:var(--color-border);background:var(--color-surface);box-shadow:0 5px 15px #17365b12}.journey-nav .step-current{border-radius:var(--radius-sm);white-space:nowrap;border:1px solid;padding:.1rem .35rem;font-size:.7rem}.journey-hint{color:var(--color-muted);text-align:center;margin:-.55rem 2rem .75rem}.page{min-height:calc(100vh - 12rem);padding:.5rem 2rem 4rem}.experience-center>.page{max-width:none;min-height:calc(100vh - 17rem);margin:0;padding:.5rem 0 2rem}.experience-center .chat-grid-center{grid-template-columns:minmax(0,1fr)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 18px 45px #17365b16}.eyebrow{color:var(--color-primary);text-transform:uppercase;letter-spacing:.13em;font-size:.875rem;font-weight:850}.button{border-radius:var(--radius-sm);border:2px solid var(--color-primary);text-align:center;justify-content:center;align-items:center;gap:.8rem;min-height:3.25rem;padding:.75rem 1.35rem;font-weight:850;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 18px #17365b25}.button.primary{background:var(--color-primary);color:var(--color-surface)}.button.secondary{background:var(--color-surface);color:var(--color-primary)}.button span[aria-hidden]{font-size:1.25em;line-height:1}.page-heading{justify-content:space-between;align-items:end;gap:1.5rem;min-height:8rem;margin:1rem 0 2rem;display:flex}.page-heading h1{margin:.4rem 0 .6rem;font-size:clamp(2.15rem,4vw,3.6rem)}.page-heading p{color:var(--color-muted);margin:0;font-size:1.2rem}.notice,.paused-notice{color:var(--color-warning);border-radius:var(--radius-sm);background:#fff5df;border:1px solid #e7c77e;padding:.7rem 1rem;font-weight:750;display:block}.panel-heading{margin-bottom:1.25rem}.panel-heading h2{margin:.35rem 0 0;font-size:1.65rem}.site-footer{border-top:1px solid var(--color-border);color:var(--color-muted);justify-content:space-between;gap:1rem;padding:1.3rem 2rem 2rem;font-size:.85rem;display:flex}.hero{background:linear-gradient(115deg, var(--color-surface) 0%, var(--color-surface) 45%, #d8edfc 100%);grid-template-columns:minmax(320px,42%) 1fr;min-height:42rem;margin-top:.75rem;padding:clamp(2rem,5vw,5rem);display:grid;position:relative;overflow:hidden}.hero:after{content:"";aspect-ratio:1;pointer-events:none;border:2rem solid #ffffff8a;border-radius:50%;width:65%;position:absolute;bottom:-35%;right:-8%}.hero-copy{z-index:1;align-self:center;padding-bottom:2rem}.hero h1{letter-spacing:-.055em;margin:1rem 0;font-size:clamp(3.8rem,6.5vw,6.5rem)}.hero h1 span{letter-spacing:-.02em;margin-top:.35em;font-size:.46em;display:block}.hero .lead{max-width:25em;color:var(--color-muted);font-size:clamp(1.25rem,1.7vw,1.55rem)}.home-privacy-note{max-width:42rem;color:var(--color-muted);margin:.8rem 0 1.6rem;font-size:.92rem;line-height:1.6}.hero-actions{align-items:flex-start;margin-top:2rem}.unavailable-entry{max-width:15rem}.unavailable-entry p{color:var(--color-muted);margin:.4rem 0 0;font-size:.8rem}.hero-lineup{z-index:1;justify-content:center;align-self:center;align-items:end;min-height:30rem;display:flex;position:relative}.hero-member{flex-direction:column;flex:1 1 0;align-items:center;min-width:0;margin-left:-2%;display:flex}.hero-member:first-child{margin-left:0}.hero-member img{object-fit:contain;object-position:bottom;filter:drop-shadow(0 15px 18px #17365b30);width:160%;max-width:none;height:clamp(11rem,26vw,24rem)}.hero-member:nth-child(2),.hero-member:nth-child(4){transform:translateY(1.5rem)}.hero-member:nth-child(3){transform:translateY(-1rem)}.hero-member span{color:var(--color-ink);background:var(--color-surface);border:2px solid var(--member-color);white-space:nowrap;border-radius:99rem;margin-top:-.4rem;padding:.2rem .8rem;font-size:1.05rem;font-weight:800;display:inline-block}.hero-footer{text-align:center;color:var(--color-muted);font-size:.9rem;position:absolute;bottom:1.1rem;left:0;right:0}.intro-layout{grid-template-columns:minmax(0,2fr) minmax(16rem,1fr);gap:1.5rem;max-width:75rem;margin:2rem auto;display:grid}.intro-main{padding:clamp(2rem,4vw,4rem)}.intro-main h1{margin:.8rem 0 2rem;font-size:clamp(2.7rem,4.5vw,4.5rem)}.ground-rules{margin:0 0 2rem;padding:0;list-style:none}.ground-rules li{border-bottom:1px solid var(--color-border);grid-template-columns:3rem 1fr;align-items:start;gap:1rem;padding:1rem 0;display:grid}.ground-rules li span{font:800 1.1rem var(--font-mono);color:var(--color-primary)}.ground-rules li p{margin:0;font-size:1.3rem}.profile-choice{margin-bottom:2rem}.profile-choice p{margin-bottom:.5rem;font-weight:800}.choice{border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-ink);border-radius:99rem;align-items:center;gap:.4rem;margin:.25rem .4rem .25rem 0;padding:.55rem 1.2rem;font-weight:750;display:inline-flex}.choice.selected{background:var(--color-sky);border-color:var(--color-primary)}.intro-side{background:linear-gradient(160deg, var(--color-surface), var(--color-sky));align-self:start;padding:2rem}.intro-side p{margin-top:1rem;font-size:1.25rem}.intro-side strong{border-top:1px solid var(--color-border);color:var(--color-primary);padding-top:1rem;display:block}.selection-stage,.scenario-preview{padding:1.7rem}.scenario-preview h2{margin:.8rem 0;font-size:1.8rem}.scenario-number{font:800 .8rem var(--font-mono);color:var(--color-primary)}.role-assignment{border-radius:var(--radius-md);background:var(--color-sky);gap:.25rem;padding:.85rem 1rem;font-size:.9rem;display:grid}.role-assignment strong{color:var(--color-primary)}.learning-goal{border-top:1px solid var(--color-border);gap:.6rem;margin-top:auto;padding:.8rem 0;font-size:.95rem;display:flex}.learning-goal strong{color:var(--color-primary);flex:none}.scenario-preview .button{margin-top:1rem}.chat-topline{justify-content:space-between;align-items:end;gap:1rem;margin:.5rem 0 1.2rem;display:flex}.chat-topline p{color:var(--color-muted);margin-bottom:0;font-size:1.1rem}.chat-actions{justify-content:flex-end}.chat-grid{grid-template-columns:minmax(12rem,.7fr) minmax(25rem,1.9fr) minmax(20rem,1.2fr);align-items:stretch;gap:1rem;display:grid}.chat-grid>.panel{min-width:0;padding:1.3rem}.chat-character{text-align:center;background:radial-gradient(circle at 50% 32%, var(--member-color), transparent 48%), var(--color-surface);flex-direction:column;align-items:center;display:flex}.chat-character>img{object-fit:contain;width:100%;height:clamp(13rem,22vw,21rem)}.chat-character h2{margin:.3rem 0;font-size:2rem}.chat-character p{font-size:1rem}.chat-character .text-only{color:var(--color-muted);border-top:1px solid var(--color-border);margin-top:auto;padding-top:.8rem;font-size:.82rem}.conversation-panel{flex-direction:column;display:flex}.message-list{scrollbar-gutter:stable;min-height:9rem;max-height:15rem;padding:.4rem .3rem .8rem;overflow:auto}.message-pair{margin-bottom:1.1rem}.student-message{background:var(--color-sky);border-radius:var(--radius-md);white-space:pre-wrap;margin:.2rem 0 .6rem 2.5rem;padding:.7rem 1rem;font-size:1.06rem}.student-message span{color:var(--color-muted);font-size:.8rem;font-weight:750;display:block}.character-message{border:2px solid var(--color-border);background:var(--color-surface);text-align:left;border-radius:var(--radius-md);width:100%;color:var(--color-ink);align-items:start;gap:.8rem;padding:.8rem;display:flex}.character-message.selected{border-color:var(--color-primary);background:var(--color-sky)}.character-message img{object-fit:contain;flex:none;width:3.4rem;height:3.4rem}.character-message small,.character-message em{color:var(--color-muted);font-size:.77rem;font-style:normal;display:block}.character-message strong{white-space:pre-wrap;margin:.4rem 0;font-size:1.18rem;font-weight:650;line-height:1.4;display:block}.character-message em{color:var(--color-primary);font-weight:800}.chat-form{border-top:1px solid var(--color-border);margin-top:auto;padding-top:1rem}.chat-grid-center .panel-heading{margin-bottom:.65rem}.chat-form label,.practice-editor label,.summary-editor label{margin-bottom:.4rem;font-weight:800;display:block}.field-hint{color:var(--color-muted);margin:.2rem 0 .8rem;font-size:.85rem}.field-error{color:var(--color-danger);margin:.5rem 0;font-size:.95rem;font-weight:800}.quick-replies{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.quick-reply{border:1px solid var(--color-border);background:var(--color-sky);max-width:100%;color:var(--color-ink);text-align:left;border-radius:99rem;gap:.2rem;padding:.45rem .75rem;font-size:.85rem;display:inline-grid}.quick-reply small{color:var(--color-primary);font-size:.72rem;font-weight:800}.quick-reply.active{border:2px solid var(--color-primary);padding:calc(.45rem - 1px) calc(.75rem - 1px)}.selection-cue{border-radius:var(--radius-sm);white-space:nowrap;border:1px solid;padding:.05rem .3rem;font-size:.72rem;font-weight:800;display:inline-block}.form-actions{margin-top:1rem}.observation-panel{background:linear-gradient(160deg, var(--color-surface), var(--color-sky))}.observation-covered{border:2px dashed var(--color-border);border-radius:var(--radius-md);flex-direction:column;justify-content:center;align-items:start;min-height:19rem;padding:1.5rem;display:flex}.observation-covered>span{color:var(--color-primary);font-size:3rem}.observation-covered p{font-size:1.25rem;font-weight:750}.observation-content>div{border-bottom:1px solid var(--color-border);padding:1rem 0}.observation-content h3{color:var(--color-primary);margin-bottom:.35rem;font-size:1rem}.observation-content p{overflow-wrap:anywhere;margin:0;font-size:1.15rem}.response-alternatives{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.response-alternatives li{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);padding:.75rem .85rem}.response-alternatives li>strong{color:var(--color-primary);margin-bottom:.25rem;display:block}.energy strong{margin:.4rem 0 .7rem;font-size:1.25rem;display:block}.energy-track{border:1px solid var(--color-border);background:var(--color-surface);border-radius:99rem;height:1rem;overflow:hidden}.energy-track span{background:var(--color-primary);height:100%;display:block}.energy small{color:var(--color-muted);margin-top:.5rem;display:block}.page-bottom-actions{margin:1.5rem 0}.practice-grid{grid-template-columns:minmax(18rem,1fr) minmax(25rem,1.5fr);gap:1.4rem;display:grid}.practice-grid>.panel,.summary-grid>.panel{padding:2rem}.practice-source blockquote{margin:1.4rem 0;font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700;line-height:1.5}.practice-source>p{border-top:1px solid var(--color-border);color:var(--color-muted);margin-top:1.5rem;padding-top:1rem}.hint-chips{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.hint-chips span{background:var(--color-sky);color:var(--color-primary);border-radius:99rem;padding:.4rem .7rem;font-size:.9rem;font-weight:750}.practice-editor textarea{min-height:11rem}.self-check,.reference-text{border-radius:var(--radius-sm);background:var(--color-sky);margin:1.2rem 0 0;padding:1rem}.self-check p{margin:.4rem 0 0}.reference-toggle{border:0;border-top:1px solid var(--color-border);width:100%;color:var(--color-primary);text-align:left;background:0 0;justify-content:space-between;margin-top:1rem;padding:1rem .2rem;font-weight:800;display:flex}.reference-toggle span{font-size:1.4rem}.summary-grid{grid-template-columns:minmax(22rem,.9fr) minmax(26rem,1.1fr);gap:1.4rem;display:grid}.summary-editor textarea{min-height:5rem;margin-bottom:1rem}.summary-card{background:linear-gradient(155deg, var(--color-surface), var(--color-sky));min-height:35rem}.summary-card h2{margin:1rem 0;font-size:clamp(2.5rem,4vw,4rem)}.card-meta{border-bottom:1px solid var(--color-border);color:var(--color-muted);justify-content:space-between;gap:1rem;padding-bottom:1rem;display:flex}.summary-card dl{margin:1.7rem 0}.summary-card dt{color:var(--color-primary);margin:1.3rem 0 .4rem;font-weight:850}.summary-card dd{overflow-wrap:anywhere;white-space:pre-wrap;min-height:2rem;margin:0;font-size:1.2rem}.blank-line{color:var(--color-border);letter-spacing:.15em}.card-footer{border-top:1px solid var(--color-border);color:var(--color-muted);padding-top:1rem}.is-projection .conversation-panel .character-message strong{font-size:clamp(1.75rem,2.2vw,2rem)}.is-projection .quick-reply,.is-projection .chat-form label,.is-projection .chat-form textarea,.is-projection .button{font-size:1.3rem}:root{scrollbar-color:var(--color-border) var(--color-sky);scrollbar-width:auto}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-sky)}::-webkit-scrollbar-thumb{background:var(--color-border);border:2px solid var(--color-sky);border-radius:99rem}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@media (width<=1100px){.chat-grid{grid-template-columns:minmax(11rem,.65fr) minmax(24rem,1.5fr)}.observation-panel{grid-column:1/-1}.observation-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem;display:grid}.hero{grid-template-columns:1fr}.hero-lineup{min-height:17rem}.hero-member img{height:clamp(10rem,21vw,17rem)}}@media (width<=760px){.site-header{flex-direction:column;align-items:flex-start;padding:1rem;display:flex}.header-right{justify-content:flex-start}.brand-tagline{display:none}.journey-nav{grid-template-columns:repeat(4,minmax(0,1fr));padding:.25rem 1rem .5rem;display:grid;overflow:visible}.journey-nav button{gap:.25rem;min-width:0;padding:.45rem .15rem;font-size:.75rem}.journey-nav .step-current{display:none}.journey-hint{margin:0 1rem .5rem}.page{padding:.5rem 1rem 3rem}.site-footer{flex-direction:column;padding:1rem}.hero{min-height:auto;padding:2rem 1.3rem 3.8rem}.hero h1{font-size:clamp(3.3rem,13vw,5rem)}.hero-lineup{min-height:10rem;margin-top:1rem}.hero-member img{height:clamp(7rem,23vw,12rem)}.hero-member span{padding:.1rem .35rem;font-size:.7rem}.intro-layout,.practice-grid,.summary-grid,.chat-grid{grid-template-columns:minmax(0,1fr)}.intro-layout{margin-top:.5rem}.intro-main,.intro-side,.practice-grid>.panel,.summary-grid>.panel{padding:1.4rem}.chat-character{text-align:left;flex-flow:wrap;gap:.6rem}.chat-character>img{width:7rem;height:7rem}.chat-character .text-only{width:100%}.observation-panel{grid-column:auto}.observation-content{display:block}.page-heading,.chat-topline{flex-direction:column;align-items:start}.chat-actions{justify-content:flex-start}.message-list{max-height:none}}@media (width<=480px){.brand-logo{width:min(14rem,50vw);max-height:4.25rem}.hero-actions{flex-direction:column}.unavailable-entry{max-width:100%}.hero-lineup{flex-wrap:wrap}.hero-member{flex-basis:30%}.hero-member img{height:7rem}.ground-rules li{grid-template-columns:2.5rem 1fr}.ground-rules li p{font-size:1.1rem}.summary-card h2{font-size:2.5rem}.card-meta{display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (forced-colors:active){:root{scrollbar-color:auto}.energy-track span{background:highlight}.button,.panel,.character-message,.quick-reply{border:1px solid canvastext}}@media print{body{background:#fff}.experience-layout{max-width:none;padding:0;display:block}.experience-identity,.experience-companion{display:none!important}.experience-center>.page{min-height:0;padding:0}.app-shell{background:#fff}.app-shell:before,.site-header,.journey-nav,.page-heading,.summary-editor,.page-bottom-actions,.site-footer{display:none!important}.page{min-height:0;padding:0}.summary-grid{display:block}.summary-card{width:100%;min-height:0;box-shadow:none;border:2px solid var(--color-border);break-inside:avoid;background:#fff;display:block}}body{background:linear-gradient(#fff3 0 50vh,#fff0 82vh) top/cover no-repeat fixed,#dceeff url(/assets/ui/concept/station-background.webp) top/cover no-repeat fixed}.app-shell{isolation:isolate;background:0 0;min-height:100vh}.app-shell:before{display:none}.site-header,.experience-layout,.page,.site-footer{max-width:none}.site-header{grid-template-columns:350px minmax(180px,1fr) auto;gap:1rem;height:166px;padding:10px 40px;position:relative}.brand{justify-self:start;padding:0;position:relative}.brand:after{content:"认识自己的情绪";color:#101e56;letter-spacing:.1em;text-shadow:0 2px 2px #fff;font-size:22px;font-weight:900;position:absolute;bottom:4px;right:24px}.brand-logo{object-fit:contain;width:320px;height:136px;max-height:none}.brand-tagline{color:#173f7d;justify-self:start;max-width:350px;font-family:Kaiti SC,STKaiti,KaiTi,Hiragino Sans GB,serif;font-size:clamp(1.15rem,1.5vw,1.45rem);font-style:italic;font-weight:750;position:relative;transform:rotate(-5deg)}.brand-tagline:after{content:"";background:#1f66d3;width:125px;height:2px;margin:.15rem 0 0 auto;display:block;transform:rotate(-7deg)}.header-right{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:10px;padding-left:0;position:static}.host-control-menu{z-index:30;position:relative}.host-control-menu>summary{cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f2f8ff 100%);border:1px solid #c6dcf5;border-radius:18px;justify-content:flex-start;align-items:center;gap:.65rem;width:250px;height:64px;min-height:64px;padding:.55rem .8rem;list-style:none;display:flex;box-shadow:0 3px 10px #163d7714}.host-control-menu>summary::-webkit-details-marker{display:none}.experience-scene-menu>summary::-webkit-details-marker{display:none}.host-control-menu .source-pill{color:#143f8a;background:0 0;border:0;font-size:1rem}.host-profile-avatar{object-fit:cover;border-radius:50%;flex:none;width:48px;height:48px}.host-control-menu .host-profile-avatar{width:44px;height:44px}.host-profile-copy{color:#173f7d;gap:.25rem;min-width:0;display:grid}.host-profile-copy strong{font-size:1.08rem}.host-profile-copy small{font-size:.75rem}.host-control-menu>summary:focus-visible,.header-voice-control:focus-visible,.experience-scene-menu>summary:focus-visible{outline-offset:3px;outline:3px solid #1760bc}.header-voice-control{color:#315c9a;opacity:1;cursor:not-allowed;background:linear-gradient(135deg,#fff 0%,#f2f8ff 100%);border:1px solid #c6dcf5;border-radius:18px;justify-content:center;align-items:center;gap:.45rem;width:112px;height:64px;min-height:64px;padding:.4rem .55rem;font-weight:800;display:flex;box-shadow:0 3px 10px #163d7714}.header-voice-control:not(:disabled){cursor:pointer}.header-voice-control:not(:disabled):hover{border-color:#7da9dc}.header-voice-control>img:first-child{object-fit:contain;width:27px;height:27px}.header-voice-copy{text-align:left;gap:.1rem;line-height:1.15;display:grid}.header-voice-copy strong{font-size:.82rem}.header-voice-copy small{font-size:.65rem;font-weight:600}.host-control-caret{color:#145cbd;font-size:1.6rem;font-weight:900}.host-control-popover{isolation:isolate;filter:none;background:#fff;border:1px solid #c6dcf5;border-radius:22px;justify-items:stretch;width:min(26rem,90vw);padding:18px;display:grid;position:absolute;top:calc(100% - .25rem);right:0;box-shadow:0 12px 32px #17365b24}.conversation-panel:before,.experience-companion:before{content:"";z-index:-1;border:48px solid #0000;pointer-events:none;border-image-source:url(/assets/ui/concept/panel-frame.webp);border-image-slice:32 fill;border-image-width:32px;border-image-repeat:stretch;position:absolute;inset:0}.journey-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:0;display:grid;overflow:visible}.journey-nav button{flex:initial;text-align:left;justify-content:flex-start;min-width:0;min-height:44px;padding:.45rem .55rem;font-size:.9rem}.journey-nav button.active{box-shadow:none;color:#104d9d;background:#e6f3ff;outline:1px solid #9fc3ee;font-weight:800}.host-control-popover>.text-button{justify-self:start;min-height:40px}.host-control-popover>.text-button:first-of-type{border-top:1px solid #e2edf8;margin-top:.6rem;padding-top:.7rem}.journey-hint{width:min(1100px,100% - 2rem);margin:.5rem auto;padding:.25rem .75rem;position:static}.experience-layout{grid-template-columns:minmax(260px,22.2vw) minmax(0,46vw) minmax(300px,27.6vw);align-items:stretch;gap:.6vw;width:100%;height:auto;min-height:620px;padding:0 1.34vw;display:grid;position:relative}.experience-identity,.experience-center,.experience-companion{min-width:0;min-height:0;position:relative}.experience-identity{grid-template-rows:minmax(0,1fr) 75px 95px;align-items:stretch;gap:0;padding:0;display:grid}.experience-identity>.experience-picker{grid-row:3}.experience-character-display{text-align:center;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:end;align-items:center;min-height:0;padding:0 0 .1rem;display:flex;position:relative;overflow:visible}.experience-character-image{z-index:1;object-fit:contain;object-position:center bottom;filter:none;width:108%;height:min(500px,100% + 40px);max-height:500px;position:relative}.experience-pedestal{z-index:0;object-fit:fill;width:108%;max-width:none;height:40px;position:absolute;bottom:0;left:-4%}.experience-character-display p{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.experience-character-display .experience-character-support{z-index:3;clip:auto;white-space:normal;color:#173d79;text-shadow:0 2px 2px #fff;width:180px;height:auto;font-family:Kaiti SC,STKaiti,KaiTi,Hiragino Sans GB,serif;font-size:1.3rem;font-weight:800;line-height:1.5;position:absolute;top:50px;right:0;overflow:visible;transform:rotate(-6deg)}.experience-character-display h2{z-index:3;clip:auto;color:#163d77;white-space:normal;background:url(/assets/ui/concept/control-white-button.webp) 50%/100% 100% no-repeat;flex-direction:column;justify-content:center;align-items:center;width:auto;height:75px;padding:.45rem 1rem;font-size:1.25rem;font-weight:850;display:flex;position:absolute;bottom:-74px;left:4.5%;right:4.5%;overflow:hidden}.experience-character-display h2 small{max-width:95%;margin-top:.15rem;font-size:.65rem;font-weight:600;line-height:1.25;display:block}.experience-picker{background:0 0;border:0;min-width:0;margin:0;padding:0}.experience-character-options{grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:0;height:95px;display:grid}.experience-character-option{color:#163d77;background:0 0;border:0;border-radius:0;align-content:center;justify-items:center;gap:.12rem;min-width:0;padding:.2rem .1rem;font-size:clamp(.7rem,.78vw,.9rem);font-weight:800;display:grid;position:relative}.experience-character-option img{aspect-ratio:1;object-fit:cover;background-image:url(/assets/ui/concept/control-avatar-ring.webp);background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:50%;width:clamp(48px,5.4vw,78px);padding:3px}.experience-identity[data-character=cancan] [data-experience-character=cancan] img,.experience-identity[data-character=chouchou] [data-experience-character=chouchou] img,.experience-identity[data-character=yanyan] [data-experience-character=yanyan] img,.experience-identity[data-character=suosuo] [data-experience-character=suosuo] img,.experience-identity[data-character=qiaoqiao] [data-experience-character=qiaoqiao] img{background-image:url(/assets/ui/concept/control-avatar-ring.webp)}.experience-character-option.is-selected{box-shadow:none;color:#073f9a;background:0 0}.experience-character-option.is-selected img{transform:scale(1.08)}.experience-selected-label{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.experience-scene-menu{z-index:15;width:100%;margin-bottom:1rem;position:relative}.experience-scene-menu>summary{color:#174b8d;cursor:pointer;background:linear-gradient(135deg,#f7fbff 0%,#eaf4ff 100%);border:1px solid #c6dcf5;border-radius:24px;grid-template-rows:21px auto;grid-template-columns:54px minmax(0,1fr) 22px;align-items:center;gap:0 .5rem;height:auto;min-height:82px;padding:15px 23px;list-style:none;display:grid;box-shadow:0 4px 12px #17365b20,inset 0 1px #ffffffb8}.experience-scene-menu>summary span{grid-area:1/2;font-size:.9rem;font-weight:800}.experience-scene-menu>summary:hover{border-color:#9fc3e8;box-shadow:0 5px 14px #17365b24,inset 0 1px #ffffffc9}.experience-scene-icon{object-fit:contain;border-radius:10px;grid-area:1/1/3;width:50px;height:50px}.experience-scene-caret{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px;grid-area:1/3/3;width:22px;height:22px;transition:transform .16s}.experience-scene-menu[open] .experience-scene-caret{transform:rotate(180deg)}.experience-scene-menu>summary strong{overflow-wrap:anywhere;grid-area:2/2;min-width:0;font-size:clamp(1.15rem,1.7vw,1.55rem);line-height:1.25}.experience-scene-menu[open] .experience-picker{background:#fff;border:1px solid #c6dcf5;border-radius:22px;margin-top:.5rem;padding:18px;position:relative;box-shadow:0 12px 32px #17365b24}.experience-scene-menu .experience-picker legend{padding:0 .3rem}.experience-scenario-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.experience-scenario-option{color:#173f7d;overflow-wrap:anywhere;background:#f8fbff;border:1px solid #c6dcf5;border-radius:14px;justify-content:space-between;min-height:50px;padding:.6rem .75rem;font-size:.92rem;line-height:1.35;transition:border-color .14s,background-color .14s,box-shadow .14s;box-shadow:0 2px 6px #17365b18,inset 0 1px #fff}.experience-scenario-option:hover{background:#f1f7ff;border-color:#1760bc;box-shadow:0 4px 9px #17365b20,inset 0 1px #fff}.experience-scenario-option:active{transform:translateY(1px)}.experience-scenario-option.is-selected{color:#0b4ca7;background:#e8f3ff;border-color:#1760bc;box-shadow:inset 0 0 0 1px #1760bc,0 3px 8px #1760bc24}.experience-scenario-option .experience-selected-label{clip:auto;white-space:nowrap;width:auto;height:auto;position:static;overflow:visible}.experience-scenario-option:focus-visible{outline-offset:2px;z-index:1;outline:3px solid #1760bc;position:relative}.experience-picker:disabled .experience-scenario-option{cursor:not-allowed}.experience-role-assignment{background:#edf6ff;border:1px solid #d2e5f8;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.45rem;padding:.5rem}.experience-center{height:auto;left:9px;overflow:visible}.experience-companion{left:9px}.experience-center>.page,.experience-center>.personal-page{height:auto;min-height:0;padding:0;overflow:visible}.experience-center>.page.page-chat>section,.experience-layout.personal-view-chat .experience-center>.personal-page{height:100%;min-height:0;padding:0}.experience-layout.personal-view-chat:after{content:"";z-index:0;pointer-events:none;background:url(/assets/ui/concept/console-foreground.webp) bottom/100% 100% no-repeat;height:158px;position:absolute;top:100%;left:0;right:0}.experience-layout:has(.page-chat):after{content:"";z-index:0;pointer-events:none;background:url(/assets/ui/concept/console-foreground.webp) bottom/100% 100% no-repeat;height:158px;position:absolute;top:100%;left:0;right:0}.chat-grid-center,.personal-chat-grid{height:100%;min-height:0;display:block}.conversation-panel,.personal-chat-grid>.conversation-panel{isolation:isolate;height:100%;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;gap:.6rem;padding:26px 21px 26px 25px;display:flex;position:relative;overflow:hidden}.chat-grid>.conversation-panel{padding:26px 15px 26px 25px}.chat-topline{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chat-topline h1{margin:.2rem 0 0;font-size:clamp(1.2rem,1.65vw,1.85rem)}.chat-topline p,.chat-topline .chat-actions,.conversation-panel>.panel-heading,.personal-chat-grid .conversation-panel>h2,.personal-chat-grid .conversation-panel>.field-hint:first-of-type,.personal-chat-fact>p{display:none}.message-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4779b8 #dcecff;scrollbar-gutter:stable;flex-direction:column;flex:auto;gap:1.25rem;min-height:0;max-height:none;margin-top:130px;padding:.1rem .15rem;display:flex;overflow:auto}.message-list::-webkit-scrollbar{width:10px}.message-list::-webkit-scrollbar-track{background:#dcecff;border-radius:8px}.message-list::-webkit-scrollbar-thumb{background:#4779b8;border:2px solid #dcecff;border-radius:8px}.message-pair{align-content:start;gap:1.15rem;margin:0;display:grid}.student-message{color:#173d79;background:0 0;border-radius:0;grid-template-columns:86px minmax(0,1fr);align-items:start;gap:.9rem;width:100%;max-width:none;margin:0;padding:0;display:grid}.student-message>img,.character-message>img{object-fit:cover;border-radius:50%;width:84px;height:84px}.student-message>span,.character-message>span{min-width:0;display:block}.student-message small,.character-message small{color:#476b9d;margin:0 0 .25rem;font-size:.9rem;font-weight:800;line-height:1.2;display:block}.student-message strong,.character-message strong{isolation:isolate;color:#19295d;white-space:pre-wrap;background:0 0;border:0;width:fit-content;max-width:min(100%,475px);min-height:0;margin:0;padding:.85rem 1.1rem;font-size:clamp(1.2rem,1.5vw,1.4rem);font-weight:700;line-height:1.3;display:block;position:relative}.student-message strong:before,.character-message strong:before{content:"";z-index:-1;pointer-events:none;border:20px solid #0000;border-image:url(/assets/ui/concept/message-blue-frame.webp) 20 fill/20px;position:absolute;inset:0}.scenario-context-message small{color:#345d96}.character-message{color:#241e54;text-align:left;background:0 0;border:0;border-radius:0;grid-template-columns:86px minmax(0,1fr);align-items:start;gap:.9rem;width:100%;padding:0;display:grid}.character-message.selected{outline:none}.conversation-panel .character-message.selected{background:0 0}.character-message:focus-visible{outline-offset:2px;outline:3px solid #fa5870}.character-message strong{color:#441d36}.character-message strong:before{border-image-source:url(/assets/ui/concept/message-pink-frame.webp)}.character-message>img{transform:scale(1.3)}.character-message em{color:#526c96;margin-top:.2rem;font-size:.72rem;font-style:normal;display:block}.page-chat .character-message:not(.selected) em{display:none}.chat-form{border:0;flex:none;height:254px;margin-top:0;padding:0;display:block;position:relative}.chat-form:before{content:"💡 你可以试试这样回应：";color:#2457a0;font-size:1.15rem;font-weight:800;position:absolute;top:0;left:2px}.chat-form>label,.chat-form>.field-hint,.chat-form>#chat-help,.chat-form>#voice-reason,.personal-chat-grid .personal-fields>legend,.personal-chat-grid .personal-fields>#personal-chat-help,.personal-chat-grid .personal-fields>label,.personal-chat-grid .personal-fields>#personal-draft-count{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chat-form .quick-replies{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:0;display:grid;position:absolute;top:39px;left:0;right:0}.quick-reply{isolation:isolate;color:#173f7d;text-align:center;background:0 0;border:0;border-radius:16px;justify-content:center;align-items:center;height:87px;min-height:87px;padding:18px 12px 10px;font-size:15px;line-height:1.25;display:flex;position:relative;box-shadow:0 3px 8px #17365b1c,inset 0 1px #fff}.quick-reply:before{content:"";z-index:-1;border-radius:inherit;clip-path:inset(0 round 16px);pointer-events:none;border:16px solid #0000;border-image:url(/assets/ui/concept/suggestion-frame.webp) 16 fill/16px;position:absolute;inset:0}.quick-reply-copy{text-align:center;white-space:normal;width:100%;display:block}.quick-reply.active{background:#eaf3ff;border:2px solid #1760bc;border-radius:16px;padding:18px 12px 10px;box-shadow:0 3px 9px #1760bc20,inset 0 1px #fff}.quick-reply.active:before{display:none}.quick-reply:focus-visible{outline-offset:3px;border-radius:18px;outline:3px solid #0d4b8d}.quick-reply small{text-align:left;font-size:9px;line-height:1;display:block;position:absolute;top:9px;left:24px}.quick-reply .selection-cue{font-size:11px;position:absolute;top:6px;right:16px}.chat-draft-frame{isolation:isolate;width:calc(100% - 261px);height:82px;position:absolute;top:157px;left:0}.chat-draft-frame:focus-within{outline-offset:3px;border-radius:24px;outline:3px solid #1760bc}.chat-draft-frame:before{content:"";z-index:-1;pointer-events:none;border:24px solid #0000;border-image:url(/assets/ui/concept/input-frame.webp) 24 fill/24px;position:absolute;inset:0}.chat-form .chat-draft-frame textarea{resize:none;background:0 0;border:0;border-radius:0;width:100%;height:82px;min-height:82px;padding:1.15rem 1.5rem;position:relative;overflow:auto}.chat-form .chat-draft-frame textarea:focus{border:0}.chat-form .chat-draft-frame textarea:focus-visible{outline:none}.chat-form .form-actions{display:contents}.chat-form .form-actions>.text-button:not(:disabled){display:none}.chat-form .form-actions>.text-button:disabled{opacity:1;background:linear-gradient(135deg,#fff 0%,#f2f8ff 100%);border:1px solid #c6dcf5;border-radius:18px;place-items:center;width:78px;height:82px;padding:0;font-size:0;text-decoration:none;display:grid;position:absolute;top:157px;right:178px}.chat-form .button.primary,.personal-chat-grid .chat-form>.button.primary{--capsule-cap:41px;--capsule-left:url(/assets/ui/concept/button-blue-v2-left.webp);--capsule-middle:url(/assets/ui/concept/button-blue-v2-middle.webp);--capsule-right:url(/assets/ui/concept/button-blue-v2-right.webp);isolation:isolate;color:#fff;background:0 0;border:0;border-radius:999px;gap:.5rem;width:168px;height:82px;min-height:82px;padding:.65rem .9rem;font-size:1.15rem;position:absolute;top:157px;right:0;box-shadow:0 4px 12px #17365b30,inset 0 1px #ffffff70}.chat-form .button.primary:before,.personal-chat-grid .chat-form>.button.primary:before,.observation-covered .button:before{content:"";z-index:-1;background-image:var(--capsule-left), var(--capsule-right);background-position:0,100%;background-repeat:no-repeat,no-repeat;background-size:var(--capsule-cap) 100%, var(--capsule-cap) 100%;pointer-events:none;position:absolute;inset:0}.chat-form .button.primary:after,.personal-chat-grid .chat-form>.button.primary:after,.observation-covered .button:after{content:"";z-index:-1;top:0;right:var(--capsule-cap);bottom:0;left:var(--capsule-cap);background-image:var(--capsule-middle);pointer-events:none;background-position:50%;background-repeat:repeat-x;background-size:1px 100%;position:absolute}.chat-form .button.primary:before,.chat-form .button.primary:after,.personal-chat-grid .chat-form>.button.primary:before,.personal-chat-grid .chat-form>.button.primary:after{filter:brightness(.85)}.observation-covered .button:before,.observation-covered .button:after{filter:brightness(.8)}.chat-send-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:none;width:24px;height:24px}.chat-form .button.primary:not(:disabled):hover,.personal-chat-grid .chat-form>.button.primary:not(:disabled):hover{transform:none}.chat-form .button.primary:not(:disabled):hover:before,.chat-form .button.primary:not(:disabled):hover:after,.personal-chat-grid .chat-form>.button.primary:not(:disabled):hover:before,.personal-chat-grid .chat-form>.button.primary:not(:disabled):hover:after{filter:brightness(.8)saturate(1.05)}.chat-form .button.primary:active:before,.chat-form .button.primary:active:after,.personal-chat-grid .chat-form>.button.primary:active:before,.personal-chat-grid .chat-form>.button.primary:active:after{filter:brightness(.75)saturate(1.04)}.chat-form .button.primary:disabled,.personal-chat-grid .chat-form>.button.primary:disabled{color:#082035;opacity:1;background:0 0}.chat-form .button.primary:disabled:before,.chat-form .button.primary:disabled:after,.personal-chat-grid .chat-form>.button.primary:disabled:before,.personal-chat-grid .chat-form>.button.primary:disabled:after{filter:saturate(.45)brightness(1.5)}.observation-covered .button:disabled{color:#082035;opacity:1;background:0 0}.observation-covered .button:disabled:before,.observation-covered .button:disabled:after{filter:saturate(.45)brightness(1.5)}.chat-form .form-actions>.field-hint,.chat-form .field-error,.personal-chat-grid .chat-form>.field-error{margin:0;font-size:.82rem;position:absolute;bottom:-10px;left:0;right:0}.chat-form>.paused-notice{margin:0;font-size:.82rem;position:absolute;bottom:-10px}.experience-companion{isolation:isolate;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:26px;position:relative;overflow:hidden}.experience-companion-scroll{overflow-wrap:anywhere;width:100%;min-width:0;max-width:100%}.conversation-panel>*,.experience-companion>*{z-index:1;position:relative}.observation-panel,.personal-observation-panel{overflow-wrap:anywhere;width:100%;min-width:0;max-width:100%}.observation-panel{min-height:100%}.observation-panel>.panel-heading{height:58px;margin:0;position:relative}.observation-panel>.panel-heading .eyebrow{font-size:.6rem;position:absolute;top:-16px;left:0}.observation-panel>.panel-heading h2{margin:0}.observation-panel .panel-heading h2,.personal-observation-panel>h2{font-size:clamp(1.5rem,1.85vw,1.85rem)}.observation-panel .panel-heading h2:before{content:"🎬 "}.observation-content{grid-template-rows:minmax(110px,max-content) max-content minmax(137px,max-content) minmax(87px,max-content) max-content 0;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;max-width:100%;min-height:0;display:grid;position:relative}.observation-content>*{min-width:0;max-width:100%}.observation-content>.source-pill{z-index:5;background:#edf5ff;padding:.1rem .35rem;font-size:.62rem;position:absolute;bottom:0;left:0;right:auto}.observation-inner-monologue{z-index:1;text-align:center;background:url(/assets/ui/concept/control-thought-bubble.webp) 50%/100% 100% no-repeat;height:auto;min-height:110px;padding:38px 1.1rem 12px;position:relative}.observation-character-image{z-index:2;object-fit:contain;object-position:center bottom;width:100%;height:230.4px;margin:12px auto 0;display:block;position:relative}.observation-inner-monologue h3{display:none}.observation-inner-monologue p{color:#222453;margin:0;font-size:clamp(1.05rem,1.4vw,1.35rem);font-weight:800;line-height:1.25}.observation-content>.observation-inner-monologue p{font-size:1.25rem;line-height:1.15}.observation-content>.observation-need{grid-template:"icon heading"25px"icon body"/52px minmax(0,1fr);align-content:center;gap:0 .4rem;height:auto;min-height:87px;margin:12px 0 0;display:grid}.observation-content>.observation-need h3{white-space:nowrap;grid-area:heading;margin:0}.observation-content>.observation-need p{overflow-wrap:break-word;grid-area:body;min-width:0;margin:0}.observation-content>.observation-hide-button{color:#2460a6;background:0 0;border:0;justify-self:center;width:auto;min-height:28px;margin:0;padding:.2rem .45rem;font-size:.75rem;text-decoration:underline}.observation-content>div{border:0;padding:.55rem 0}.observation-content>.observation-inner-monologue{padding:38px 1.1rem 12px}.observation-content h3{color:#244f87;margin:0 0 .25rem;font-size:.95rem}.observation-content p{margin:0;font-size:.95rem;line-height:1.35}.observation-language-cue,.observation-alternatives{display:none}.observation-need{background:url(/assets/ui/concept/control-bubble-pink.webp) 50%/100% 100% no-repeat;padding:.45rem .8rem!important}.observation-need:before{content:"";background:url(/assets/ui/icons/gem.webp) 50%/contain no-repeat;grid-area:icon;width:52px;height:52px}.energy{grid-template-columns:55px minmax(0,1fr);align-content:start;gap:.25rem 1rem;height:auto;min-height:137px;display:grid;padding:.1rem .25rem!important}.energy>*{grid-column:2;min-width:0}.energy:before{content:"";background:url(/assets/ui/icons/flame.webp) 50%/contain no-repeat;grid-area:2/1/5;align-self:center;width:55px;height:68px}.energy strong{color:#c92b48;flex-wrap:wrap;align-items:baseline;gap:.25rem;margin:0;display:flex}.energy strong span{font-size:1.2rem}.energy strong b{font-size:2rem}.energy strong small{margin:0;font-size:1.1rem}.observation-content>.energy>h3{margin:0}.energy-track{background:url(/assets/ui/concept/control-meter-track.webp) 50%/100% 100% no-repeat;height:40px;padding:7px}.energy>small{margin:0;font-size:.9rem;line-height:1.2}.energy-track span{background:#f04463;border-radius:999px;height:100%;display:block}.observation-alternatives,.observation-alternatives .observation-language-cue{display:block}.observation-alternatives>summary{isolation:isolate;cursor:pointer;color:#fff;text-align:center;background:0 0;place-items:center;height:108px;min-height:108px;padding:.6rem;font-size:1.35rem;font-weight:850;list-style:none;display:grid;position:relative}.observation-alternatives>summary:before{content:"";z-index:-1;pointer-events:none;background:url(/assets/ui/concept/control-red-wide.webp) 50%/100% 105% no-repeat;position:absolute;inset:0}.observation-alternatives>summary:after{content:"";pointer-events:none;background:url(/assets/ui/concept/refresh-icon.webp) 50%/contain no-repeat;width:60px;height:46px;position:absolute;top:30px;left:45px}.observation-alternatives>summary::-webkit-details-marker{display:none}.observation-content>.observation-alternatives{margin-top:9px}.response-alternatives{grid-template-columns:1fr;gap:.35rem;margin:.4rem 0;padding:0;list-style:none;display:grid}.response-alternatives li{overflow-wrap:anywhere;background:#fff;border:1px solid #dce8f3;border-radius:14px;min-width:0;padding:.75rem .85rem;box-shadow:0 2px 8px #17365b12}.response-alternatives p{margin-top:.2rem}.observation-content>button.text-button,.observation-covered .button,.personal-observation-panel button{color:#fff;background:linear-gradient(135deg,#c64a43 0%,#ad3733 100%);border:1px solid #a72f2c;border-radius:16px;width:100%;min-height:52px;margin:.3rem 0;font-size:1rem;text-decoration:none}.observation-covered .button{--capsule-cap:26px;--capsule-left:url(/assets/ui/concept/button-coral-v2-left.webp);--capsule-middle:url(/assets/ui/concept/button-coral-v2-middle.webp);--capsule-right:url(/assets/ui/concept/button-coral-v2-right.webp);isolation:isolate;background:0 0;border:0;border-radius:999px;height:52px;position:relative;box-shadow:0 3px 8px #17365b24,inset 0 1px #ffffff75}.observation-covered .button:not(:disabled):hover{background:0 0;transform:none}.observation-covered .button:not(:disabled):hover:before,.observation-covered .button:not(:disabled):hover:after{filter:brightness(.76)saturate(1.05)}.observation-covered .button:active:before,.observation-covered .button:active:after{filter:brightness(.72)saturate(1.04)}.observation-covered .button:focus-visible{outline-offset:3px;outline:3px solid #8d2d2a}.chat-form .button.primary:focus-visible,.personal-chat-grid .chat-form>.button.primary:focus-visible{outline-offset:3px;outline:3px solid #0d3f7d}.observation-content>button.observation-hide-button{z-index:5;color:#2460a6;background:0 0;width:auto;min-height:28px;margin:0;padding:.2rem .45rem;font-size:.75rem;text-decoration:underline;position:absolute;top:-80px;right:0}.observation-covered{background:0 0;place-items:center;gap:.6rem;padding:1rem 0;display:grid}.observation-covered p{text-align:center;background:url(/assets/ui/concept/control-thought-bubble.webp) 50%/100% 100% no-repeat;padding:1.5rem 1rem}.personal-observation-panel>h2:before{content:"🎬 "}.personal-observation-panel .observation-content>p:not(.field-hint):first-of-type{text-align:center;background:url(/assets/ui/concept/control-thought-bubble.webp) 50%/100% 100% no-repeat;padding:1.4rem 1rem;font-weight:800}.personal-observation-panel .response-alternatives{grid-template-columns:1fr;display:grid}.personal-observation-panel .field-hint{font-size:.78rem}.personal-page .personal-chat-fact{z-index:1;pointer-events:none;background:url(/assets/ui/concept/control-bubble-blue.webp) 50%/100% 100% no-repeat;width:min(36vw,570px);min-height:78px;margin:0;padding:.65rem 1rem;position:absolute;top:12px;left:12px}.personal-page .personal-chat-fact>.button{display:none}.personal-chat-grid .personal-fields{display:contents}.personal-chat-grid .personal-mode-menu{z-index:5;color:#174b8d;position:absolute;top:0;right:0}.personal-mode-menu>summary{cursor:pointer;padding:.2rem .5rem;font-size:.75rem;font-weight:800}.personal-chat-grid .personal-mode-menu .action-row{background:#fff;gap:.3rem;padding:.6rem .6rem 0;display:grid;box-shadow:0 8px 16px #173d7926}.personal-mode-menu>.field-hint{background:#fff;width:240px;margin:0;padding:.4rem .6rem .6rem;font-size:.75rem;box-shadow:0 8px 16px #173d7926}.personal-chat-grid .personal-check{background:url(/assets/ui/concept/control-white-button.webp) 50%/100% 100% no-repeat;border:0;border-radius:0;min-height:29px;padding:.1rem .35rem;font-size:.72rem}.personal-chat-grid .message-list{flex:auto;min-height:0}.personal-chat-grid>.conversation-panel{overflow:hidden}.personal-chat-grid .chat-form{height:254px;padding:0;display:block}.personal-chat-grid .chat-form:before{display:block}.personal-chat-grid .chat-form>fieldset,.personal-chat-grid .personal-fields{margin:0;display:contents}.personal-chat-grid .chat-form .quick-replies{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid;position:absolute;top:58px;left:0;right:0}.personal-chat-grid .personal-chat-mode-status{color:#315c9a;margin:0;font-size:.68rem;line-height:1.25;position:absolute;top:27px;left:0}.personal-chat-grid .chat-draft-frame{width:calc(100% - 261px);height:82px;position:absolute;top:157px;left:0}.personal-chat-grid #personal-draft-count{color:#526c96;pointer-events:none;margin:0;font-size:10px;position:absolute;bottom:5px;right:18px}.personal-chat-grid .chat-draft-frame textarea{padding-bottom:1.4rem}.personal-chat-grid .chat-form>.button.primary{width:168px;position:absolute;top:157px;right:0}.personal-chat-grid .chat-form>.chat-voice-button{opacity:1;background:linear-gradient(135deg,#fff 0%,#f2f8ff 100%);border:0;width:78px;height:82px;padding:0;font-size:0;position:absolute;top:157px;right:178px}.chat-voice-button img{object-fit:contain;width:40px;height:40px}.chat-form .form-actions>.chat-voice-button:not(:disabled){cursor:pointer;border:1px solid #c6dcf5;border-radius:18px;place-items:center;width:78px;height:82px;padding:0;display:grid;position:absolute;top:157px;right:178px;box-shadow:0 3px 9px #17365b18}.speech-read-button{flex:none;align-self:flex-start}.speech-consent{z-index:5;color:#24426e;font-size:.75rem;line-height:1.4;position:relative}.speech-consent>summary{cursor:pointer;width:fit-content;max-width:100%}.speech-consent>summary:focus-visible{outline-offset:2px;outline:3px solid #1760bc}.speech-consent-body{isolation:isolate;gap:.35rem;padding:.65rem;display:grid;position:relative}.speech-consent-body:before{content:"";z-index:-1;clip-path:inset(0 round 16px);pointer-events:none;border:16px solid #0000;border-image:url(/assets/ui/concept/suggestion-frame.webp) 16 fill/16px;border-radius:16px;position:absolute;inset:0}.speech-consent:not([open]) .speech-consent-body{display:none}.speech-consent-body p{margin:0}.speech-consent-body .text-button{justify-self:start;min-height:40px}.personal-speech-controls{color:#24426e;flex-wrap:wrap;flex:none;align-items:center;gap:.4rem;font-size:.75rem;display:flex}.personal-speech-controls .text-button{align-items:center;gap:.25rem;min-height:40px;display:inline-flex}.personal-speech-controls img{object-fit:contain;width:22px;height:22px}.chat-form .form-actions>.text-button:disabled,.personal-chat-grid .chat-form>.chat-voice-button{border:1px solid #c6dcf5;border-radius:18px;box-shadow:0 3px 9px #17365b18,inset 0 1px #ffffffb8}.page-chat .page-bottom-actions,.personal-view-chat .personal-chat-fact{display:none}.personal-view-chat .personal-page>.page-heading{z-index:40;min-height:0;margin:0;position:absolute;top:10px;right:24px}.personal-view-chat .personal-page{position:relative}.personal-view-chat .personal-page>.page-heading>div:first-child{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.experience-layout:not(.personal-view-chat) .personal-page>.page-heading{flex-direction:column;align-items:stretch;gap:1rem;min-height:0;margin:1rem 0 1.5rem}.experience-layout:not(.personal-view-chat) .personal-page>.page-heading>*{min-width:0}.experience-layout:not(.personal-view-chat) .personal-page>.page-heading h1{overflow-wrap:anywhere;font-size:clamp(1.75rem,2.4vw,2.5rem);line-height:1.25}.experience-center .summary-grid,.experience-center .practice-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr))}.experience-center .summary-grid>.panel,.experience-center .practice-grid>.panel{min-width:0}.experience-center .summary-card{min-height:0}.experience-center .summary-card h2{margin:.5rem 0 1rem;font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.25}.personal-action-menu>summary{display:none}.personal-view-chat .personal-action-menu{color:#174b8d;width:120px;position:relative}.personal-view-chat .personal-action-menu>summary{text-align:center;cursor:pointer;background:url(/assets/ui/concept/control-white-button.webp) 50%/100% 100% no-repeat;padding:.35rem .8rem;font-size:.9rem;font-weight:800;list-style:none;display:block}.personal-view-chat .personal-action-menu>summary::-webkit-details-marker{display:none}.personal-view-chat .personal-action-menu .action-row{background:#fff;gap:.2rem;width:160px;padding:.4rem;display:grid;position:absolute;top:100%;right:0;box-shadow:0 10px 20px #173d7933}.personal-view-chat .personal-action-menu .action-row .button{width:100%;min-height:42px;font-size:.8rem}.personal-view-chat .personal-feedback{z-index:4;pointer-events:none;min-height:0;position:absolute;bottom:10px;left:20px;right:20px}.personal-view-chat .personal-feedback>p:not(.field-error){clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.experience-companion .observation-content .field-hint{margin:.25rem 0}.is-projection .conversation-panel .character-message strong{font-size:1.65rem;line-height:1.25}.is-projection .message-pair{gap:.6rem}.is-projection .conversation-panel .student-message strong,.is-projection .conversation-panel .character-message strong{padding-block:.55rem}.is-projection .conversation-panel .student-message strong{font-size:1.5rem;line-height:1.25}.is-projection .message-list{scrollbar-width:thin;scrollbar-color:#b8d4ef transparent}.is-projection .message-list::-webkit-scrollbar{width:4px;display:block}.is-projection .message-list::-webkit-scrollbar-thumb{background:#b8d4ef}.is-projection .experience-companion .observation-content{grid-template-rows:minmax(110px,max-content) max-content minmax(137px,max-content) minmax(87px,max-content) max-content 0;grid-template-columns:minmax(0,1fr);gap:0;display:grid}.is-projection .experience-companion{overflow:hidden}.is-projection .experience-companion-scroll{overscroll-behavior:contain;scrollbar-width:thin;height:100%;overflow-y:auto}.is-projection .experience-companion .observation-content h3{font-size:1.25rem}.is-projection .experience-companion .observation-content small,.is-projection .experience-companion .observation-panel .field-hint{font-size:1rem}.is-projection .experience-companion .observation-content>*{grid-column:1}.is-projection .experience-companion .observation-content>.source-pill{font-size:.62rem;position:absolute}.is-projection .experience-companion .observation-content>.observation-inner-monologue{padding:53px .8rem 12px}.is-projection .experience-companion .observation-content p:not(.field-hint){font-size:1.1rem;line-height:1.25}.is-projection .experience-companion .observation-language-cue strong{font-size:1.5rem}.is-projection .chat-form .quick-reply{font-size:15px}.is-projection .experience-companion .energy{grid-column:1}.is-projection .experience-companion .energy strong{font-size:2rem}.is-projection .experience-companion .observation-need p{font-size:.95rem}.is-projection .experience-companion .observation-content>button.observation-hide-button{padding:.2rem .45rem}@media (width>=1101px){.speech-consent{position:absolute;bottom:4px;left:25px;right:15px}.speech-consent-body{position:absolute;bottom:calc(100% + 254px);left:0;right:0}.experience-scene-menu[data-placement=chat]{width:auto;max-width:554px;margin:0;position:absolute;top:42px;left:calc(7.8vw + 13px);right:0}.experience-scene-menu[data-placement=chat]>summary{grid-template-columns:minmax(0,1fr) 22px;height:82px}.experience-scene-menu[data-placement=chat]>summary span,.experience-scene-menu[data-placement=chat]>summary strong{grid-column:1}.experience-scene-menu[data-placement=chat]>summary strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.experience-scene-menu[data-placement=chat] .experience-scene-icon{width:72px;height:72px;position:absolute;top:4px;left:-84px}.site-header .header-right{gap:10px;height:64px}.experience-identity .experience-character-image{transform-origin:bottom;transform:translateY(-9px)scale(.94)}.experience-character-display h2{bottom:-61px}:is(.app-shell:has(.page-chat),.personal-shell:has(.personal-view-chat)){height:auto;min-height:100dvh;overflow:visible}.experience-layout.personal-view-chat{height:max(620px,100dvh - 324px);min-height:620px;margin-bottom:158px}.experience-layout:has(.page-chat){height:max(620px,100dvh - 324px);min-height:620px;margin-bottom:158px}.experience-layout.personal-view-chat{height:max(640px,100dvh - 324px);min-height:640px}.experience-layout.personal-view-chat .experience-companion-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4779b8 #dcecff;height:100%;padding-top:16px;overflow:hidden auto}.experience-layout:has(.page-chat) .experience-companion-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4779b8 #dcecff;height:100%;padding-top:16px;overflow:hidden auto}.experience-layout.personal-view-chat .experience-companion{padding-top:10px}.experience-layout:has(.page-chat) .experience-companion{padding-top:10px}.experience-companion .observation-content>button.observation-hide-button{top:-74px}.experience-layout:not(.personal-view-chat):not(:has(.page-chat)){height:auto}.experience-layout.personal-view-chat .experience-center{height:100%;overflow:hidden}.experience-layout:has(.page-chat) .experience-center{height:100%;overflow:hidden}.experience-center>.page.page-chat,.experience-layout.personal-view-chat .experience-center>.personal-page{height:100%;overflow:hidden}}@media (width<=1100px){.experience-layout:has(.page-chat):after{display:none}.experience-layout.personal-view-chat:after{display:none}.experience-layout.personal-view-chat>.experience-center{order:1}.experience-layout.personal-view-chat>.experience-companion{order:2}.experience-layout.personal-view-chat>.experience-identity{order:3}.site-header{grid-template-columns:minmax(0,1fr) auto;height:auto;min-height:128px;padding:.75rem 1rem}.brand-logo{width:min(52vw,320px);max-height:100px}.brand-tagline{display:none}.header-right{padding-left:0;position:static}.host-control-menu>summary{width:250px;min-height:64px}.experience-layout{grid-template-columns:minmax(0,1fr);gap:.8rem;height:auto;min-height:0;padding:.5rem 1rem 10rem}.experience-identity{order:3;grid-template-rows:260px 90px;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr)}.experience-character-display{grid-row:span 2}.experience-character-image{height:250px}.experience-pedestal{bottom:64px}.experience-character-options{height:90px}.experience-center,.experience-companion{left:0}.experience-center{order:1;height:auto;overflow:visible}.experience-center>.page.page-chat,.experience-layout.personal-view-chat .experience-center>.personal-page{height:auto;overflow:visible}.chat-grid-center,.personal-chat-grid,.conversation-panel,.personal-chat-grid>.conversation-panel{height:auto;min-height:0}.conversation-panel,.personal-chat-grid>.conversation-panel,.experience-companion,.chat-grid>.conversation-panel{padding:1rem}.message-list{min-height:0;max-height:none;margin-top:0;overflow:visible}.chat-form{grid-template-columns:minmax(0,1fr) 60px 118px;gap:.6rem;height:auto;margin-top:.75rem;padding:.75rem 0 0;display:grid}.personal-chat-grid .chat-form{height:auto;padding:.75rem 0 0;display:grid}.personal-chat-grid .personal-mode-menu{grid-area:2/1/auto/-1;justify-self:end;position:relative;top:auto;right:auto}.personal-mode-menu[open]>.action-row,.personal-mode-menu[open]>.field-hint{width:240px}.chat-form:before{grid-column:1/-1;position:static}.chat-form .quick-replies{grid-area:2/1/auto/-1;margin:0;position:static}.personal-chat-grid .chat-form .quick-replies{grid-row:4;position:static}.personal-chat-grid .personal-chat-mode-status{grid-area:3/1/auto/-1;position:static}.chat-draft-frame{grid-area:3/1;width:100%;position:relative;top:auto;left:auto}.personal-chat-grid .chat-draft-frame{grid-area:5/1;width:100%;position:relative;top:auto;left:auto}.personal-chat-grid .chat-form>.chat-voice-button{background-size:60px 81px;grid-area:5/2;width:60px;position:static}.chat-form .form-actions>.text-button:disabled{grid-area:3/2;width:60px;position:static}.chat-form .form-actions>.chat-voice-button:not(:disabled){grid-area:3/2;width:60px;height:76px;position:static}.chat-form .button.primary,.personal-chat-grid .chat-form>.button.primary{grid-area:3/3;width:118px;position:relative;top:auto;right:auto}.personal-chat-grid .chat-form>.button.primary{grid-row:5}.personal-view-chat .personal-page>.page-heading{justify-content:end;margin:0 0 .5rem;position:relative;top:auto;right:auto}.chat-form .field-error,.chat-form>.paused-notice{grid-column:1/-1;position:static}.experience-companion{order:2;max-height:none}.observation-panel{height:auto}.observation-content{flex-direction:column;display:flex}.experience-companion .observation-content>*{flex-shrink:0}.is-projection .experience-companion .observation-content{flex-direction:column;display:flex}.observation-content>.source-pill{align-self:flex-start;margin-bottom:.5rem;position:static}.observation-inner-monologue{min-height:110px}.observation-alternatives[open]{max-height:none;position:relative;overflow:auto}.personal-page .personal-chat-fact{width:100%;margin-bottom:.5rem;position:static}}@media (width<=600px){.site-header{grid-template-columns:minmax(0,1fr);gap:.15rem}.brand-logo{width:min(80vw,320px)}.brand:after{font-size:.85rem;bottom:0;right:0}.header-right{justify-content:space-between;gap:8px;width:100%}.header-voice-control{white-space:nowrap;flex:0 0 96px;gap:.3rem;width:96px;font-size:.8rem}.host-control-menu>summary{flex:auto;width:auto;min-height:64px;padding:.45rem .55rem}.host-control-menu{flex:auto;min-width:0}.host-control-menu>summary{width:100%}.host-control-menu .host-profile-avatar{width:38px;height:38px}.host-profile-copy strong{font-size:.92rem}.host-profile-copy small{font-size:.68rem}.experience-scenario-options{grid-template-columns:minmax(0,1fr)}.host-control-menu .source-pill{max-width:130px;font-size:.75rem}.experience-layout{padding:.4rem .65rem 60px}.experience-layout>.experience-identity{grid-template-rows:88px;grid-template-columns:1fr;min-height:0}.experience-identity>.experience-picker{grid-row:1}.experience-character-display{display:none}.experience-character-options{grid-row:1;height:88px}.experience-character-option img{width:48px}.experience-scene-menu>summary{min-height:70px}.conversation-panel,.personal-chat-grid>.conversation-panel,.experience-companion{padding:.8rem}.experience-layout.personal-view-chat .personal-chat-grid .message-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#4779b8 #dcecff;min-height:240px;max-height:min(50dvh,28rem);overflow-y:auto}.experience-layout.personal-view-chat .personal-chat-grid .message-list::-webkit-scrollbar{width:8px;display:block}.experience-layout.personal-view-chat .personal-chat-grid .message-list::-webkit-scrollbar-track{background:#dcecff;border-radius:8px}.experience-layout.personal-view-chat .personal-chat-grid .message-list::-webkit-scrollbar-thumb{background:#4779b8;border:2px solid #dcecff;border-radius:8px}.chat-grid>.conversation-panel{padding:.8rem}.chat-form{grid-template-columns:minmax(0,1fr) 48px 110px}.chat-draft-frame{grid-area:3/1/auto/-1}.personal-chat-grid .chat-draft-frame{grid-area:5/1/auto/-1}.chat-form .quick-replies{grid-template-columns:1fr}.personal-chat-grid .chat-form .quick-replies{grid-template-columns:minmax(0,1fr)}.personal-chat-grid .chat-form .quick-reply{height:auto;min-height:76px}.quick-reply{height:76px;min-height:76px;font-size:16px}.chat-form .form-actions{display:contents}.chat-form .form-actions>.text-button:disabled,.chat-form .form-actions>.chat-voice-button:not(:disabled){grid-row:4;width:48px}.chat-voice-button img{width:32px;height:32px}.chat-form .button.primary,.personal-chat-grid .chat-form>.button.primary{gap:.3rem;padding-inline:.4rem}.chat-send-icon{width:18px;height:18px}.chat-form .button.primary,.personal-chat-grid .chat-form>.button.primary{grid-row:4;width:110px;font-size:.82rem}.character-message,.student-message{grid-template-columns:52px minmax(0,1fr)}.student-message>img,.character-message>img{width:50px;height:50px}.student-message strong,.character-message strong{font-size:1rem}.personal-chat-grid .chat-form>.button.primary{grid-row:6;width:110px}.personal-chat-grid .chat-form>.chat-voice-button{grid-row:6;width:48px}}@media (prefers-reduced-motion:reduce){.experience-character-image,.experience-scene-caret,.experience-scenario-option{transition:none!important;animation:none!important}}@media print{.site-header,.experience-identity,.host-control-menu,.experience-scene-menu,.experience-layout:after{display:none!important}}.experience-layout-focus{width:min(100%,1200px);height:auto;min-height:0;margin:0 auto;padding:1rem 1.25rem 2rem;display:block}.experience-layout-focus>.experience-center{width:100%;min-height:0;margin-inline:auto;left:0}.experience-layout-focus .page{width:100%;max-width:none}.experience-layout-focus .page h1{text-wrap:balance;overflow-wrap:normal;font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.2}.experience-layout-focus .intro-layout{grid-template-columns:minmax(0,1.5fr) minmax(14rem,.8fr);gap:clamp(.75rem,2vw,1.5rem);width:100%;max-width:none;margin-inline:auto}.experience-layout-focus .intro-main,.experience-layout-focus .intro-side{min-width:0}.experience-layout-focus .summary-grid,.experience-layout-focus .practice-grid{align-items:start}.experience-layout-focus .intro-main h1{text-wrap:balance;font-size:clamp(1.75rem,3vw,2.75rem)}.experience-layout-selection{grid-template-columns:280px minmax(0,1fr);align-items:start;width:min(100%,1200px);height:auto;min-height:0;margin:0 auto;padding:1rem 1.25rem 2rem;display:grid}.experience-layout-selection>.experience-identity{flex-direction:column;order:0;gap:.5rem;min-height:0;display:flex}.experience-layout-selection .experience-character-display{flex-direction:column;flex:none;justify-content:center;gap:.25rem;min-height:250px;padding:.5rem;display:flex;overflow:visible}.experience-layout-selection .experience-character-display .experience-character-support{z-index:auto;clip:auto;width:auto;height:auto;margin:0;position:static;overflow:visible;transform:none}.experience-layout-selection .experience-character-image{flex:0 auto;width:100%;max-width:100%;height:min(340px,34vw);max-height:340px;transform:none}.experience-layout-selection .experience-pedestal{display:none}.experience-layout-selection .experience-character-display h2{z-index:auto;clip:auto;color:#163d77;background:0 0;width:auto;height:auto;margin:0;padding:0;font-size:1.15rem;line-height:1.35;display:flex;position:static;overflow:visible}.experience-layout-selection .experience-character-display h2 small{max-width:100%;font-size:.8rem;line-height:1.4}.experience-layout-selection .experience-identity>.experience-picker{flex:none;grid-row:auto}.experience-layout-selection .experience-character-options{gap:.15rem;height:auto}.experience-layout-selection .experience-character-option{min-height:44px;padding:.25rem .1rem;font-size:clamp(.62rem,.8vw,.75rem);line-height:1.2}.experience-layout-selection .experience-character-option img{width:42px;max-width:100%;height:42px}.experience-layout-selection .experience-character-options{grid-template-columns:repeat(5,minmax(0,1fr))}.experience-layout-selection>.experience-center{order:1;width:100%;min-height:0;margin:0;left:0}.experience-layout-selection .page{width:100%;max-width:none}.experience-layout-selection .page h1{text-wrap:balance;font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.2}.experience-layout-focus.personal-view-auth>.experience-center,.experience-layout-focus.personal-view-code>.experience-center,.experience-layout-focus.personal-view-profile>.experience-center{width:min(100%,880px);margin-inline:auto}.experience-layout-focus.personal-view-records>.experience-center,.experience-layout-focus.personal-view-summary>.experience-center{width:min(100%,1040px);margin-inline:auto}.experience-layout-focus .hero{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(1rem,3vw,2.5rem);display:grid}.experience-layout-focus .hero-copy,.experience-layout-focus .hero-lineup{width:100%;min-width:0}.experience-layout-focus .hero h1{overflow-wrap:anywhere;font-size:clamp(2rem,4.2vw,3.8rem);line-height:1.15}.experience-layout-focus .hero-lineup{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;min-height:0;display:grid}.experience-layout-focus .hero-member{min-width:0;margin:0}.experience-layout-focus .hero-member img{object-fit:contain;object-position:center bottom;width:100%;height:clamp(130px,20vw,230px)}.experience-layout-focus .hero-footer{grid-column:1/-1;width:auto;margin:0;position:static}@media (width<=1100px){.experience-layout-selection{grid-template-columns:minmax(0,1fr)}.experience-layout-selection>.experience-identity{flex-direction:row;order:0;align-items:center}.experience-layout-selection>.experience-center{order:1}.experience-layout-selection .experience-character-display{flex:0 240px;min-width:0;min-height:0}.experience-layout-selection .experience-character-support{display:none}.experience-layout-selection .experience-character-image{height:180px;max-height:180px}.experience-layout-selection .experience-identity>.experience-picker{flex:1 1 0;min-width:0}}@media (width<=760px){.site-header{grid-template-columns:minmax(0,1fr);gap:.4rem;padding:.65rem 1rem}.site-header .brand{justify-self:start}.site-header .brand-logo{width:min(80vw,320px);height:auto;max-height:92px}.site-header .header-right{grid-column:1;justify-content:flex-start;width:100%}.host-control-popover{width:min(26rem,100vw - 2rem);left:0;right:auto}.experience-layout-focus .hero{grid-template-columns:minmax(0,1fr)}.experience-layout-focus .hero-lineup{order:1}.experience-layout-focus .hero-member img{height:clamp(100px,32vw,170px)}.experience-layout-selection{grid-template-columns:minmax(0,1fr);gap:.8rem}.experience-layout-selection>.experience-identity{order:0;grid-row:auto}.experience-layout-selection .experience-character-display{min-height:0;max-height:300px;padding:.65rem}.experience-layout-selection .experience-character-image{width:min(100%,260px);height:180px;max-height:180px}.experience-layout-selection>.experience-center{order:1;grid-row:auto}.experience-layout-focus .intro-layout{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.site-header .header-right{flex-wrap:wrap}.experience-layout-selection>.experience-identity{flex-direction:column;align-items:stretch}.experience-layout-selection .experience-character-display{flex:none;min-height:0;max-height:none;padding:.25rem 0}.experience-layout-selection .experience-character-support,.experience-layout-selection .experience-character-image{display:none}.experience-layout-selection .experience-identity>.experience-picker{flex:none;width:100%}}.host-gate{background:radial-gradient(ellipse at 18% 16%, #cfe8f5 0, transparent 34rem), linear-gradient(180deg, var(--color-sky), var(--color-surface));place-items:center;min-height:100vh;padding:1.5rem;display:grid}.host-gate-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:min(100%,38rem);padding:clamp(1.4rem,5vw,2.5rem);box-shadow:0 1.2rem 3.5rem #17365b18}.host-gate-panel h1{margin-bottom:.8rem}.host-gate-panel form{gap:.8rem;margin-top:1.5rem;display:grid}.host-gate-panel label{font-weight:800}.host-gate-panel input{border:2px solid var(--color-border);border-radius:var(--radius-sm);width:100%;min-height:3.4rem;color:var(--color-ink);background:var(--color-surface);font:inherit;padding:.7rem}.host-gate-panel input:focus-visible{outline:4px solid var(--color-primary);outline-offset:3px}.personal-page{max-width:none}.experience-center>.personal-page{min-height:calc(100vh - 17rem);padding:.5rem 0 2rem}.personal-panel{padding:1.7rem}.personal-observation-panel>h2{margin-bottom:.8rem;font-size:1.25rem}.personal-observation-panel h3{color:var(--color-primary);margin:1.2rem 0 .35rem;font-size:1.05rem}.personal-observation-panel p{overflow-wrap:anywhere}.personal-auth{max-width:48rem;margin-inline:auto}.personal-feedback{min-height:3rem}.personal-fields,.personal-fields fieldset{border:0;min-width:0;margin:1rem 0;padding:0}.personal-fields legend{margin-bottom:.7rem;font-weight:800}.personal-panel label:not(.personal-check){margin:.8rem 0 .4rem;font-weight:800;display:block}.personal-panel input:not([type=checkbox]):not([type=radio]),.personal-panel select{border:2px solid var(--color-border);border-radius:var(--radius-sm);width:100%;min-height:3.4rem;font:inherit;color:var(--color-ink);background:var(--color-surface);padding:.7rem}.personal-panel input:focus-visible,.personal-panel select:focus-visible{outline:4px solid var(--color-primary);outline-offset:3px}.personal-panel input[aria-invalid=true],.personal-panel select[aria-invalid=true]{border-color:var(--color-danger)}.personal-panel select,.personal-check{cursor:pointer}.personal-panel :disabled{cursor:not-allowed}.personal-field-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.personal-check{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-sky);align-items:center;gap:.5rem;padding:.6rem .8rem;font-size:1rem;display:flex}.personal-check input{width:1.25rem;height:1.25rem;accent-color:var(--color-primary)}.personal-secret{gap:.5rem;display:flex}.personal-secret input{min-width:0}.personal-secret button{flex:none}.personal-issued-code{font-family:var(--font-mono);overflow-wrap:anywhere;background:var(--color-sky);border:2px dashed var(--color-primary);border-radius:var(--radius-sm);margin-block:1.5rem;padding:1.5rem;font-size:clamp(1.2rem,4vw,2rem);font-weight:800;display:block}.personal-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.personal-record-list{padding:0;list-style:none}.personal-record-list li{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.personal-record-list span{color:var(--color-muted);margin-top:.5rem;font-size:1rem;display:block}.personal-chat-fact{flex-wrap:wrap;gap:.7rem;margin-bottom:1rem;display:flex}.personal-chat-fact p{flex-basis:100%}.personal-chat-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.2rem;display:grid}.personal-chat-grid .message-list{min-height:10rem}.personal-chat-grid .character-message:disabled{opacity:1;cursor:default}.personal-shell a.button{text-decoration:none;display:inline-block}.personal-shell a{color:var(--color-primary)}.personal-shell a.brand{text-decoration:none}.personal-shell a.button:not(.secondary){color:var(--color-surface)}.personal-shell .personal-panel>.button{margin-right:.5rem}.personal-chat-grid h3{margin-top:1.5rem;font-size:1.15rem}.personal-chat-grid .observation-content p{font-size:1.1rem}.personal-check:hover{border-color:var(--color-primary)}@media (width<=900px){.personal-chat-grid,.personal-summary{grid-template-columns:minmax(0,1fr)}}@media (width<=480px){.personal-view-auth>.experience-center,.personal-view-code>.experience-center,.personal-view-profile>.experience-center,.personal-view-records>.experience-center,.personal-view-chat>.experience-center,.personal-view-summary>.experience-center{order:-1}.personal-view-chat>.experience-companion{order:0}.personal-view-chat>.experience-identity{order:1}.personal-panel{padding:1.1rem}.personal-field-row{grid-template-columns:1fr}.personal-record-list li{flex-direction:column;align-items:start}}@media print{.experience-layout{max-width:none;padding:0;display:block}.experience-identity,.experience-companion{display:none}.experience-center>.personal-page{min-height:0;padding:0}.personal-shell .page-heading,.personal-shell .personal-feedback,.personal-shell .summary-editor,.personal-shell .site-footer,.personal-shell .page>:not(.personal-summary),.personal-shell .personal-summary>:not(.personal-print-card){display:none!important}.personal-shell .personal-summary{display:block}.personal-shell .personal-print-card{display:block!important}}.personal-leave-dialog{border:2px solid var(--color-border);border-radius:var(--radius-md);max-width:min(34rem,100vw - 2rem);color:var(--color-ink);background:var(--color-surface);padding:1.6rem}.personal-leave-dialog::backdrop{background:#17365b73}@media print{.personal-leave-dialog{display:none!important}}.personal-shell .action-row{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.personal-shell .card-meta{flex-wrap:wrap}@media (width<=480px){.personal-shell .card-meta span{margin-block:.3rem;display:block}}