/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"Segoe UI Variable Display", "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{font-family:var(--font-sans);color:#f8f2e9;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink-950:#121417;--ink-900:#1b1e21;--glass-700:#18191bc9;--glass-500:#18191ba1;--line:#f1d4ad3d;--line-soft:#f1d4ad24;--text:#f8f2e9;--muted:#d3d0c9;--gold:#e6b06b;--gold-soft:#e6b06b29;--copper:#ba6b4b;--success:#5cb68c;--error:#ec7d73;--u:min(calc(100vw / 1586), calc(100vh / 992));--s:max(calc(100vw / 1586), calc(100vh / 992));--cam:min(var(--s), calc(100vh / 992 * 1.16));--hairline:#ffecd21f;--hairline-strong:#f1d4ad3d;--surface-chrome:#11101094;--surface-content:linear-gradient(180deg, #1c1b1bad, #101011bd);--surface-micro:#1110109e;--surface-utility:linear-gradient(180deg, #1f1e1ef2, #121214f7);--shadow-content:0 12px 30px #0003;--shadow-micro:0 4px 14px #00000029;--blur-chrome:blur(18px) saturate(1.12);--text-soft:#d9d1c4;--text-quiet:#b3ab9f;--rail-w:calc(84 * var(--u));--dock-bottom:calc(58 * var(--u));--dock-h:max(64px, calc(76 * var(--u)));background:#121417}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}*{box-sizing:border-box}html,body{background:var(--ink-950);margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button:disabled,button[aria-disabled=true]{cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,p,dl,dd,ul{margin:0}ul{padding:0}svg{flex-shrink:0}:where(button,a,input,select,[tabindex]):focus-visible{outline-offset:3px;outline:2px solid #f6cf94}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;color:#171515;background:#f3c98d;border-radius:8px;padding:12px 20px;position:fixed;top:12px;left:140px;transform:translateY(-200%)}.skip-link:focus{transform:none}.glass{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(1.15);background:linear-gradient(#242324b8,#141416c2);box-shadow:0 18px 48px #0000004d,inset 0 1px #ffffff12}.glass-pill{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(1.15);background:linear-gradient(#201f20bd,#121214c7);border-radius:999px;box-shadow:0 10px 30px #00000047,inset 0 1px #ffffff12}.primary-button{min-height:max(40px, calc(48 * var(--u)));padding:0 max(18px, calc(24 * var(--u)));color:#1d1610;font-weight:650;font-size:max(13px, calc(16 * var(--u)));white-space:nowrap;background:linear-gradient(#f0c582,#d79d55);border:1px solid #ffd6a0b3;border-radius:999px;justify-content:center;align-items:center;gap:12px;display:inline-flex;box-shadow:0 8px 26px #d6964647,inset 0 1px #ffffff73}.primary-button:hover{filter:brightness(1.06)}.primary-button:disabled{opacity:.42;box-shadow:none}.text-button{color:#ecc58f;font-size:max(12px, calc(14 * var(--u)));border-bottom:1px solid #ecc58f59;padding:4px 0}.text-button:disabled{opacity:.45}.eyebrow{color:var(--gold);font-size:max(11px, calc(15 * var(--u)));letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:16px;font-weight:600;display:flex}.eyebrow>span{width:calc(46 * var(--u));background:var(--gold);opacity:.8;min-width:24px;height:2px}h1 em,h2 em{color:var(--gold);font-style:normal}.intro{color:var(--muted);font-size:max(13px, calc(19 * var(--u)));line-height:1.45}.app-shell{min-height:100svh;position:relative}.workspace{min-height:100svh;padding-left:var(--rail-w);z-index:10;pointer-events:none;position:relative}.workspace>*{pointer-events:auto}.main-stage{pointer-events:none;outline:none}.main-stage>*{pointer-events:auto}.storage-warning{top:calc(96 * var(--u));z-index:60;background:#3b3327f0;border:1px solid #d9a869;border-radius:12px;align-items:center;gap:18px;max-width:min(720px,80vw);padding:12px 18px;font-size:14px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.storage-warning button{margin-left:auto;font-size:22px}.demo-disclosure{left:calc(var(--rail-w) + 22px);z-index:22;letter-spacing:.02em;color:var(--text-quiet);text-shadow:0 1px 2px #000000b3;pointer-events:none;font-size:11.5px;position:fixed;bottom:14px}.studio-stage,.scenario-stage{z-index:0;position:fixed;inset:0;overflow:hidden}.studio-camera,.lesson-overlay{--s:var(--cam)}.stage-box{right:0;top:calc((100vh - 992 * var(--s)) * .3);width:calc(1586 * var(--s));height:calc(992 * var(--s));position:absolute}.studio-extension{filter:blur(30px)brightness(.4)saturate(.85);background-position:0;background-size:cover;display:none;position:absolute;inset:-6%}@media (min-aspect-ratio:1587/992){.studio-extension{display:block}.studio-camera{-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 calc(36 * var(--s)));mask-image:linear-gradient(90deg, transparent 0, #000 calc(36 * var(--s)));-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 calc(36 * var(--s)))}}.studio-camera{transition:filter .6s}.studio-plate,.desk-occluder,.desk-grounding{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.desk-occluder{background-repeat:no-repeat;background-size:100% 100%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.desk-grounding{opacity:0;background:radial-gradient(23% 3.6% at 41.5% 71.4%,#1a0e0866,#0000 72%);transition:opacity .4s;-webkit-mask-size:100% 100%;mask-size:100% 100%}.studio-stage[data-mode=lesson] .desk-grounding,.studio-stage[data-mode=welcome] .desk-grounding,.studio-stage[data-mode=style] .desk-grounding{opacity:1}.studio-grade{pointer-events:none;background:linear-gradient(90deg,#0c0a0980 0,#0c0a091f 9%,#0000 20%),linear-gradient(#0000 80%,#0c0a0957),linear-gradient(#0c0a0947,#0000 14%);transition:background .6s;position:absolute;inset:0}.studio-stage[data-mode=welcome] .studio-grade,.studio-stage[data-mode=style] .studio-grade{background:linear-gradient(90deg,#0c0a0980 0,#0000 18% 44%,#0e0b0999 64%,#0e0b09b3 100%),linear-gradient(#0000 76%,#0c0a0966)}.studio-stage[data-mode=cards] .studio-camera{filter:blur(3px)brightness(.72)saturate(.95)}.studio-stage[data-mode=cards] .studio-grade{background:radial-gradient(70% 60% at 55% 55%,#0000,#0a090873),linear-gradient(#0000 70%,#0c0a0980)}.studio-stage[data-mode=page] .studio-camera,.studio-stage[data-mode=scenario] .studio-camera{filter:blur(6px)brightness(.55)}.studio-stage[data-mode=scenario]{visibility:hidden}.studio-stage[data-mode=page] .studio-grade{background:#0c0a0959}.tutor-presenter{pointer-events:none;transition:opacity .45s;position:absolute;inset:0}.tutor-presenter[data-visible=false]{opacity:0}.pose-drift{transform-origin:40% 80%;animation:9s ease-in-out infinite pose-drift;position:absolute;inset:0}@keyframes pose-drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translateY(-.18%)scale(1.004)}}.pose{opacity:0;transition:left .7s cubic-bezier(.2,.7,.2,1),top .7s cubic-bezier(.2,.7,.2,1),width .7s cubic-bezier(.2,.7,.2,1),height .7s cubic-bezier(.2,.7,.2,1);position:absolute}.pose.ready{opacity:1}.pose-current.ready{animation:.36s both pose-in}@keyframes pose-in{0%{opacity:0}to{opacity:1}}.pose img{width:100%;height:100%;filter:var(--tutor-grade);display:block}.pose-light{mix-blend-mode:soft-light;opacity:.55;-webkit-mask-image:var(--pose-src);mask-image:var(--pose-src);-webkit-mask-image:var(--pose-src);background:linear-gradient(100deg,#0000 42%,#ffc4788c 78%,#ffd6a0bf);position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%}.pose.pose-live .presence-stack>img,.pose.pose-live .presence-stack>video{object-fit:fill;width:100%;max-width:none;height:100%;filter:var(--tutor-grade);position:absolute;inset:0}.pose.pose-live .presence-stack>video{-webkit-mask-image:var(--pose-src);mask-image:var(--pose-src);-webkit-mask-image:var(--pose-src);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.app-rail{width:var(--rail-w);z-index:30;scrollbar-width:none;border-right:1px solid #f1d4ad14;flex-direction:column;align-items:center;min-width:64px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.app-rail:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(22px);pointer-events:none;background:linear-gradient(#141312db,#0c0c0ce6);position:absolute;inset:0}.app-rail>*{flex-shrink:0}.brand-mark{margin-top:calc(26 * var(--u));justify-items:center;gap:calc(7 * var(--u));border-radius:10px;display:grid}.brand-glyph{width:max(28px, calc(34 * var(--u)));height:max(28px, calc(34 * var(--u)));color:#e9b877;font-family:Georgia,Times New Roman,serif;font-size:max(15px, calc(18 * var(--u)));border:1px solid #e6b06b8c;border-radius:50%;place-items:center;font-weight:600;line-height:1;display:grid}.brand-name{color:#e6b06bdb;font-size:max(9.5px, calc(10 * var(--u)));letter-spacing:.16em;text-transform:uppercase;font-weight:600}.app-rail nav{justify-items:center;gap:calc(14 * var(--u));width:100%;margin-top:calc(44 * var(--u));display:grid}.app-rail nav a{width:max(54px, calc(66 * var(--u)));height:max(50px, calc(64 * var(--u)));justify-content:center;align-items:center;gap:calc(6 * var(--u));border-radius:calc(12 * var(--u));color:var(--text-quiet);font-size:max(11px, calc(12 * var(--u)));letter-spacing:.01em;flex-direction:column;transition:background .2s,color .2s;display:flex;position:relative}.app-rail nav a svg{width:max(18px, calc(21 * var(--u)));height:max(18px, calc(21 * var(--u)))}.app-rail nav a:hover{color:#ece5da;background:#ffffff09}.app-rail nav a.active{color:#f6efe4;background:#ffffff0b}.app-rail nav a.active svg{color:#e9b877}.app-rail nav a.active:before{content:"";background:#e6b06b;border-radius:2px;width:2px;position:absolute;top:32%;bottom:32%;left:0}.rail-bottom{margin:auto 0 calc(36 * var(--u));padding-top:16px}.rail-settings{width:max(32px, calc(36 * var(--u)));height:max(32px, calc(36 * var(--u)));color:var(--text-quiet);border:1px solid #f1d4ad24;border-radius:50%;place-items:center;transition:color .2s,border-color .2s;display:grid}.rail-settings:hover,.rail-settings[aria-expanded=true]{color:#ece5da;border-color:#f1d4ad52}.rail-settings svg{width:18px;height:18px}.popover-root{position:relative}.surface-utility{background:var(--surface-utility);border:1px solid var(--hairline-strong);-webkit-backdrop-filter:blur(20px)saturate(1.1);box-shadow:0 18px 44px #00000057,inset 0 1px #ffffff0d}.popover-panel{z-index:45;border-radius:14px;gap:8px;min-width:240px;padding:14px 16px 16px;font-size:13.5px;display:grid;position:absolute}.popover-panel h2{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-size:10.5px;font-weight:600}.settings-panel{left:calc(var(--rail-w) + 12px);bottom:calc(26 * var(--u));width:264px;position:fixed}.setting-toggle{border:1px solid var(--hairline);color:#efe8dd;text-align:left;background:#ffffff08;border-radius:10px;align-items:center;gap:10px;min-height:38px;padding:8px 12px;transition:background .2s,border-color .2s;display:flex}.setting-toggle:hover{background:#ffffff0f}.setting-toggle svg{color:#e3d6c2;width:16px;height:16px}.setting-toggle[data-active=true]{background:var(--gold-soft);border-color:#e6b06b73}.setting-state{color:#e2dacd;font-size:12px;line-height:1.45}.setting-note{color:#c9c4ba;max-width:300px;font-size:12px;line-height:1.5}.context-bar{top:calc(24 * var(--u));left:calc(var(--rail-w) + 28 * var(--u));right:calc(28 * var(--u));z-index:20;align-items:flex-start;gap:calc(16 * var(--u));pointer-events:none;display:flex;position:fixed}.context-bar>*{pointer-events:auto}.context-path{align-items:center;gap:calc(12 * var(--u));height:max(36px, calc(44 * var(--u)));padding:0 calc(18 * var(--u)) 0 calc(6 * var(--u));font-size:max(12px, calc(14 * var(--u)));color:var(--text-soft);min-width:0;display:flex}.context-path>svg{color:#a9a194;opacity:.75;width:12px;height:12px}.surface-chrome{background:var(--surface-chrome);border:1px solid var(--hairline);-webkit-backdrop-filter:var(--blur-chrome);border-radius:999px;box-shadow:0 6px 18px #00000024}.context-language{align-items:center;gap:calc(9 * var(--u));color:#f4ede2;font-size:max(12.5px, calc(14.5 * var(--u)));border-radius:999px;padding:4px 8px 4px 2px;font-weight:560;display:flex}.context-language svg{opacity:.6;width:13px;height:13px}.language-badge{width:max(22px, calc(26 * var(--u)));height:max(22px, calc(26 * var(--u)));color:#ecc58f;font-size:max(9px, calc(9.5 * var(--u)));letter-spacing:.06em;border:1px solid #e6b06b8c;border-radius:50%;place-items:center;font-weight:650;display:grid}.context-divider{width:1px;height:calc(18 * var(--u));background:var(--hairline-strong)}.context-crumb{align-items:center;gap:calc(8 * var(--u));white-space:nowrap;border-radius:999px;display:inline-flex}.context-crumb>svg:first-child{opacity:.72;width:15px;height:15px}.context-crumb:hover,.context-language:hover{color:#ffe2b8}.lesson-trigger{color:#f4ede2;font-weight:500}.lesson-trigger svg:last-child{opacity:.6;width:12px;height:12px}.language-menu,.lesson-menu{min-width:280px;top:calc(100% + 10px);left:0}.menu-options{gap:6px;display:grid}.menu-options.compact{grid-template-columns:repeat(3,auto)}.menu-options button{text-align:left;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.menu-options button small{color:#c3bdb2;margin-top:2px;font-size:11.5px;display:block}.menu-options button:hover{background:#ffffff0d}.menu-options button[aria-pressed=true]{background:var(--gold-soft);border-color:#e6b06b73}.context-progress{margin-left:auto;margin-top:calc(5 * var(--u));align-items:center;gap:calc(14 * var(--u));height:max(30px, calc(34 * var(--u)));padding:0 calc(16 * var(--u));font-size:max(11.5px, calc(13 * var(--u)));font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#e6dfd3;box-shadow:none;display:flex}.progress-track{align-items:center;gap:calc(22 * var(--u));display:flex;position:relative}.progress-track:before{content:"";background:#ffffff2e;height:1px;position:absolute;top:50%;left:4px;right:4px;transform:translateY(-50%)}.progress-track>i,.progress-track>button{background:#ffffff4d;border-radius:50%;width:8px;height:8px;position:relative}.progress-track>button{cursor:pointer}.progress-track>button:after{content:"";border-radius:50%;position:absolute;inset:-8px}.progress-track>.done{background:#e9e2d6}.progress-track>.current{background:var(--gold);box-shadow:0 0 0 3px #e6b06b38}.context-pill{align-items:center;gap:calc(9 * var(--u));height:max(30px, calc(38 * var(--u)));margin-top:calc(3 * var(--u));padding:0 calc(14 * var(--u));color:#ece5da;font-size:max(12px, calc(13.5 * var(--u)));background:var(--surface-chrome);border:1px solid var(--hairline);-webkit-backdrop-filter:var(--blur-chrome);border-radius:999px;font-weight:500;display:flex}.context-bar>.popover-root:last-child,.context-progress+.popover-root{margin-left:calc(14 * var(--u))}.context-path+.popover-root,.context-bar[data-mode=scenario]>.context-path+.popover-root{margin-left:auto}.tutor-status svg{color:#e9c48a;width:15px;height:15px}.status-dot{background:#d7a35a;border-radius:50%;width:7px;height:7px}.status-dot[data-live=true]{background:var(--success)}.capability-panel{width:min(340px,86vw);top:calc(100% + 10px);right:0}.capability-panel dl{gap:8px;display:grid}.capability-panel dt{font-size:12.5px;font-weight:600}.capability-panel dd{color:#cfc9be;font-size:12.5px;line-height:1.45}.voice-dock{left:50%;bottom:var(--dock-bottom);z-index:25;width:calc(448 * var(--u));min-width:380px;height:var(--dock-h);align-items:center;column-gap:calc(6 * var(--u));padding:0 calc(10 * var(--u));border-radius:999px;grid-template-columns:auto 1fr auto 1fr auto;display:grid;position:fixed;transform:translate(-50%)}.dock-action{align-items:center;gap:calc(9 * var(--u));height:max(40px, calc(48 * var(--u)));padding:0 calc(12 * var(--u));text-align:left;font-size:max(12px, calc(13.5 * var(--u)));white-space:nowrap;border:1px solid #0000;border-radius:999px;line-height:1.15;transition:background .2s,border-color .2s;display:flex}.dock-action>svg{color:#e3d6c2;width:18px;height:18px}.dock-action:hover{background:#ffffff0d}.dock-action b{color:#f4ecdf;font-weight:600;display:block}.dock-action small{color:#c4bcb0;font-size:max(11px, calc(11.5 * var(--u)));display:block}.dock-action[aria-pressed=true]{background:var(--gold-soft);border-color:#e6b06b73}.dock-wave{color:#a88660;opacity:.32;justify-content:center;align-items:center;gap:3px;height:24px;display:flex;overflow:hidden}.dock-wave.mirrored{transform:scaleX(-1)}.dock-wave i{background:currentColor;border-radius:2px;width:2px;max-height:100%;transform:scaleY(.4)}.dock-mic-wrap{place-items:center;display:grid}.dock-mic{width:max(52px, calc(62 * var(--u)));height:max(52px, calc(62 * var(--u)));color:#e8cea6b8;background:radial-gradient(circle at 50% 35%,#38312aeb,#161413f5);border:1px solid #e6b06b61;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff0f,inset 0 -6px 12px #00000040}.dock-mic>svg{width:24px;height:24px}.dock-status{z-index:2;white-space:nowrap;font-size:max(11px, calc(12.5 * var(--u)));letter-spacing:.02em;color:#ddd5c8;text-shadow:0 1px 2px #00000073;background:radial-gradient(farthest-side,#0c0b0a99 55%,#0c0b0a00);padding:3px 20px;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.voice-dock[data-state^=demo] .dock-mic{color:#fff6ea;background:radial-gradient(circle at 50% 35%,#e9a058,#b8632b 72%);border-color:#ffc484cc;box-shadow:0 0 0 5px #e5843a24}.voice-dock[data-state^=demo] .dock-status{color:#f3c89a}.voice-dock[data-state^=demo] .dock-wave{opacity:.85;color:#e09a52}.voice-dock[data-state^=demo] .dock-wave i{animation:.62s ease-in-out infinite alternate dock-wave}@keyframes dock-wave{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.lesson-overlay{z-index:6;pointer-events:none;position:fixed}.lesson-overlay>*{pointer-events:auto}.phrase-stack{z-index:3;left:calc(848 * var(--s));top:calc(172 * var(--s));width:calc(384 * var(--s));align-items:flex-start;gap:calc(10 * var(--s));pointer-events:none;flex-direction:column;display:flex;position:absolute}.phrase-stack>*{pointer-events:auto}.surface-content{background:var(--surface-content);border:1px solid var(--hairline);box-shadow:var(--shadow-content), inset 0 1px 0 #ffffff0d;-webkit-backdrop-filter:blur(22px)saturate(1.15)}.surface-micro{background:var(--surface-micro);border:1px solid var(--hairline);box-shadow:var(--shadow-micro);-webkit-backdrop-filter:blur(14px)saturate(1.1)}.phrase-bubble{gap:calc(14 * var(--s));width:100%;padding:calc(20 * var(--s)) calc(24 * var(--s)) calc(20 * var(--s)) calc(16 * var(--s));border-radius:calc(22 * var(--s));display:flex;position:relative}.phrase-bubble:before{content:"";left:calc(-9 * var(--s));top:calc(60 * var(--s));width:calc(10 * var(--s));height:calc(18 * var(--s));clip-path:polygon(100% 0,0 55%,100% 100%);-webkit-backdrop-filter:blur(22px);background:#1a1919ad;position:absolute}.phrase-replay{width:calc(38 * var(--s));height:calc(38 * var(--s));color:#ecc993;border:1px solid #f1d4ad42;border-radius:50%;flex:none;place-items:center;min-width:32px;min-height:32px;transition:border-color .2s,color .2s;display:grid}.phrase-replay:hover{border-color:#f1d4ad80}.phrase-bubble.replaying .phrase-replay{border-color:var(--gold);color:var(--gold)}.phrase,.translation,.turn p{text-wrap:balance}.phrase{font-size:max(16px, calc(25 * var(--s)));letter-spacing:-.01em;color:#f8f2e9;font-weight:560;line-height:1.22}.phrase mark{color:var(--gold);background:0 0;border-radius:6px;transition:background .3s,box-shadow .3s}.phrase mark.pulse{background:#e6b06b29;box-shadow:0 0 0 3px #e6b06b29}.translation{margin-top:calc(10 * var(--s));font-size:max(13px, calc(18 * var(--s)));color:#d8d1c5;font-weight:380;line-height:1.32}.hint-chip{max-width:100%;margin-left:calc(20 * var(--s))}.hint-chip>button{align-items:center;gap:calc(8 * var(--s));min-height:max(30px, calc(34 * var(--s)));padding:calc(5 * var(--s)) calc(13 * var(--s)) calc(5 * var(--s)) calc(11 * var(--s));color:#ece5da;font-size:max(12px, calc(13.5 * var(--s)));text-align:left;box-shadow:none;border-radius:999px;transition:border-color .2s;display:flex}.hint-chip>button:hover,.hint-chip>button[aria-expanded=true]{border-color:#f1d4ad4d}.hint-chip>button>svg{opacity:.65;width:14px;height:14px}.hint-chip>button>svg:first-child{color:#f0c47c;opacity:1;width:16px;height:16px}.hint-chip>button>span{flex:1}.hint-chip b{color:var(--gold);font-weight:600}.grammar-note{margin-top:calc(8 * var(--s));max-width:calc(384 * var(--s));padding:calc(12 * var(--s)) calc(16 * var(--s));border-radius:calc(14 * var(--s));font-size:max(12px, calc(14 * var(--s)));color:#e7e1d7;line-height:1.5}.clip-chip{margin-left:calc(20 * var(--s))}.clip-chip>button{align-items:center;gap:calc(8 * var(--s));min-height:max(30px, calc(34 * var(--s)));padding:calc(5 * var(--s)) calc(14 * var(--s)) calc(5 * var(--s)) calc(11 * var(--s));color:#ece5da;font-size:max(12px, calc(13.5 * var(--s)));box-shadow:none;border-radius:999px;transition:border-color .2s;display:flex}.clip-chip>button:hover,.clip-chip[data-state=playing]>button{border-color:#f1d4ad5c}.clip-chip>button>svg{color:#f0c47c;width:16px;height:16px}.clip-chip small{color:var(--text-quiet);font-size:max(11px, calc(12 * var(--s)));margin-left:8px}.object-zone{z-index:1;left:calc(800 * var(--s));top:calc(340 * var(--s));width:calc(786 * var(--s));height:calc(470 * var(--s));position:absolute}.webgl-host{position:absolute;inset:0}.webgl-host canvas{cursor:pointer;width:100%;height:100%;display:block}.object-fallback{position:absolute;inset:0}.object-fallback>div{width:24%;transition:transform .25s;position:absolute;bottom:9%;transform:translate(-50%)}.object-fallback[data-count="3"]>div:first-child{left:17%}.object-fallback[data-count="3"]>div:nth-child(2){left:50%}.object-fallback[data-count="3"]>div:nth-child(3){left:83%}.object-fallback[data-count="2"]>div:first-child{left:33%}.object-fallback[data-count="2"]>div:nth-child(2){left:69%}.object-fallback[data-count="1"]>div{left:52%}.object-fallback>div.focused{filter:drop-shadow(0 0 10px #e6b06b47);transform:translate(-50%)translateY(-4%)}.object-labels{pointer-events:none;position:absolute;inset:0}.object-chip{pointer-events:auto;align-items:center;gap:calc(9 * var(--s));height:max(34px, calc(44 * var(--s)));padding:0 calc(16 * var(--s)) 0 calc(5 * var(--s));transform:translate(-50%, calc(-100% - 22 * var(--s)));text-align:left;background:var(--surface-micro);border:1px solid var(--hairline);box-shadow:var(--shadow-micro);-webkit-backdrop-filter:blur(14px)saturate(1.1);white-space:nowrap;border-radius:999px;transition:border-color .2s,background .2s;display:flex;position:absolute}.object-chip:hover{border-color:#f1d4ad4d}.object-chip .chip-icon{width:max(24px, calc(32 * var(--s)));height:max(24px, calc(32 * var(--s)));color:#e3d6c2;border:1px solid #f1d4ad38;border-radius:50%;place-items:center;transition:border-color .2s,color .2s;display:grid}.object-chip .chip-icon svg{width:max(13px, calc(16 * var(--s)));height:max(13px, calc(16 * var(--s)))}.chip-text{line-height:1.18;display:grid}.chip-text>span{font-size:max(12px, calc(14.5 * var(--s)));color:#f4ecdf;font-weight:560}.chip-text>small{font-size:max(11px, calc(12.5 * var(--s)));color:#d2cabd}.chip-stem{width:1px;height:calc(22 * var(--s));background:linear-gradient(#f1d4ad80,#f1d4ad33);position:absolute;top:100%;left:50%}.chip-stem:after{content:"";background:#f1d4adbf;border-radius:50%;width:4px;height:4px;position:absolute;bottom:-2px;left:-1.5px}.object-chip.supplementary .chip-icon{border-style:dashed}.object-chip[aria-pressed=true]{background:#1e19149e;border-color:#e6b06bb3}.object-chip[aria-pressed=true] .chip-icon{color:var(--gold);border-color:#e6b06bcc}.object-chip[aria-pressed=true] .chip-stem{background:linear-gradient(#e6b06bd9,#e6b06b59)}.object-chip[aria-pressed=true] .chip-stem:after{background:var(--gold)}.object-labels:has([aria-pressed=true]) .object-chip:not([aria-pressed=true]){box-shadow:none;background:#11101080}.object-labels:has([aria-pressed=true]) .object-chip:not([aria-pressed=true]) .chip-icon{opacity:.6}.grammar-zone{place-items:center;display:grid}.phrase-diagram{padding:calc(22 * var(--s)) calc(28 * var(--s));border-radius:calc(22 * var(--s));gap:calc(12 * var(--s));margin-top:calc(-40 * var(--s));justify-items:center;display:grid}.diagram-tokens{gap:calc(10 * var(--s));display:flex}.diagram-tokens span{padding:calc(8 * var(--s)) calc(16 * var(--s));border:1px solid var(--hairline-strong);font-size:max(15px, calc(22 * var(--s)));border-radius:999px;font-weight:560}.diagram-tokens span.focus{color:#f2c88c;background:var(--gold-soft);border-color:#e6b06bb3}.diagram-tokens span.pulse{box-shadow:0 0 0 4px #e6b06b2e}.diagram-note{color:#ead9bd;font-size:max(13px, calc(17 * var(--s)));align-items:center;gap:8px;display:flex}.diagram-caption{color:#bdb7ac;font-size:max(11px, calc(13 * var(--s)));letter-spacing:.08em;text-transform:uppercase}.practice-panel{right:calc(28 * var(--u));bottom:calc(26 * var(--u));z-index:26;width:min(calc(460 * var(--u)), 92vw);border-radius:18px;gap:8px;min-width:min(380px,92vw);padding:14px 16px;display:grid;position:fixed}.practice-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.practice-head label{color:#f1e6d4;font-size:13.5px;font-weight:560}.icon-close{color:#ddd5c8;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.practice-row{gap:10px;display:flex}.practice-row input{background:#0a0a0b8c;border:1px solid #f1d4ad42;border-radius:12px;flex:1;min-width:0;height:42px;padding:0 14px;font-size:16px}.practice-row input::placeholder{color:#a9a398}.practice-result{color:#f1d6ac;align-items:center;gap:8px;font-size:14px;display:flex}.practice-result.match{color:#8fd8b2}.practice-source{color:#b9b3a8;font-size:12px}.clip-subtitle{left:50%;bottom:calc(var(--dock-bottom) + var(--dock-h) + 12px);z-index:24;width:max-content;max-width:min(calc(600 * var(--u)), 86vw);text-align:center;border-radius:16px;padding:10px 18px 9px;position:fixed;transform:translate(-50%)}.clip-subtitle p{font-size:max(14px, calc(16.5 * var(--u)));text-wrap:balance;line-height:1.35}.clip-subtitle b{color:var(--gold);margin-right:6px;font-weight:600}.clip-subtitle small{color:var(--text-quiet);margin-top:4px;font-size:11.5px;display:block}.clip-subtitle .clip-meaning{color:var(--text-soft,#d7cfc2);font-size:max(12.5px, calc(14 * var(--u)));margin-top:2px}.scene-transition{right:calc(28 * var(--u));bottom:calc(var(--dock-bottom) + (var(--dock-h) - 36px) / 2 + 48px);z-index:30;color:var(--text);font-size:max(15px, calc(18 * var(--u)));border-radius:18px;align-items:center;gap:12px;padding:14px 22px;animation:.32s both scene-transition-in;display:flex;position:fixed}.scene-transition svg{color:var(--gold)}.scene-transition small{color:var(--text-quiet);font-size:12px;display:block}.lesson-screen[data-leaving=true] .lesson-overlay{opacity:.45;transition:opacity .4s}@keyframes scene-transition-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.scenario-link{right:calc(28 * var(--u));bottom:calc(var(--dock-bottom) + (var(--dock-h) - 36px) / 2);z-index:24;height:36px;font-size:max(12px, calc(13.5 * var(--u)));color:#ece5da;box-shadow:none;border-radius:999px;align-items:center;gap:10px;padding:0 14px;transition:border-color .2s;display:flex;position:fixed}.scenario-link:hover{border-color:#f1d4ad52}.scenario-link svg{opacity:.8;width:14px;height:14px}.scenario-kicker{border-right:1px solid var(--hairline-strong);color:#e6b77a;letter-spacing:.14em;text-transform:uppercase;padding-right:10px;font-size:10.5px;font-weight:600}.setup-screen{position:relative}.language-screen{top:calc(165 * var(--u));right:calc(40 * var(--u));width:calc(722 * var(--u));z-index:8;gap:calc(30 * var(--u));display:grid;position:fixed}.language-screen h1{margin-top:calc(18 * var(--u));font-size:max(30px, calc(50 * var(--u)));letter-spacing:-.01em;font-weight:550;line-height:1.1}.language-screen .intro{margin-top:calc(22 * var(--u));max-width:calc(560 * var(--u))}.language-cards{gap:calc(26 * var(--u));grid-template-columns:1fr 1fr;display:grid}.language-card{height:calc(214 * var(--u));border-radius:calc(24 * var(--u));min-height:150px;padding:calc(28 * var(--u));text-align:left;grid-template-rows:auto 1fr auto auto;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid;position:relative;overflow:hidden}.language-card .card-art{color:#f1d4ad3d;pointer-events:none;width:70%;height:78%;position:absolute;top:0;right:-2%}.language-card:hover{border-color:#e6b06b8c}.language-card.selected{border:2px solid #f0c078f2;box-shadow:0 0 32px #e6b06b4d,inset 0 0 40px #e6b06b14}.language-monogram{width:max(48px, calc(78 * var(--u)));height:max(48px, calc(78 * var(--u)));color:#23170c;font-weight:750;font-size:max(16px, calc(26 * var(--u)));letter-spacing:.04em;background:radial-gradient(circle at 35% 30%,#f6d6a3,#c98a43 75%);border-radius:50%;place-items:center;display:grid;box-shadow:0 6px 20px #c98a4359}.language-monogram.small{width:max(28px, calc(40 * var(--u)));height:max(28px, calc(40 * var(--u)));font-size:max(10px, calc(13 * var(--u)))}.language-name{font-size:max(20px, calc(28 * var(--u)));grid-row:3;font-weight:650}.language-tagline{font-size:max(12px, calc(17 * var(--u)));color:#ded8cd;grid-row:4;margin-top:6px}.card-arrow{right:calc(26 * var(--u));bottom:calc(28 * var(--u));width:max(30px, calc(40 * var(--u)));height:max(30px, calc(40 * var(--u)));color:#f6e5c9;border:1.5px solid #f1d4adbf;border-radius:50%;place-items:center;display:grid;position:absolute}.card-arrow.large{width:max(46px, calc(66 * var(--u)));height:max(46px, calc(66 * var(--u)));background:#0e0c0b66;border-width:2px}.explain-block h2{font-size:max(15px, calc(21 * var(--u)));font-weight:600}.explain-block>p{color:#cfc9be;font-size:max(12px, calc(16 * var(--u)));margin-top:6px}.explain-options{margin-top:calc(22 * var(--u));gap:calc(22 * var(--u));grid-template-columns:repeat(3,1fr);display:grid}.explain-chip{align-items:center;gap:calc(14 * var(--u));height:calc(72 * var(--u));min-height:52px;padding:0 calc(20 * var(--u));border-radius:calc(16 * var(--u));text-align:left;font-size:max(12px, calc(17 * var(--u)));display:flex}.explain-chip b{font-weight:600;display:block}.explain-chip small{color:#cfc9be;font-size:max(11px, calc(14 * var(--u)));display:block}.explain-chip.selected{border:2px solid #f0c078f2;box-shadow:0 0 22px #e6b06b40}.setup-footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.step-dots{align-items:center;gap:7px;display:flex}.step-dots>span{background:#ffffff38;border-radius:2px;width:22px;height:3px}.step-dots>span.done{background:var(--gold)}.step-dots small{color:#c9c3b8;font-size:max(11px, calc(13 * var(--u)));letter-spacing:.06em;margin-left:8px}.tutor-screen{inset:0 0 0 calc(118 * var(--u));z-index:8;pointer-events:none;position:fixed}.tutor-screen>*{pointer-events:auto}.tutor-heading{left:calc(94 * var(--u));top:calc(122 * var(--u));align-items:flex-start;gap:calc(18 * var(--u));display:flex;position:absolute}.heading-icon{width:max(46px, calc(64 * var(--u)));height:max(46px, calc(64 * var(--u)));color:#f3dcb6;background:#14121059;border:1.5px solid #f1d4ad8c;border-radius:50%;flex:none;place-items:center;display:grid}.tutor-heading h1,.style-heading h1{font-size:max(28px, calc(44 * var(--u)));font-weight:600;line-height:1.08}.tutor-heading .intro{margin-top:calc(10 * var(--u));max-width:calc(600 * var(--u))}.tutor-cards{left:50%;top:calc(248 * var(--u));grid-template-columns:repeat(2, calc(528 * var(--u)));gap:calc(22 * var(--u));display:grid;position:absolute;transform:translate(-50%)}.tutor-card{height:calc(535 * var(--u));border-radius:calc(26 * var(--u));isolation:isolate;text-align:left;border:1.5px solid #f1d4ad4d;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 24px 60px #0006}.tutor-card-backdrop{filter:blur(4px)brightness(.85)saturate(1.05);z-index:-2;background-size:260%;position:absolute;inset:-4%}.tutor-card-portrait{z-index:-1;-webkit-user-select:none;user-select:none;max-width:none;position:absolute}.tutor-card-shade{z-index:-1;background:linear-gradient(0deg,#0c0a09eb 0,#0c0a098c 28%,#0000 52%),linear-gradient(#0c0a0959,#0000 22%);position:absolute;inset:0}.tutor-card:hover{border-color:#f0c078b3}.tutor-card.selected{border:2px solid #f4c47cfa;box-shadow:0 0 0 1px #e6b06b66,0 0 46px #e6b06b52,0 24px 60px #00000073}.card-chip{left:calc(20 * var(--u));top:calc(20 * var(--u));padding:calc(8 * var(--u)) calc(16 * var(--u));font-size:max(11px, calc(13 * var(--u)));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f1e8da;background:#100f0f9e;border:1px solid #f1d4ad47;border-radius:999px;align-items:center;gap:10px;line-height:1.25;display:flex;position:absolute}.card-chip svg{color:var(--gold)}.tutor-card-body{left:calc(28 * var(--u));right:calc(110 * var(--u));bottom:calc(26 * var(--u));gap:calc(8 * var(--u));display:grid;position:absolute}.tutor-name{font-size:max(26px, calc(38 * var(--u)));font-weight:650}.tutor-meta{font-size:max(11px, calc(14 * var(--u)));color:#ddd6ca}.tutor-tags{gap:calc(8 * var(--u));margin-top:calc(6 * var(--u));flex-wrap:wrap;display:flex}.tutor-tags span{padding:calc(7 * var(--u)) calc(16 * var(--u));font-size:max(11px, calc(14 * var(--u)));background:#0e0c0b73;border:1px solid #f1d4ad6b;border-radius:999px}.tutor-card .card-arrow{right:calc(26 * var(--u));bottom:calc(30 * var(--u))}.tutor-foot{left:50%;top:calc(806 * var(--u));width:calc(1078 * var(--u));align-items:center;gap:calc(28 * var(--u));grid-template-columns:1fr auto;display:grid;position:absolute;transform:translate(-50%)}.info-pill{align-items:center;gap:calc(16 * var(--u));padding:calc(16 * var(--u)) calc(26 * var(--u));font-size:max(12px, calc(15 * var(--u)));color:#ddd6ca;border-radius:999px;line-height:1.35;display:flex}.info-pill svg{color:var(--gold)}.info-pill b{color:var(--gold);font-size:max(13px, calc(17 * var(--u)));font-weight:600;display:block}.tutor-foot .setup-footer{gap:calc(22 * var(--u))}.style-screen{top:calc(200 * var(--u));right:calc(46 * var(--u));width:calc(800 * var(--u));z-index:8;gap:calc(24 * var(--u));display:grid;position:fixed}.style-heading{align-items:flex-start;gap:calc(18 * var(--u));margin-left:calc(4 * var(--u));display:flex}.style-heading .heading-icon{width:max(52px, calc(72 * var(--u)));height:max(52px, calc(72 * var(--u)))}.style-heading .intro{margin-top:calc(10 * var(--u));max-width:calc(520 * var(--u))}.style-cards{gap:calc(16 * var(--u));grid-template-columns:repeat(3,1fr);display:grid}.style-card{min-height:calc(330 * var(--u));border-radius:calc(24 * var(--u));padding:calc(24 * var(--u)) calc(22 * var(--u));align-content:start;justify-items:center;gap:calc(14 * var(--u));text-align:center;transition:border-color .2s,box-shadow .2s;display:grid}.style-card:hover{border-color:#e6b06b99}.style-card.selected{background:linear-gradient(#503a229e,#241c14b3);border:2px solid #f4c47cfa;box-shadow:0 0 40px #e6b06b47,inset 0 0 50px #e6b06b1a}.style-icon{width:max(52px, calc(76 * var(--u)));height:max(52px, calc(76 * var(--u)));color:#f2e1c4;border:1.5px solid #f1d4ad73;border-radius:50%;place-items:center;display:grid}.style-card.selected .style-icon{color:var(--gold);border-color:var(--gold)}.style-name{font-size:max(14px, calc(19.5 * var(--u)));white-space:nowrap;font-weight:650}.style-card.selected .style-name{color:var(--gold)}.style-description{font-size:max(12px, calc(17 * var(--u)));color:#ddd7cc;line-height:1.42}.style-select{width:82%;height:max(34px, calc(44 * var(--u)));font-size:max(12px, calc(16 * var(--u)));border:1.5px solid #f1d4ad80;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-top:auto;font-weight:500;display:inline-flex}.style-card.selected .style-select{border-color:var(--gold);color:#fff3df;background:#e6b06b29}.setup-bar{gap:calc(14 * var(--u));padding:calc(16 * var(--u)) calc(22 * var(--u));border-radius:calc(22 * var(--u));display:grid}.level-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.level-row strong{font-size:max(13px, calc(17 * var(--u)));font-weight:600;display:block}.level-row span{color:#c9c3b8;font-size:max(11px, calc(14 * var(--u)));display:block}.segmented{border:1px solid var(--line-soft);background:#100f0f8c;border-radius:14px;gap:4px;padding:4px;display:flex}.segmented button{font-size:max(12px, calc(15 * var(--u)));color:#e2dbcf;white-space:nowrap;border-radius:10px;padding:8px 16px}.segmented button span{font-size:max(10px, calc(12 * var(--u)));color:#bdb6aa;display:block}.segmented button[aria-pressed=true]{background:var(--gold-soft);color:#ffe0b0;box-shadow:inset 0 0 0 1px #e6b06b8c}.style-screen .setup-footer{padding-top:calc(12 * var(--u));border-top:1px solid var(--line-soft)}.style-sample{left:calc(170 * var(--u));bottom:calc(56 * var(--u));padding:calc(16 * var(--u)) calc(28 * var(--u));font-size:max(12px, calc(16 * var(--u)));color:#eee5d6;max-width:calc(560 * var(--u));border-radius:999px;align-items:center;gap:14px;display:flex;position:fixed}.style-sample svg{color:var(--gold)}.style-sample small{color:#bdb6aa;font-size:max(10px, calc(12 * var(--u)));letter-spacing:.08em;text-transform:uppercase;display:block}.scenario-stage{z-index:1;--scene-s:max(calc(100vw / var(--scene-w)), calc(100vh / var(--scene-h)));background:#0d1015}.scene-box{width:calc(var(--scene-w) * var(--scene-s));height:calc(var(--scene-h) * var(--scene-s));position:absolute;top:50%;transform:translateY(-50%)}.scene-box[data-anchor=right]{right:0}.scene-box[data-anchor=left]{left:0}.scene-plate,.scene-occluder,.scene-grounding{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.scene-occluder,.scene-grounding{-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.scene-occluder{background-repeat:no-repeat;background-size:100% 100%}.scene-grounding{background:radial-gradient(ellipse calc(var(--ground-w) / 2) 2.6% at var(--ground-x) var(--ground-y), #1a0f0857, transparent 75%)}.scene-grounding[data-light=left]{opacity:.6}.scene-grade{pointer-events:none;background:linear-gradient(90deg,#0c0a0975 0,#0c0a0914 10%,#0000 22% 54%,#0c0a094d 80%,#0c0a0966),linear-gradient(#0000 78%,#0c0a0952),linear-gradient(#0c0a094d,#0000 15%);position:absolute;inset:0}.scene-grade[data-light=left]{background:linear-gradient(90deg,#0c0a096b 0,#0c0a091f 12%,#0c0a0947 30%,#0c0a0938 50%,#0000 62%),linear-gradient(#0000 78%,#0c0a094d),linear-gradient(#0c0a094d,#0000 15%)}.scene-fallback{color:var(--text-quiet);font-size:14px;position:absolute;top:40%;left:50%;transform:translate(-50%)}.actor-presenter{pointer-events:none;position:absolute;inset:0}.actor-presenter:not([data-occlusion=ready]){visibility:hidden}.actor-pose{opacity:0;position:absolute}.actor-pose.ready{opacity:1}.actor-pose.pose-current.ready{animation:.36s both pose-in}.actor-pose img{width:100%;height:100%;filter:var(--actor-grade);display:block;position:absolute;inset:0}.actor-pose .actor-key{filter:var(--actor-grade) brightness(1.16) sepia(.32) saturate(1.18)}.actor-pose .actor-shade{filter:var(--actor-grade) brightness(.62) saturate(.92)}.actor-presenter[data-light=right] .actor-key{-webkit-mask-image:linear-gradient(100deg,#0000 54%,#00000080 80%,#000c);mask-image:linear-gradient(100deg,#0000 54%,#00000080 80%,#000c)}.actor-presenter[data-light=right] .actor-shade{-webkit-mask-image:linear-gradient(0deg,#000000b3 0,#0000 26%),linear-gradient(100deg,#0000006b 6%,#0000 40%);mask-image:linear-gradient(0deg,#000000b3 0,#0000 26%),linear-gradient(100deg,#0000006b 6%,#0000 40%)}.actor-presenter[data-light=left] .actor-key{-webkit-mask-image:linear-gradient(260deg,#0000 58%,#0000006b 86%,#0009);mask-image:linear-gradient(260deg,#0000 58%,#0000006b 86%,#0009)}.actor-presenter[data-light=left] .actor-shade{-webkit-mask-image:linear-gradient(0deg,#0009 0,#0000 26%),linear-gradient(260deg,#0000004d 6%,#0000 40%);mask-image:linear-gradient(0deg,#0009 0,#0000 26%),linear-gradient(260deg,#0000004d 6%,#0000 40%)}.actor-pose.actor-live .presence-stack>img,.actor-pose.actor-live .presence-stack>video{object-fit:fill;filter:none;width:100%;max-width:none;height:100%;position:absolute;inset:0}.actor-pose.actor-live .presence-stack>video{-webkit-mask-image:var(--presence-mask);mask-image:var(--presence-mask);-webkit-mask-image:var(--presence-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.conversation-screen{z-index:8;pointer-events:none;--dialogue-left:max(calc(870 * var(--u)), calc(100vw - 716 * var(--s)));position:fixed;inset:0}.conversation-screen>*{pointer-events:auto}.guidance-inset{left:calc(142 * var(--u));top:calc(130 * var(--u));width:calc(262 * var(--u));border-radius:calc(22 * var(--u));display:grid;position:absolute;overflow:hidden}.inset-portrait{height:calc(210 * var(--u));background:linear-gradient(#3a3029,#1f1a16);position:relative;overflow:hidden}.inset-portrait img{max-width:none;position:absolute}.inset-mark{width:34px;height:34px;color:var(--gold);background:#14121099;border:1px solid #f1d4ad66;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.guidance-inset p{padding:calc(14 * var(--u)) calc(16 * var(--u)) calc(8 * var(--u));font-size:max(12px, calc(16 * var(--u)));gap:10px;line-height:1.35;display:flex}.guidance-inset p svg{color:var(--gold);margin-top:2px}.guidance-inset .text-button{margin:0 calc(16 * var(--u)) calc(14 * var(--u));justify-self:start}.inset-actions{margin:0 calc(16 * var(--u)) calc(14 * var(--u));flex-wrap:wrap;align-items:center;gap:4px 18px;display:flex}.guidance-inset .inset-actions .text-button{align-items:center;gap:6px;margin:0;display:inline-flex}.presence-panel,.presence-host,.presence-stack{position:absolute;inset:0}.presence-panel{transition:opacity .24s}.presence-panel[data-render=loading]{opacity:0}.inset-portrait .presence-stack>img,.presence-stack>video{object-fit:cover;object-position:50% 30%;width:100%;max-width:none;height:100%;position:absolute;inset:0}.presence-badge{color:#eee4d3;background:#141210a8;border:1px solid #f1d4ad4d;border-radius:999px;padding:3px 9px;font-size:11px;line-height:1.3;position:absolute;bottom:10px;left:10px}.speaker-tag{left:calc(var(--dialogue-left) + 14 * var(--u));top:calc(196 * var(--u));padding:calc(10 * var(--u)) calc(18 * var(--u));border-radius:calc(14 * var(--u)) calc(14 * var(--u)) calc(4 * var(--u)) calc(14 * var(--u));font-size:max(12px, calc(16 * var(--u)));align-items:center;gap:12px;display:flex;position:absolute}.speaker-tag small{color:#c4bdb1;font-size:max(10px, calc(12 * var(--u)));display:block}.dialogue-column{left:var(--dialogue-left);right:calc(56 * var(--u));top:calc(262 * var(--u));bottom:calc(232 * var(--u));grid-template-rows:auto 1fr auto;gap:10px;display:grid;position:absolute}.dialogue-tools{background:var(--surface-chrome);-webkit-backdrop-filter:var(--blur-chrome);border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:4px 6px 4px 12px;display:flex}.turn-state{font-size:max(11px, calc(14 * var(--u)));color:#f2d39f;letter-spacing:.04em}.dialogue-log{gap:calc(14 * var(--u));scrollbar-width:thin;scrollbar-color:#f1d4ad4d transparent;flex-direction:column;padding:4px 6px 4px 2px;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 28px);mask-image:linear-gradient(#0000 0,#000 28px)}.turn{border-radius:calc(22 * var(--u));padding:calc(18 * var(--u)) calc(24 * var(--u));max-width:calc(430 * var(--u))}.turn-speaker{font-size:max(11px, calc(14 * var(--u)));color:#e8c48d;align-items:center;gap:8px;margin-bottom:6px;display:flex}.turn-speaker small{color:#b9b2a6;margin-left:4px}.turn p{font-size:max(14px, calc(21 * var(--u)));font-weight:550;line-height:1.3}.turn .turn-translation{font-size:max(12px, calc(17 * var(--u)));color:#d3cec5;margin-top:8px;font-weight:350}.actor-turn.past{opacity:.72}.actor-turn.current{border-color:#f1d4ad73}.learner-turn{background:linear-gradient(#302e32c7,#1c1c20cc);align-self:flex-end}.tutor-turn{border-color:#e6b06b73;align-items:center;gap:14px;display:flex}.tutor-turn p{font-size:max(13px, calc(18 * var(--u)))}.tutor-turn.keyword-check p{color:#f6ddb2}.turn-basis{color:#b5aea2;font-size:max(10px, calc(12 * var(--u)));margin-top:6px;display:block}.tutor-avatar{background:#3a3029;border:2px solid #e6b06bb3;border-radius:50%;flex:none;position:relative;overflow:hidden}.tutor-avatar img{max-width:none;position:absolute}.reply-panel{left:var(--dialogue-left);right:calc(56 * var(--u));width:auto;min-width:0;bottom:calc(var(--dock-bottom) + var(--dock-h) + 16px);transform:none}@media (min-width:1100px) and (min-height:561px){.conversation-screen:has(.reply-panel) .dialogue-column{bottom:calc(var(--dock-bottom) + var(--dock-h) + 150px)}.conversation-screen[data-scenario=cafe]{--cafe-s:max(calc(100vw / 1672), calc(100vh / 941));--dialogue-left:calc(360 * var(--cafe-s));--dialogue-width:calc(500 * var(--cafe-s))}.conversation-screen[data-scenario=cafe] .dialogue-column,.conversation-screen[data-scenario=cafe] .reply-panel{width:var(--dialogue-width);right:auto}.conversation-screen[data-scenario=cafe] .guidance-inset{left:var(--dialogue-left);top:calc(96 * var(--u));width:var(--dialogue-width)}}.guidance-inset[data-variant=compact]{grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:10px 16px 10px 10px}.guidance-inset[data-variant=compact] p{padding:0}.guidance-inset[data-variant=compact] .inset-actions{margin:4px 0 0 28px}.scenario-next{justify-content:flex-end;align-items:center;gap:18px;padding-top:4px;display:flex}.scenario-next .primary-button{align-items:center;gap:8px;display:inline-flex}.end-confirm{left:50%;bottom:calc(var(--dock-bottom) + var(--dock-h) + 16px);z-index:27;border-radius:20px;gap:12px;padding:18px 22px;font-size:15px;display:grid;position:fixed;transform:translate(-50%)}.end-confirm>div{justify-content:flex-end;align-items:center;gap:16px;display:flex}.page-screen{z-index:8;padding:calc(120 * var(--u)) calc(60 * var(--u)) 60px;justify-items:center;display:grid;position:relative}.page-panel{width:min(calc(1040 * var(--u)), 100%);min-width:min(640px,100%);padding:calc(40 * var(--u)) calc(44 * var(--u));border-radius:28px;gap:18px;display:grid}.page-panel h1{font-size:max(28px, calc(42 * var(--u)));font-weight:600}.page-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:6px;display:grid}.page-card{border:1px solid var(--line-soft);background:#ffffff08;border-radius:20px;align-content:start;gap:10px;padding:20px;font-size:15px;line-height:1.45;display:grid}.page-card h2{align-items:center;gap:8px;font-size:17px;font-weight:600;display:flex}.page-card h2 svg{color:var(--gold)}.page-card ul{color:#ddd6ca;gap:6px;padding-left:18px;display:grid}.page-card small{color:#b9b3a8;font-size:13px}.page-card.muted{opacity:.85}.lesson-card.current{border-color:#e6b06b99}.lesson-card .primary-button{justify-self:start;margin-top:6px}.lesson-objects{color:#cfc9be;font-size:14px}.profile-list{gap:4px;display:grid}.profile-list>div{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(150px,1fr) 2fr;align-items:center;gap:16px;padding:14px 4px;font-size:16px;display:grid}.profile-list dt{color:#c9c3b8}.profile-list dd{justify-content:space-between;align-items:center;gap:16px;display:flex}.profile-list dd.segmented{justify-content:flex-start;justify-self:start}.profile-list a{color:#ecc58f;font-size:14px}.reset-confirm{flex-wrap:wrap;align-items:center;gap:16px;font-size:15px;display:flex}@media (max-width:1099px),(max-height:560px){:root{--u:.82px;--rail-w:72px}.app-rail{min-width:72px}.brand-name{display:none}.app-rail nav{gap:6px;margin-top:16px}.app-rail nav a{width:60px;height:58px;min-height:0;font-size:10px}.rail-bottom{margin-bottom:12px}.context-bar{flex-wrap:wrap;padding:14px 16px 0;position:relative;top:0;left:0;right:0}.context-path{flex-wrap:wrap;row-gap:4px;height:auto;min-height:40px;padding:6px 14px 6px 8px}.context-progress,.context-path+.popover-root,.context-progress+.popover-root,.context-bar[data-mode=scenario]>.context-path+.popover-root{margin-left:0}.studio-stage .tutor-presenter[data-visible=true]{opacity:.35}.studio-grade{background:#0c0a099e!important}.main-stage{padding:18px 16px 24px}.language-screen,.style-screen,.tutor-screen,.conversation-screen{pointer-events:auto;width:auto;position:relative;inset:auto}.tutor-heading,.tutor-cards,.tutor-foot{position:relative;top:auto;left:auto;transform:none}.tutor-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:18px}.tutor-card{height:340px}.tutor-foot{grid-template-columns:1fr;width:auto;margin-top:16px}.language-cards,.explain-options,.style-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.style-sample,.scenario-link{max-width:none;margin-top:14px;position:relative;bottom:auto;left:auto;right:auto;transform:none}.lesson-overlay{gap:14px;width:auto;height:auto;display:grid;position:relative;top:auto;left:auto;right:auto;transform:none}.phrase-stack,.object-zone{width:auto;position:relative;top:auto;left:auto}.hint-chip{margin-left:0}.phrase-bubble:before{display:none}.object-zone{height:340px}.object-chip{height:46px}.voice-dock,.practice-panel,.end-confirm{margin:16px auto 0;position:relative;bottom:auto;left:auto;transform:none}.voice-dock{width:min(100%,460px);min-width:0;margin-bottom:30px}.practice-panel,.reply-panel{width:min(100%,600px);right:auto}.guidance-inset,.speaker-tag,.dialogue-column{width:auto;margin-top:12px;position:relative;inset:auto}.guidance-inset{max-width:340px}.dialogue-log{max-height:360px}.turn{max-width:none}.page-screen{padding:16px}.demo-disclosure{padding:0 16px 18px;position:relative;bottom:auto;left:auto}.clip-subtitle{margin:12px auto 0;position:relative;bottom:auto;left:auto;transform:none}}@media (max-width:520px){:root{--rail-w:60px}.app-rail{min-width:60px}.app-rail nav a{width:52px}.voice-dock{grid-template-columns:auto auto auto;justify-content:center;column-gap:10px;min-width:0}.dock-wave{display:none}}@media (forced-colors:active){.progress-track>i,.progress-track>button,.status-dot{border:1px solid canvastext}.progress-track>.done,.progress-track>.current,.app-rail nav a.active:before{forced-color-adjust:none;background:canvastext}.progress-track>.current{background:highlight}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}