:root{--color-violet:#6556d9;--color-violet-hover:#5142bf;--color-violet-soft:#eeeafb;--color-chalk:#f7f6fa;--color-ink:#252238;--color-lilac:#ddd7f6;--color-butter:#f0e9af;--color-white:#fff;--color-text-secondary:#686277;--color-border:#e5e1ef;--color-success:#08796c;--color-success-soft:#eaf6f1;--color-warning:#805f17;--color-warning-soft:#fff6d8;--color-danger:#b6384c;--color-danger-soft:#fff0f1;--font-sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;--font-display:var(--font-sans);--radius-xs:8px;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:32px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--touch-min:44px;--phone-width:390px;--page-padding:20px;--shadow-soft:0 8px 28px #2d224d0b;--shadow-card:0 16px 48px #2d224d12;--motion-fast:.16s;--motion-base:.24s;--motion-slow:.42s}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-base:0s;--motion-slow:0s}}
*{box-sizing:border-box}html{font-family:var(--font-sans);color:var(--color-ink);background:#f0edf5}body{margin:0;font-size:15px;line-height:1.55}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--color-violet);outline-offset:3px}button{color:inherit}img{max-width:100%;display:block}button svg,a svg{flex-shrink:0}svg.icon{vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;display:inline-block}.workbench{grid-template-columns:238px minmax(400px,1fr) 270px;min-height:100vh;display:grid}.side-nav{background:#ffffffa3;border-right:1px solid #e4dfec;height:100vh;padding:28px 18px;position:sticky;top:0;overflow:auto}.side-nav .brand{width:135px;margin:0 12px 22px}.eyebrow{letter-spacing:.13em;text-transform:uppercase;color:var(--color-text-secondary);margin:0 0 9px;font-size:11px;font-weight:750}.side-nav .eyebrow{padding:0 12px}.side-nav a.route{border-radius:12px;align-items:center;gap:10px;min-height:44px;margin:2px 0;padding:10px 12px;font-size:12px;text-decoration:none;display:flex}.side-nav a.route span{color:var(--color-text-secondary);flex-shrink:0;width:18px;font-size:10px}.side-nav a.route.active{color:#5142bf;background:#e8e2fa;font-weight:700}.back-to-start{align-items:center;gap:9px;min-height:44px;margin-top:22px;font-size:12px;text-decoration:none;display:flex}.stage{background:radial-gradient(at 40% 10%,#f9f6ff 0%,#0000 55%);flex-direction:column;align-items:center;min-width:0;padding:28px 16px 36px;display:flex}.stage-top{justify-content:space-between;align-items:center;gap:12px;width:390px;max-width:100%;margin-bottom:20px;display:flex}.segmented{background:#f8f6fb;border:1px solid #dad3e7;border-radius:999px;gap:2px;padding:4px;display:flex}.segmented button{background:0 0;border:0;border-radius:99px;min-height:36px;padding:7px 17px;font-size:12px}.segmented .selected{background:var(--color-ink);color:#fff;box-shadow:0 3px 8px #25223813}.lang-switch{background:#f8f6fb;border:1px solid #dad3e7;border-radius:999px;min-height:44px;padding:7px 13px;font-size:12px}.phone{background:var(--color-chalk);isolation:isolate;border:7px solid #282632;border-radius:48px;flex-direction:column;width:390px;max-width:100%;height:844px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #3930421c,0 2px 4px #39304220}.phone.mobile-web{border-radius:40px}.device-status{flex-shrink:0;justify-content:space-between;align-items:center;height:31px;padding:9px 22px 0;font-size:11px;font-weight:700;display:flex}.device-status .island{background:#282632;border-radius:0 0 15px 15px;width:92px;height:22px;position:absolute;top:0;left:50%;transform:translate(-50%)}.device-icons{align-items:center;gap:4px;display:flex}.device-icons svg{width:14px;height:12px}.web-address{height:41px;color:var(--color-text-secondary);background:#ede9f2;flex-shrink:0;justify-content:center;align-items:center;gap:7px;font-size:10px;display:flex}.phone-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:14px 18px 8px;display:flex}.phone-header .brand{object-fit:contain;object-position:left;width:100px;height:34px}.header-right{align-items:center;gap:5px;display:flex}.icon-btn{border:1px solid var(--color-border);background:var(--color-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.icon-btn.flat{background:0 0;border-color:#0000}.header-title{font-size:14px;font-weight:650}.demo-ribbon{color:#72667f;align-items:center;gap:5px;min-height:18px;margin:0 20px 4px;font-size:10px;display:flex}.demo-ribbon:before{content:"";background:#8c7bc9;border-radius:50%;width:5px;height:5px}.screen-content{scrollbar-width:none;overscroll-behavior:contain;flex:1;min-height:0;padding:14px 20px 24px;overflow:hidden auto}.screen-content::-webkit-scrollbar{display:none}.screen-content h1{letter-spacing:-1.05px;margin:0 0 11px;font-size:28px;font-weight:720;line-height:1.18}.screen-content h2{letter-spacing:-.5px;margin:0 0 10px;font-size:19px;line-height:1.28}.screen-content h3{margin:0 0 5px;font-size:15px;line-height:1.4}.screen-content p{margin:0 0 16px}.muted{color:var(--color-text-secondary)}.lead{color:var(--color-text-secondary);font-size:14px;line-height:1.6}.small{font-size:12px;line-height:1.5}.tiny{font-size:11px;line-height:1.5}.center{text-align:center}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.gap-8{gap:8px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.section-head{justify-content:space-between;align-items:center;gap:10px;margin:22px 0 12px;display:flex}.section-head h2{margin:0;font-size:18px}.section-head .text-btn{padding:0;font-size:12px}.tag{background:var(--color-violet-soft);color:#594ac3;border-radius:999px;align-items:center;gap:5px;max-width:100%;padding:5px 9px;font-size:11px;font-weight:650;line-height:1.4;display:inline-flex}.tag.neutral{color:var(--color-text-secondary);background:#f0edf4}.tag.success{color:var(--color-success);background:var(--color-success-soft)}.tag.warning{color:var(--color-warning);background:var(--color-warning-soft)}.tag svg{width:13px;height:13px}.btn{background:var(--color-violet);color:#fff;min-height:50px;transition:background var(--motion-fast),transform var(--motion-fast);border:0;border-radius:16px;justify-content:center;align-items:center;gap:9px;padding:12px 18px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--color-violet-hover)}.btn:active:not(:disabled){transform:translateY(1px)}.btn.secondary{background:var(--color-white);color:var(--color-ink);border:1px solid var(--color-border)}.btn.secondary:hover:not(:disabled){background:#f0edf6}.btn.tonal{background:var(--color-violet-soft);color:#5142bf}.btn.danger{background:var(--color-danger)}.btn.full{width:100%}.btn.slim{min-height:44px;padding:10px 14px;font-size:12px}.text-btn{color:#594ac3;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;min-width:44px;min-height:44px;padding:8px 4px;font-size:13px;text-decoration:none;display:inline-flex}.text-btn.danger{color:var(--color-danger)}.bottom-action{background:linear-gradient(0deg,var(--color-chalk) 88%,#f7f6fa00);border-top:1px solid #e9e4f040;flex-shrink:0;padding:13px 20px 18px}.bottom-action p{color:var(--color-text-secondary);margin:0 0 8px;font-size:11px}.bottom-action .text-btn{width:100%;margin-bottom:-8px}.bottom-nav{border-top:1px solid var(--color-border);background:#fbfafd;flex-shrink:0;justify-content:space-around;gap:0;padding:8px 4px 15px;display:flex}.bottom-nav button{min-width:44px;min-height:48px;color:var(--color-text-secondary);background:0 0;border:0;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:5px 2px;font-size:10px;line-height:1.3;display:flex}.bottom-nav button.active{color:#594ac3;background:#eeeafb;font-weight:700}.bottom-nav svg{width:20px;height:20px}.card{border:1px solid var(--color-border);box-shadow:var(--shadow-soft);background:#fff;border-radius:22px;padding:18px}.card.tonal{background:var(--color-violet-soft);box-shadow:none;border-color:#e7e0f9}.card.butter{box-shadow:none;background:#faf7e2;border-color:#eee5bf}.card.soft{box-shadow:none;background:#fbfafd}.card.clickable{text-align:left;cursor:pointer;width:100%}.card.clickable:hover{border-color:#bdb0ed}.line{background:var(--color-border);height:1px;margin:16px 0}.hero-art{justify-content:center;align-items:center;min-height:234px;margin:6px -6px 8px;display:flex;position:relative}.hero-art:before{content:"";z-index:-1;background:radial-gradient(circle,#e3dafa66,#0000 70%);border-radius:50%;width:235px;height:235px;position:absolute}.hero-art img{object-fit:contain;width:auto;height:236px;animation:float var(--persona-motion,3.8s) ease-in-out infinite;transform-origin:50%}.hero-art.small-art{min-height:145px;margin:0}.hero-art.small-art img{height:145px}.hero-art .float-note{max-width:103px;box-shadow:var(--shadow-soft);background:#ffffffda;border:1px solid #fff;border-radius:13px;padding:8px 12px;font-size:10px;line-height:1.6;position:absolute;top:12px;right:7px}.hero-art .float-sound{color:#87792e;background:#faf7e2;border-radius:16px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;position:absolute;bottom:20px;left:14px;transform:rotate(-8deg)}.welcome-title{letter-spacing:-1.7px!important;font-size:36px!important;line-height:1.1!important}.onboarding-dots{justify-content:center;gap:7px;margin:18px 0 12px;display:flex}.onboarding-dots button{background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.onboarding-dots button:after{content:"";background:#ddd6ed;border-radius:99px;width:7px;height:7px}.onboarding-dots button.active:after{background:#6556d9;width:24px}.benefit-row{align-items:center;gap:10px;margin-top:12px;font-size:12px;display:flex}.mini-icon{background:var(--color-violet-soft);color:#6556d9;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mini-icon svg{width:16px;height:16px}.trust-line{color:var(--color-text-secondary);align-items:flex-start;gap:8px;margin-top:14px;font-size:11px;line-height:1.5;display:flex}.trust-line svg{flex-shrink:0;width:15px;height:15px}.fields{flex-direction:column;gap:15px;display:flex}.field{flex-direction:column;gap:7px;font-size:12px;font-weight:650;display:flex}.field input,.field textarea,.field select{width:100%;min-height:50px;color:var(--color-ink);background:#fff;border:1px solid #d9d3e4;border-radius:13px;padding:13px 14px;font-size:14px;font-weight:400}.field textarea{resize:vertical;min-height:106px}.field input::placeholder,.field textarea::placeholder{color:#80788d}.field .hint{color:var(--color-text-secondary);font-size:11px;font-weight:400}.field-error{color:var(--color-danger);min-height:18px;margin-top:7px;font-size:12px}.field input[aria-invalid=true]{border-color:var(--color-danger)}.two-col{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tabs{border:1px solid var(--color-border);background:#f1edf7;border-radius:14px;gap:5px;margin-bottom:18px;padding:4px;display:flex}.tabs button{background:0 0;border:0;border-radius:10px;flex:1;min-height:42px;font-size:12px}.tabs button.active{background:#fff;font-weight:650;box-shadow:0 2px 4px #25223808}.divider-label{color:var(--color-text-secondary);align-items:center;gap:14px;margin:17px 0;font-size:11px;display:flex}.divider-label:before,.divider-label:after{content:"";background:var(--color-border);flex:1;height:1px}.chip-group{flex-wrap:wrap;gap:8px;display:flex}.chip{background:#fff;border:1px solid #dcd5e8;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:10px 13px;font-size:12px;display:inline-flex}.chip[aria-pressed=true],.chip.active{color:#5142bf;background:#eeeafb;border-color:#6556d9;font-weight:650}.study-card{box-shadow:none;text-align:left;padding:0;overflow:hidden}.study-card .study-visual{background:linear-gradient(135deg,#f0eae6,#e9e4f3);justify-content:center;align-items:center;gap:6px;height:124px;display:flex;position:relative;overflow:hidden}.study-visual img{mix-blend-mode:multiply;border-radius:16px;width:106px;height:106px}.study-visual .tag{background:#fffffff0;position:absolute;top:12px;left:12px}.study-card .study-copy{padding:16px}.study-card h3{letter-spacing:-.25px;margin:0 0 7px;font-size:16px}.study-meta{color:var(--color-text-secondary);flex-wrap:wrap;gap:8px 14px;margin-bottom:13px;font-size:11px;display:flex}.study-meta span{align-items:center;gap:4px;display:flex}.study-meta svg{width:13px;height:13px}.amount{letter-spacing:-.6px;font-size:21px;font-weight:750}.compact-study{align-items:center;gap:12px;display:flex}.compact-study .thumb{object-fit:cover;border-radius:14px;flex-shrink:0;width:72px;height:82px}.compact-study h3{font-size:14px}.progress-segments{gap:4px;margin:10px 0 14px;display:flex}.progress-segments span{background:#e3dcf1;border-radius:6px;flex:1;height:5px}.progress-segments span.done{background:#6556d9}.resume-card{text-align:left;align-items:center;gap:12px;display:flex}.resume-card img{object-fit:contain;width:60px;height:60px}.resume-card h3{font-size:13px}.resume-card p{color:var(--color-text-secondary);margin:2px 0 0;font-size:11px}.search-field{margin-bottom:14px;position:relative}.search-field svg{color:var(--color-text-secondary);position:absolute;top:15px;left:14px}.search-field input{padding-left:43px!important}.info-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0;display:grid}.info-grid>div{background:#f0edf7;border-radius:14px;padding:12px 8px}.info-grid small{color:var(--color-text-secondary);margin-bottom:5px;font-size:10px;display:block}.info-grid strong{word-break:break-word;font-size:14px;line-height:1.3;display:block}.detail-art{background:#eeeae8;border-radius:22px;justify-content:center;gap:5px;height:169px;margin:0 0 15px;display:flex;overflow:hidden}.detail-art img{object-fit:contain;mix-blend-mode:multiply;width:48%}.detail-note{border-bottom:1px solid var(--color-border);align-items:flex-start;gap:10px;padding:13px 0;font-size:12px;display:flex}.detail-note:last-child{border:0}.detail-note svg{color:#6556d9;flex-shrink:0;width:18px}.choice-row{border:1px solid var(--color-border);cursor:pointer;background:#fff;border-radius:16px;align-items:flex-start;gap:11px;min-height:58px;padding:14px;font-size:12px;display:flex}.choice-row input{accent-color:#6556d9;flex-shrink:0;width:20px;height:20px;margin:2px 0 0}.choice-row .choice-copy{flex:1;min-width:0}.choice-row strong{margin-bottom:2px;font-size:13px;display:block}.choice-row small{color:var(--color-text-secondary);font-size:11px;line-height:1.5;display:block}.choice-row:has(input:checked){background:#fbfaff;border-color:#c3b7ed}.consent-group-title{justify-content:space-between;align-items:center;margin:20px 0 10px;display:flex}.consent-group-title h2{margin:0;font-size:17px}.consent-required{border-left:3px solid #6556d9;padding-left:10px}.consent-optional{border-left:3px solid #d5cfdf;padding-left:10px}.disclosure{color:#6556d9;background:0 0;border:0;align-self:center;min-width:44px;min-height:44px;padding:8px}.sound-state{background:#eaf6f1;border:1px solid #c7e7dd;border-radius:18px;align-items:center;gap:12px;padding:16px;display:flex}.sound-state svg{color:#08796c;flex-shrink:0;width:25px;height:25px}.sound-state.warning{background:#fff6d8;border-color:#ead799}.sound-state.warning svg{color:#805f17}.sound-state.danger{background:#fff0f1;border-color:#ebc6cd}.sound-state.danger svg{color:#b6384c}.sound-state strong{font-size:13px;display:block}.sound-state small{color:var(--color-text-secondary);font-size:11px}.wave{color:#6556d9;flex-shrink:0;justify-content:center;align-items:center;gap:3px;height:26px;display:flex}.wave span{width:3px;height:var(--height,12px);animation:.95s ease-in-out infinite wave;animation-delay:var(--delay,0s);background:currentColor;border-radius:99px}.wave.success{color:#08796c}.wave.silent span{animation:none;height:4px!important}.mic-copy{text-align:left;background:#fdfcff;border:1px dashed #cec2e7;border-radius:17px;margin:14px 0;padding:16px;font-size:13px}.mic-copy small{color:var(--color-text-secondary);margin-bottom:6px;font-size:10px;display:block}.sound-hint{color:var(--color-text-secondary);background:#f0edf6;border-radius:12px;margin-top:12px;padding:11px 13px;font-size:11px}.stimulus-grid{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 16px;display:grid}.stimulus-card{background:0 0;border:0;border-radius:18px;min-width:0;padding:0}.stimulus-card img{aspect-ratio:1;object-fit:cover;border-radius:17px;width:100%}.stimulus-card .stimulus-label{justify-content:space-between;align-items:center;padding:5px 5px 0;font-size:13px;font-weight:650;display:flex}.stimulus-label svg{width:15px;height:15px;color:var(--color-text-secondary)}.live-progress{margin:0 0 2px}.live-question{letter-spacing:-.7px!important;font-size:24px!important;line-height:1.2!important}.sia-status{background:#f0ebfb88;border-radius:20px;align-items:center;gap:12px;min-height:112px;margin:12px 0 14px;padding:9px 12px 9px 5px;display:flex}.sia-status img{object-fit:contain;width:85px;height:85px;transform:rotate(var(--persona-tilt,0deg))}.sia-status .status-copy{flex:1;min-width:0}.sia-status strong{margin-bottom:5px;font-size:13px;line-height:1.4;display:block}.sia-status p{color:var(--color-text-secondary);margin:5px 0 0;font-size:11px}.sia-status .wave{justify-content:flex-start}.sia-status[data-state=thinking] .wave span{width:5px;height:5px!important}.sia-status[data-state=waiting] .wave span,.sia-status[data-state=no_speech] .wave span{animation:none;height:3px!important}.transcript-preview{border:1px solid var(--color-border);background:#fff;border-radius:16px;padding:13px 14px;font-size:12px;line-height:1.6}.transcript-preview .row{color:var(--color-text-secondary);margin-bottom:5px;font-size:10px}.transcript-preview p{margin:0}.live-dock{border:1px solid var(--color-border);background:#fff;border-radius:26px;flex-shrink:0;margin:0 12px 13px;padding:8px 5px;display:flex;box-shadow:0 7px 20px #33274a08}.live-dock button{background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:44px;min-height:63px;padding:3px;font-size:10px;display:flex}.live-dock .circle{background:#f0edf7;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.live-dock button:first-child .circle{background:#eae4fa}.interrupt-banner{background:#fff6d8;border:1px solid #ead799;border-radius:14px;margin-bottom:13px;padding:12px;font-size:12px}.pause-overlay{z-index:20;text-align:center;background:#f7f6faf5;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.pause-overlay img{object-fit:contain;width:160px;height:160px;margin-bottom:20px}.pause-overlay h2{letter-spacing:-.8px;margin:0 0 13px;font-size:27px;line-height:1.2}.pause-overlay p{color:var(--color-text-secondary);font-size:13px}.pause-overlay .btn{width:100%;margin-top:12px}.wallet-card{background:linear-gradient(135deg,#ece6fc,#f6f2fa);border:1px solid #e0d6f2;border-radius:26px;padding:23px;position:relative;overflow:hidden}.wallet-card:after{content:"";pointer-events:none;border:22px solid #fff6;border-radius:50%;width:150px;height:150px;position:absolute;top:-60px;right:-72px}.wallet-card .balance{letter-spacing:-1.5px;margin:5px 0 18px;font-size:38px;font-weight:750;line-height:1.25}.wallet-card .row{font-size:11px}.history-row{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:16px 0;display:flex}.history-row:last-child{border:0}.history-row .history-copy{flex:1;min-width:0}.history-row h3{font-size:13px}.history-row p{color:var(--color-text-secondary);margin:2px 0;font-size:11px}.history-row .value{white-space:nowrap;font-size:14px;font-weight:650}.settings-group{border:1px solid var(--color-border);background:#fff;border-radius:20px;margin:12px 0 22px;overflow:hidden}.settings-row{border:0;border-bottom:1px solid var(--color-border);text-align:left;background:0 0;align-items:center;gap:12px;width:100%;min-height:58px;padding:12px 15px;font-size:13px;display:flex}.settings-row:last-child{border:0}.settings-row>svg{color:#6556d9;flex-shrink:0;width:18px}.settings-row .setting-copy{flex:1}.settings-row .setting-copy small{color:var(--color-text-secondary);margin-top:3px;font-size:10px;display:block}.settings-row .trailing{color:var(--color-text-secondary);align-items:center;gap:5px;font-size:11px;display:flex}.empty-state{text-align:center;padding:25px 10px}.empty-state img{object-fit:contain;width:120px;height:120px;margin:0 auto 14px}.empty-state h2{font-size:20px}.empty-state p{color:var(--color-text-secondary);font-size:13px}.toast{color:#fff;z-index:70;box-shadow:var(--shadow-card);background:#252238;border-radius:15px;padding:13px 16px;font-size:12px;line-height:1.5;animation:.18s ease-out appear;position:absolute;bottom:100px;left:16px;right:16px}.modal-layer{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#25223865;align-items:flex-end;display:flex;position:absolute;inset:0}.sheet{background:var(--color-chalk);border-radius:28px 28px 0 0;outline:none;width:100%;max-height:90%;padding:15px 20px 25px;overflow:auto;box-shadow:0 -8px 30px #25223810}.sheet-handle{background:#d0c6dc;border-radius:9px;width:34px;height:4px;margin:0 auto 11px}.sheet-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.sheet h2{letter-spacing:-.6px;margin:0;font-size:22px;line-height:1.3}.sheet p{color:var(--color-text-secondary);font-size:13px}.sheet .icon-btn{width:44px;height:44px}.sheet .btn{margin-top:10px}.sheet .settings-row{border:1px solid var(--color-border);background:#fff;border-radius:13px;margin-bottom:8px}.sheet textarea{width:100%}.full-image{object-fit:contain;background:#eeeae6;border-radius:20px;width:100%;max-height:390px}.flow-list{counter-reset:step;margin:18px 0}.flow-item{align-items:flex-start;gap:12px;padding:11px 0;display:flex}.flow-item .number{background:var(--color-violet-soft);color:#6556d9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;font-size:11px;display:flex}.flow-item h3{font-size:13px}.flow-item p{color:var(--color-text-secondary);margin:3px 0 0;font-size:11px}.design-panel{background:#f8f6fb88;border-left:1px solid #e4dfec;height:100vh;padding:30px 22px;position:sticky;top:0;overflow:auto}.design-panel h2{letter-spacing:-.6px;margin:0 0 14px;font-size:20px;line-height:1.3}.design-panel p{color:var(--color-text-secondary);margin:0 0 16px;font-size:12px;line-height:1.65}.design-panel label{color:var(--color-text-secondary);margin:18px 0 7px;font-size:11px;display:block}.design-panel select{width:100%;min-height:44px;color:var(--color-ink);background:#fdfcff;border:1px solid #d9d1e5;border-radius:12px;padding:8px 10px;font-size:12px}.design-panel .panel-button{text-align:left;background:#ffffff9c;border:1px solid #e2dbeb;border-radius:10px;width:100%;min-height:44px;margin:4px 0;padding:9px 11px;font-size:11px}.design-panel .panel-button.active{color:#5142bf;background:#eeeafb;border-color:#6556d9}.design-panel code{word-break:break-word;background:#ede7f5;border-radius:5px;padding:3px 6px;font-size:10px}.design-panel .panel-note{background:#f0e9af50;border-radius:13px;margin-top:20px;padding:12px;font-size:11px;line-height:1.65}.design-panel details{color:var(--color-text-secondary);margin:18px 0;font-size:11px}.design-panel summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.design-panel .swatches{gap:6px;margin:16px 0;display:flex}.design-panel .swatches span{border:1px solid #25223809;border-radius:8px;width:25px;height:25px}.caption{text-align:center;color:#81758c;max-width:390px;margin:17px 0 0;font-size:10px}.splash{flex-direction:column;justify-content:center;align-items:center;min-height:560px;display:flex}.splash .brand{width:160px;margin:20px auto}.splash img.splash-art{object-fit:contain;width:230px;height:250px}.screen-content:has(.live-question){padding-top:6px}.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}@keyframes float{0%,to{transform:translateY(0) rotate(var(--persona-tilt,0deg))}50%{transform:translateY(-5px) rotate(var(--persona-tilt,0deg))}}@keyframes wave{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1)}}@keyframes appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width:1110px){.workbench{grid-template-columns:190px minmax(380px,1fr)}.design-panel{display:none}.side-nav{padding:24px 10px}.side-nav a.route{font-size:11px}}@media (max-width:680px){html,body{background:var(--color-chalk)}.workbench{min-height:100dvh;display:block}.side-nav,.stage-top,.caption{display:none}.stage{background:0 0;padding:0;display:block}.phone,.phone.mobile-web{width:100%;max-width:100%;height:100dvh;min-height:480px;box-shadow:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border:0;border-radius:0}.device-status,.web-address{display:none}.phone-header{padding-top:9px}.bottom-nav{padding-bottom:10px}.bottom-action{padding-bottom:14px}.screen-content{padding-bottom:20px}.hero-art{min-height:210px}.hero-art img{height:210px}.hero-art.small-art{min-height:130px}.hero-art.small-art img{height:130px}.live-dock{margin-bottom:10px}.modal-layer{position:fixed}.sheet{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.demo-ribbon{font-size:10px}.screen-content h1{font-size:27px}.welcome-title{font-size:34px!important}}@media (max-width:350px){:root{--page-padding:16px}.screen-content,.bottom-action{padding-left:16px;padding-right:16px}.screen-content h1{font-size:25px}.welcome-title{font-size:31px!important}.hero-art{min-height:180px}.hero-art img{height:180px}.info-grid strong{font-size:12px}.info-grid small{font-size:9px}.live-question{font-size:22px!important}.tag{font-size:10px}.sia-status{min-height:94px}.sia-status img{width:68px;height:68px}.live-dock{margin-left:10px;margin-right:10px}.phone-header .brand{width:88px}.row{gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.wave span{transform:none!important}}
.phone,.phone.mobile-web{box-shadow:none;width:100%;height:100dvh;min-height:480px;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border:0;border-radius:0}.stage{background:0 0;min-height:100dvh;padding:0}@media (min-width:681px){.phone,.phone.mobile-web{width:390px;max-width:100%;margin:0 auto}}html,body{background:var(--color-chalk)}button.float-sound{box-sizing:border-box;appearance:none}.study-visual .visual-tags{flex-wrap:wrap;gap:6px;max-width:calc(100% - 24px);display:flex;position:absolute;top:12px;left:12px}.study-visual .visual-tags .tag{position:static}[hidden]{display:none!important}video.self-view{aspect-ratio:1;cursor:zoom-in;object-fit:cover;border:1px solid var(--color-border);width:52px;box-shadow:var(--shadow-soft);background:#1a1820;border-radius:14px;margin:0 8px 0 0;transition:width .2s;display:block;transform:scaleX(-1)}.phone-header .header-right{align-items:center;display:flex}video.self-view.is-large{top:calc(env(safe-area-inset-top,0px) + 66px);z-index:60;cursor:zoom-out;width:min(72vw,280px);margin:0;position:absolute;right:16px;box-shadow:0 12px 32px #14102847}video.self-view:focus-visible{outline:2px solid var(--color-accent,#5b4cdb);outline-offset:2px}@media (prefers-reduced-motion:reduce){video.self-view{transition:none}}.svc-band{z-index:50;padding:10px max(16px, env(safe-area-inset-left,0px)) 10px max(16px, env(safe-area-inset-right,0px));padding-top:calc(10px + env(safe-area-inset-top,0px));background:var(--color-warning-soft);color:var(--color-ink);font:500 14px/1.4 var(--font-sans);text-align:center;border-bottom:1px solid var(--color-border);position:sticky;top:0}.svc-maint{z-index:100;padding:max(24px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) 24px max(16px, env(safe-area-inset-left,0px));background:var(--color-chalk);color:var(--color-ink);place-items:center;display:grid;position:fixed;inset:0}.svc-maint-card{text-align:center;max-width:420px;font-family:var(--font-sans);gap:12px;display:grid}.svc-maint-card h1{font:650 22px/1.3 var(--font-display,var(--font-sans));margin:0}.svc-maint-card p{color:var(--color-text-secondary);margin:0;line-height:1.5}.svc-maint-until{font-size:14px}.conv-stopped .live-progress,.conv-stopped .progress-segments,.conv-stopped .live-question+p.small,.conv-stopped .stimulus-grid,.conv-stopped .live-question,.conv-stopped .sia-status,.conv-stopped .transcript-preview,.conv-stopped .live-dock{display:none!important}.loop-err-exit{text-align:center;margin-top:16px;text-decoration:none}