@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";@theme{ --color-text-primary: #1c1917; --color-text-body: #57534e; --color-text-muted: #78716c; --color-text-quaternary: #a8a29e; --color-border: #e7e5e4; --color-border-hover: #d6d3d1; --color-surface: #ffffff; --color-surface-alt: #fafaf9; --color-surface-hover: #f5f5f4; --color-btn-primary: #1c1917; --color-btn-primary-hover: #292524; --color-danger: #f43f5e; --color-danger-hover: #e11d48; --color-success: #10b981; --color-info: #0ea5e9; --color-accent-mint: #DDF3EC; --color-accent-mint-tag: #7EC8B5; --color-accent-mint-text: #17644F; --color-paper: #F4F0EA; --color-surface-elevated: #ffffff; --color-focus-ring: #0ea5e9; --color-link: #0284c7; --color-success-bg: #ecfdf5; --color-success-text: #059669; --color-success-border:#d1fae5; --color-info-bg: #f0f9ff; --color-info-text: #0284c7; --color-warning-bg: #fef3c7; --color-warning-text: #92400e; --color-danger-bg: #fee2e2; --color-danger-text: #991b1b; --color-progress-bg: #eff6ff; --color-progress-text: #2563eb; --color-avatar-1-from: #fef3c7; --color-avatar-1-to: #fde68a; --color-avatar-1-fg: #92400e; --color-avatar-2-from: #dbeafe; --color-avatar-2-to: #bfdbfe; --color-avatar-2-fg: #1e40af; --color-avatar-3-from: #dcfce7; --color-avatar-3-to: #bbf7d0; --color-avatar-3-fg: #166534; --color-avatar-4-from: #fce7f3; --color-avatar-4-to: #fbcfe8; --color-avatar-4-fg: #9f1239; --font-body: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Noto Sans KR", system-ui, sans-serif; --font-heading: var(--font-body); --font-mono: "JetBrains Mono", ui-monospace, monospace; --radius-card: 12px; --radius-btn: 10px; --radius-input: 10px; --radius-badge: 6px; --radius-card-workspace: var(--radius-card); --radius-card-landing: 24px; --radius-panel-landing: 32px; --radius-btn-workspace: var(--radius-btn); --radius-btn-landing: 9999px; --type-hero-size: clamp(48px, 7vw, 88px); --type-hero-weight: 600; --type-hero-tracking: -.025em; --type-hero-leading: 1.05; --type-h2-size: clamp(36px, 4vw, 56px); --type-h2-weight: 600; --type-h2-tracking: -.02em; --type-h2-leading: 1.15; --type-h3-size: clamp(28px, 2.4vw, 32px); --type-h3-weight: 600; --type-h3-tracking: -.018em; --type-h3-leading: 1.18; --type-body-landing-size: 18px; --type-body-landing-weight: 400; --type-body-landing-leading: 1.55; --type-body-landing-tracking: -.005em; --type-page-title-size: 28px; --type-page-title-weight: 600; --type-page-title-tracking: -.015em; --type-page-title-leading: 1.3; --type-section-size: 20px; --type-section-weight: 600; --type-section-leading: 1.35; --type-card-title-size: 16px; --type-card-title-weight: 600; --type-body-workspace-size: 14px; --type-body-workspace-weight: 400; --type-body-workspace-tracking: -.005em; --type-meta-size: 13px; --type-meta-weight: 500; --type-meta-leading: 1.5; --type-label-en-size: 13px; --type-label-en-weight: 700; --type-label-en-tracking: .08em; --type-label-en-transform: uppercase; --type-label-ko-size: 13px; --type-label-ko-weight: 600; --type-label-ko-tracking: -.005em; --type-label-ko-transform: none; --ease-smooth: cubic-bezier(.2, .8, .2, 1); --ease-out: cubic-bezier(.16, 1, .3, 1); }:root{--density-card-padding: 16px;--density-section-gap: 12px;--density-body-weight: 400;--density-touch-min: 48px;--btn-height-sm: 36px;--btn-height-md: 40px;--btn-height-lg: 48px;--btn-font-size: 14px;--btn-font-weight: 500;--btn-disabled-opacity: .45}@media(min-width:1024px){:root{--density-card-padding: 24px;--density-section-gap: 16px;--density-body-weight: 300;--density-touch-min: 36px}}body{font-family:var(--font-body);color:var(--color-text-primary);letter-spacing:-.005em;line-height:1.7;font-weight:var(--density-body-weight)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.01em;line-height:1.35;color:var(--color-text-primary)}:root{--color-text-primary: #1c1917;--color-text-body: #57534e;--color-text-muted: #78716c;--color-text-quaternary: #a8a29e;--color-border: #e7e5e4;--color-border-hover: #d6d3d1;--color-surface: #ffffff;--color-surface-alt: #fafaf9;--color-surface-hover: #f5f5f4;--color-btn-primary: #1c1917;--color-btn-primary-hover: #292524;--color-danger: #f43f5e;--color-danger-hover: #e11d48;--color-success: #10b981;--color-info: #0ea5e9;--color-info-bg: #f0f9ff;--color-info-text: #0284c7;--color-danger-bg: #fee2e2;--color-danger-text: #991b1b;--color-focus-ring: #0ea5e9;--color-link: #0284c7;--color-avatar-2-from: #dbeafe;--color-avatar-2-fg: #1e40af;--font-body: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Noto Sans KR", system-ui, sans-serif;--font-heading: var(--font-body);--radius-card: 12px;--radius-btn: 10px;--btn-font-weight: 500;--btn-disabled-opacity: .45;--color-profile-violet: #5b21b6;--color-profile-violet-soft: #f5f3ff;--color-profile-violet-border: #ede9fe;--color-profile-violet-light: #c4b5fd;--color-profile-scene-deep: #1e2a4a;--color-profile-scene-mid: #3b4d7a;--color-profile-scene-light: #8a9bc4;--color-profile-scene-warm: #d9c9a8;--color-profile-card-bg: #14121f;--color-profile-card-label: #8a84b8;--color-profile-card-headline: #c4b5fd;--color-profile-card-chip-bg: rgba(196, 181, 253, .14);--color-profile-card-body: #a9a3c9;--color-profile-card-footer: #5f5a80}:root{color:var(--color-text-primary);background:var(--color-border);font-family:var(--font-body);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-border);letter-spacing:-.005em}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:var(--btn-disabled-opacity)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}#tm-nav:not(:empty){position:sticky;top:0;z-index:50}#tm-nav:not(:empty)~#app{min-height:calc(100vh - 103px)}#app{min-height:100vh;padding:32px}.page{display:none}.page.active{display:block}.browser-frame{width:min(1100px,100%);margin:0 auto;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:0 4px 24px #00000014}.page-surface{background:var(--color-surface-alt)}.join-surface{min-height:650px;padding:48px}.join-panel{width:min(400px,100%);margin:0 auto}.brand{display:flex;align-items:center;gap:9px;margin-bottom:28px;font-size:16px}.brand.compact{margin:0;font-size:14px}h1,h2{font-family:var(--font-heading);letter-spacing:-.015em}.join-panel h1{margin:0 0 6px;font-size:22px}.lead{margin:0 0 28px;color:var(--color-text-muted);font-size:14px}.join-form>label:not(.consent-row){display:block;margin-bottom:8px;font-size:13px;font-weight:700}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card)}input{outline:none}input:focus{border-color:var(--color-focus-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-focus-ring) 12%,transparent)}.code-input,.name-input{width:100%;height:52px;padding:0 16px}.code-input{text-align:center;font-size:22px;font-weight:800;letter-spacing:.32em}.name-input{height:48px;font-size:15px}.btn-primary,.btn-ghost{min-height:44px;padding:0 22px;border-radius:var(--radius-btn);font-size:14px;font-weight:var(--btn-font-weight)}.btn-primary{color:var(--color-surface);background:var(--color-btn-primary);border:1px solid var(--color-btn-primary)}.btn-primary:hover:not(:disabled){background:var(--color-btn-primary-hover)}.btn-ghost{color:var(--color-text-body);background:var(--color-surface);border:1px solid var(--color-border)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-hover)}.btn-danger{color:var(--color-surface);background:var(--color-danger);border:1px solid var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover);border-color:var(--color-danger-hover)}.teacher-session-delete{color:var(--color-danger);font-size:13px}.full{width:100%;min-height:50px}.form-error{min-height:20px;margin:8px 0;color:var(--color-danger);font-size:13px}.step-preview{display:grid;gap:5px;margin-top:24px;padding:16px;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);font-size:13px}.step-preview span{font-size:12.5px}.identity-card{padding:18px}.step-label{margin:0 0 18px;color:var(--color-link);font-size:12.5px;font-weight:700}.consent-row{display:flex;align-items:flex-start;gap:10px;margin:18px 0 2px;color:var(--color-text-body);font-size:13px;line-height:1.6}.consent-row input{margin-top:4px}.student-back{margin:0;padding:4px 0;font-size:13px;text-decoration:none;white-space:nowrap}.student-topbar .student-back{margin:0 auto 0 0}.text-button{display:block;margin:14px auto 0;color:var(--color-text-muted);background:transparent;border:0;font-size:12.5px;text-decoration:underline}.teacher-link{margin-top:24px;color:var(--color-text-muted);text-align:center;font-size:13px}.teacher-link a{color:var(--color-link);text-decoration:underline}.student-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;border-bottom:1px solid var(--color-border)}.save-indicator{display:flex;align-items:center;gap:10px;color:var(--color-text-quaternary);font-size:12px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--color-avatar-2-fg);background:var(--color-avatar-2-from);border-radius:50%;font-size:12px;font-weight:700}.test-surface{min-height:600px;padding:48px}.test-panel{width:min(640px,100%);margin:0 auto}.progress-copy{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px}.progress-copy strong{color:var(--color-text-muted)}.progress-copy span{color:var(--color-text-quaternary)}.progress-track{height:8px;margin-bottom:40px;overflow:hidden;background:var(--color-border);border-radius:999px}.progress-track span{display:block;height:100%;background:var(--color-profile-violet);border-radius:inherit;transition:width .18s ease}.test-panel h1{max-width:590px;min-height:78px;margin:0 0 8px;font-size:26px;line-height:1.45}.question-guide{margin:0 0 30px;color:var(--color-text-body);font-size:14px}.likert{display:flex;gap:8px;margin-bottom:30px}.likert button{flex:1;height:78px;color:var(--color-text-body);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-card);font-size:13px;font-weight:var(--btn-font-weight)}.likert button:hover,.likert button.selected{color:var(--color-surface);background:var(--color-btn-primary);border-color:var(--color-btn-primary)}.choice-dot{display:block;width:14px;height:14px;margin:0 auto 6px;border:2px solid currentColor;border-radius:50%}.selected .choice-dot{background:currentColor;box-shadow:inset 0 0 0 3px var(--color-btn-primary)}.question-actions{display:flex;align-items:center;justify-content:space-between}.question-autonext{color:var(--color-text-quaternary);font-size:12.5px}.strength-surface{min-height:600px;padding:48px}.strength-panel{width:min(720px,100%);margin:0 auto}.strength-hero-card{margin-bottom:32px;padding:20px;background:linear-gradient(165deg,var(--color-profile-violet-soft),var(--color-surface) 60%);border-radius:18px}.strength-sticker{display:inline-flex;align-items:center;gap:6px;padding:5px 13px;color:var(--color-profile-violet);background:var(--color-surface);border-radius:999px;font-size:12px;font-weight:700;box-shadow:0 2px 8px #0000000f}.strength-hero-card h1{margin:13px 0 7px;font-size:24px;line-height:1.45;word-break:keep-all}.strength-hero-name{color:var(--color-text-primary)}.strength-hero-mark{padding:0 3px;background:linear-gradient(transparent 58%,var(--color-profile-violet-border) 58%);font-style:normal}.strength-say{margin:0 0 15px;color:var(--color-profile-violet);font-size:14px;line-height:1.6;word-break:keep-all}.strength-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:12px}.strength-badge{padding:12px;text-align:center;background:var(--color-surface);border-radius:14px;box-shadow:0 2px 8px #0000000d}.strength-badge-emoji{font-size:25px;line-height:1}.strength-badge strong{display:block;margin-top:5px;font-size:13px}.strength-badge span{display:block;margin-top:2px;color:var(--color-text-muted);font-size:11px}.strength-meter{padding:13px;background:var(--color-surface);border-radius:14px;box-shadow:0 2px 8px #0000000d}.strength-meter-row{display:flex;align-items:center;gap:9px;font-size:12.5px}.strength-meter-row+.strength-meter-row{margin-top:8px}.strength-meter-row span:first-child{width:54px;color:var(--color-text-body);font-weight:600}.strength-meter-bar{flex:1;height:9px;overflow:hidden;background:var(--color-surface-hover);border-radius:99px}.strength-meter-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--color-profile-violet),var(--color-profile-scene-light));border-radius:99px}.strength-timesink{margin-top:10px;padding:12px;background:var(--color-surface);border-radius:14px;box-shadow:0 2px 8px #0000000d}.strength-timesink strong{font-size:13px}.strength-timesink p{margin:4px 0 0;color:var(--color-text-body);font-size:12.5px;word-break:keep-all}.strength-full-headline{font-size:19px;line-height:1.45}.label-en{margin:0 0 8px;color:var(--color-text-quaternary);font-size:12px;font-weight:700;letter-spacing:.08em}.strength-panel>h1{margin:0 0 14px;font-size:28px;line-height:1.4}.strength-hero-lead{color:var(--color-text-primary)}.strength-hero-headline{color:var(--color-profile-violet)}.narrative-copy{margin:0 0 20px;color:var(--color-text-body);font-size:15px;line-height:1.75}.strength-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:38px}.strength-chip{padding:7px 16px;color:var(--color-profile-violet);background:var(--color-profile-violet-soft);border:1px solid var(--color-profile-violet-border);border-radius:999px;font-size:14px;font-weight:600}.strength-panel h2{margin:34px 0 12px;font-size:16px}.interest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.insight-card,.direction-card{padding:20px}.insight-card strong,.direction-card strong{color:var(--color-profile-violet);font-size:13px}.insight-card.muted strong{color:var(--color-text-muted)}.insight-card p,.direction-card p,.practice-grid p{margin:8px 0 0;color:var(--color-text-body);font-size:13.5px;line-height:1.65}.direction-card{margin-top:12px}.section-guide{margin:-6px 0 12px;color:var(--color-text-muted);font-size:13px}.texture-card{overflow:hidden}.texture-row{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:14px 18px;border-top:1px solid var(--color-border)}.texture-row:first-child{border-top:0}.texture-row strong{color:var(--color-profile-violet);font-size:13px}.texture-row span{color:var(--color-text-body);font-size:13.5px;line-height:1.55}.practice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.practice-grid article{padding:16px}.practice-grid strong{color:var(--color-text-muted);font-size:12.5px}.image-evidence-grid{display:grid;gap:12px;margin-bottom:40px}.image-evidence-card{display:flex;gap:16px;padding:20px}.image-evidence-card p{margin:4px 0 0;color:var(--color-text-body);font-size:13.5px;line-height:1.65}.evidence-swatch{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;border-radius:var(--radius-btn);background:color-mix(in srgb,var(--color-profile-scene-light) 22%,var(--color-surface))}.evidence-swatch.scene{color:var(--color-profile-scene-deep)}.evidence-swatch.palette{color:var(--color-profile-scene-mid)}.evidence-swatch.mood{color:var(--color-profile-scene-warm)}.create-image{min-height:52px}.loading-card{display:grid;justify-items:center;gap:10px;margin:80px auto;padding:40px;text-align:center}.loading-card p{margin:0;color:var(--color-text-muted);font-size:13px}.loading-card .btn-ghost{margin-top:8px}.skeleton-lines{display:grid;gap:9px;width:min(420px,100%);margin-top:10px}.skeleton-lines i{display:block;height:11px;background:var(--color-surface-hover);border-radius:6px;animation:skeleton-pulse 1.4s ease-in-out infinite}.skeleton-lines i:nth-child(1){width:92%}.skeleton-lines i:nth-child(2){width:84%}.skeleton-lines i:nth-child(3){width:66%}.skeleton-lines i:nth-child(4){height:96px;margin-top:6px;width:100%}.pulse-dot{display:inline-block;width:18px;height:18px;background:var(--color-profile-violet);border-radius:50%;animation:pulse 1.2s infinite}.boot-message{display:flex;align-items:center;justify-content:center;gap:12px;min-height:calc(100vh - 64px)}.fatal-message{padding:48px;text-align:center}.resume-panel{width:min(420px,calc(100% - 32px));margin:15vh auto 0;padding:32px 24px;text-align:center;word-break:keep-all}.resume-guide{margin-top:8px;color:var(--color-text-muted)}.resume-actions{display:flex;flex-direction:column;gap:8px;margin-top:24px}.resume-note{margin-top:16px;font-size:.875rem;color:var(--color-text-muted)}.create-surface{display:flex;align-items:center;min-height:560px;padding:48px}.create-panel{width:min(460px,100%);margin:0 auto;text-align:center;word-break:keep-all}.create-art-placeholder{display:flex;align-items:flex-end;justify-content:center;width:200px;height:200px;margin:0 auto 24px;padding:16px;background:linear-gradient(160deg,var(--color-profile-scene-deep),var(--color-profile-scene-mid),var(--color-profile-scene-light));border-radius:20px;box-shadow:inset 0 0 48px color-mix(in srgb,var(--color-surface) 12%,transparent);background-size:200% 200%;animation:art-sweep 3.2s ease-in-out infinite;position:relative;overflow:hidden}.create-art-placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,color-mix(in srgb,var(--color-surface) 34%,transparent) 50%,transparent 65%);transform:translate(-100%);animation:art-shimmer 2.4s ease-in-out infinite}.create-art-placeholder span{position:relative;z-index:1;animation:art-breathe 2.4s ease-in-out infinite}.art-figure{position:absolute;bottom:0;left:50%;width:126px;height:138px;transform:translate(-50%)}.art-figure .head{position:absolute;top:8px;left:50%;width:54px;height:54px;background:color-mix(in srgb,var(--color-surface) 16%,transparent);border-radius:50%;transform:translate(-50%);animation:art-figure-pulse 2.2s ease-in-out infinite}.art-figure .torso{position:absolute;bottom:0;left:50%;width:108px;height:72px;background:color-mix(in srgb,var(--color-surface) 12%,transparent);border-radius:40px 40px 0 0;transform:translate(-50%);animation:art-figure-pulse 2.2s ease-in-out .3s infinite}.art-spark{position:absolute;width:6px;height:6px;background:var(--color-profile-scene-warm, var(--color-surface));border-radius:50%;opacity:.85}.art-spark.s1{top:26px;left:30px;animation:art-float 3s ease-in-out infinite}.art-spark.s2{top:62px;right:26px;animation:art-float 3.6s ease-in-out .6s infinite}.art-spark.s3{bottom:46px;left:22px;animation:art-float 4.2s ease-in-out 1.2s infinite}.create-art-placeholder span{padding:6px 12px;color:var(--color-surface);background:color-mix(in srgb,var(--color-text-primary) 72%,transparent);border-radius:999px;font-size:12px}.create-status h1,.create-ready h1{margin:0 0 8px;font-size:22px;line-height:1.35}.create-guide,.create-ready p{margin:0;color:var(--color-text-body);font-size:14px;line-height:1.7}.create-wait-copy,.create-retry-timing{margin:16px auto 0;padding:8px 12px;color:var(--color-info-text);background:var(--color-info-bg);border-radius:var(--radius-btn);font-size:13px;font-weight:600}.create-checklist{display:grid;gap:12px;width:min(320px,100%);margin:32px auto 0;text-align:left}.create-checklist>div{display:flex;align-items:center;gap:12px;color:var(--color-text-body);font-size:13.5px}.create-checklist .current{color:var(--color-text-primary);font-weight:600}.check-done,.check-current{display:inline-flex;width:20px;height:20px;flex:0 0 20px;align-items:center;justify-content:center;border-radius:50%}.check-done{color:var(--color-surface);background:var(--color-success);font-size:11px}.check-current{border:2px solid var(--color-profile-violet);animation:pulse 1.2s infinite}.create-ready img{display:block;width:min(420px,100%);aspect-ratio:1;margin:0 auto 24px;object-fit:cover;border-radius:20px}.create-message{padding:32px 24px;color:var(--color-danger-text);background:var(--color-danger-bg);border-radius:var(--radius-card)}.create-message strong{display:block;font-size:16px;line-height:1.6}.create-message>p{margin:8px 0 0;font-size:13.5px;line-height:1.7}.create-message .btn-primary{min-width:136px;margin-top:24px}.result-surface{min-height:620px;padding:48px}.result-layout{display:grid;grid-template-columns:minmax(280px,430px) minmax(280px,1fr);gap:42px;width:min(900px,100%);margin:0 auto;align-items:start}.result-art{position:sticky;top:24px}.candidate-strip-slot:empty{display:none}.candidate-lead{margin:12px 0 6px;color:var(--color-text-muted);font-size:12.5px;font-weight:600}.candidate-strip{display:flex;gap:9px;overflow-x:auto;padding:3px 1px 8px}.candidate{flex:none;width:96px;padding:0;background:transparent;border:0}.candidate-img{position:relative;display:block;width:96px;height:120px;overflow:hidden;border:2px solid transparent;border-radius:11px;background:var(--color-surface-hover)}.candidate-img img{display:block;width:100%;height:100%;object-fit:cover}.candidate.picked .candidate-img{border-color:var(--color-profile-violet);box-shadow:0 0 0 3px var(--color-profile-violet-soft)}.candidate-pick{position:absolute;top:5px;right:5px;display:grid;width:19px;height:19px;place-items:center;color:var(--color-surface);background:var(--color-profile-violet);border-radius:50%;font-size:11px}.candidate-cap{display:block;margin-top:5px;color:var(--color-text-muted);font-size:10.5px;text-align:center}.candidate.picked .candidate-cap{color:var(--color-profile-violet);font-weight:700}.candidate:focus-visible .candidate-img{outline:2px solid var(--color-profile-violet);outline-offset:2px}.candidate-note{margin:0;color:var(--color-text-quaternary);font-size:11.5px}.result-image,.result-image-placeholder{display:flex;width:100%;aspect-ratio:1;align-items:center;justify-content:center;object-fit:cover;color:var(--color-text-muted);background:linear-gradient(160deg,var(--color-profile-scene-deep),var(--color-profile-scene-mid),var(--color-profile-scene-light));border-radius:22px}.result-image-placeholder{flex-direction:column;gap:12px;padding:24px;color:var(--color-surface);text-align:center;font-size:13px}.result-art-frame{position:relative}.result-art-veil{position:absolute;inset:0;display:grid;gap:10px;align-content:center;justify-items:center;padding:24px;color:var(--color-surface);background:#14121f9e;border-radius:22px;text-align:center}.result-art-veil p{margin:0;font-size:13px;line-height:1.6}.result-art-veil small{display:block;margin-top:4px;color:var(--color-profile-violet-border);font-size:12px}.result-spinner,.btn-spinner{display:inline-block;width:15px;height:15px;border:2px solid rgb(255 255 255 / 35%);border-top-color:var(--color-surface);border-radius:50%;animation:spin .8s linear infinite}.result-spinner.big{width:26px;height:26px;border-width:3px}.btn-spinner{margin-right:8px;vertical-align:-2px}.btn-spinner.dark{border-color:var(--color-profile-violet-border);border-top-color:var(--color-profile-violet)}.result-loadbar{height:3px;margin:14px 0 0;overflow:hidden;background:var(--color-profile-violet-border);border-radius:999px}.result-loadbar i{display:block;width:40%;height:100%;background:var(--color-profile-violet);border-radius:999px;animation:barmove 1.5s ease-in-out infinite}.result-controls{min-width:0}.result-pill{display:inline-flex;padding:7px 13px;color:var(--color-profile-violet);background:var(--color-profile-violet-soft);border:1px solid var(--color-profile-violet-border);border-radius:999px;font-size:13px;font-weight:700}.result-controls h1{margin:18px 0 8px;font-size:25px;line-height:1.4}.result-locknote{margin:0 0 28px;color:var(--color-text-muted);font-size:13.5px;line-height:1.65}.result-controls>label{display:block;margin-bottom:8px;color:var(--color-text-body);font-size:13px;font-weight:700}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}.gallery-card{margin:0}.gallery-art{display:block;overflow:hidden;border-radius:var(--radius-card)}.gallery-art img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.gallery-art-empty{display:block;width:100%;aspect-ratio:1;background:var(--color-surface-alt)}.gallery-card figcaption{margin-top:6px;color:var(--color-text-body);font-size:12.5px;font-weight:600;text-align:center}.gallery-empty{margin:0;color:var(--color-text-muted);font-size:13px}.image-zoom-layer{cursor:zoom-out}.image-zoom{position:relative;margin:0;max-width:min(560px,92vw)}.image-zoom img{display:block;width:100%;max-height:82vh;object-fit:contain;border-radius:var(--radius-card);box-shadow:0 12px 40px #0000004d}.image-zoom figcaption{margin-top:10px;color:var(--color-surface);font-size:14px;font-weight:700;text-align:center}.image-zoom-close{position:absolute;top:-14px;right:-14px;width:36px;height:36px;padding:0;color:var(--color-text-body);background:var(--color-surface);border:0;border-radius:999px;box-shadow:0 4px 14px #0003;font-size:22px;line-height:1}.teacher-live-inputs{display:grid;gap:10px;margin-top:16px;padding:16px 18px}.teacher-live-inputs-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.teacher-live-inputs p{margin:0;color:var(--color-text-muted);font-size:13px;line-height:1.6}.teacher-live-input-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.teacher-live-input{display:grid;grid-template-columns:minmax(64px,auto) 1fr auto auto;gap:10px;align-items:center;padding:9px 11px;background:var(--color-surface-alt);border-radius:var(--radius-btn);font-size:13px}.teacher-live-input-who{font-weight:700}.teacher-live-input-text{min-width:0;overflow-wrap:anywhere;color:var(--color-text-body)}.teacher-live-input.blocked{background:var(--color-danger-bg)}.teacher-live-input time{color:var(--color-text-muted);font-size:12px}@media(max-width:640px){.teacher-live-input{grid-template-columns:1fr auto}.teacher-live-input-text{grid-column:1 / -1}}#result-edit-text{width:100%;min-height:112px;padding:14px 16px;resize:vertical;color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);line-height:1.6}#result-edit-text:focus{border-color:var(--color-focus-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-focus-ring) 12%,transparent)}.result-actions{display:grid;gap:10px;margin-top:14px}.result-actions button{width:100%}.result-divider{display:grid;gap:2px;color:var(--color-text-body);font-size:12px;text-align:center}.result-divider strong{font-weight:700}.result-applied,.result-state{display:grid;gap:5px;margin:18px 0 0;padding:12px 14px;border-radius:var(--radius-btn);font-size:13px;line-height:1.6}.result-applied{color:var(--color-info-text);background:var(--color-info-bg)}.result-state{color:var(--color-text-body);background:var(--color-surface);border:1px solid var(--color-border)}.result-state.info{color:var(--color-info-text);background:var(--color-info-bg);border-color:transparent}.result-state.error{color:var(--color-danger-text);background:var(--color-danger-bg);border:0}.result-state button{justify-self:start;margin-top:6px}.result-card-cta{display:grid;gap:8px;margin-top:22px}.result-card-cta p{margin:0;color:var(--color-text-muted);font-size:12.5px;line-height:1.55;text-align:center}.card-browser-frame{max-width:1100px}.card-backbar{padding:12px 24px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.card-backbar .btn-ghost{min-height:38px;padding:0 16px}.card-surface{min-height:640px;padding:40px}.card-gallery-guide{margin:0 0 16px;color:var(--color-text-muted);font-size:13px}.card-tabs{display:flex;gap:4px;width:min(880px,100%);margin:0 auto 24px;border-bottom:1px solid var(--color-border)}.card-tab{padding:11px 16px;color:var(--color-text-muted);background:none;border:0;border-bottom:2px solid transparent;font-size:14px;font-weight:600}.card-tab[aria-selected=true]{color:var(--color-text-body);border-bottom-color:var(--color-profile-violet)}.card-tab-panel{width:min(880px,100%);margin:0 auto}.card-tab-panel[hidden]{display:none}.card-title{margin:0 0 8px;font-size:24px}.card-lead{margin:0 0 24px;color:var(--color-text-body);font-size:14.5px;line-height:1.7}.profile-card-preview{display:grid;grid-template-columns:42% 1fr;overflow:hidden;color:var(--color-surface);background:var(--color-profile-card-bg);border-radius:20px;box-shadow:0 18px 48px #0000003d}.profile-card-art{min-height:100%}.profile-card-art img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover}.profile-card-copy{padding:28px}.profile-card-copy p{margin:0}.profile-card-label{color:var(--color-profile-card-label);font-size:11px;font-weight:700;letter-spacing:.1em}.profile-card-name{margin-top:4px!important;color:var(--color-surface);font-size:22px;font-weight:700}.profile-card-headline{margin-top:12px!important;color:var(--color-profile-card-headline);font-size:15px;font-weight:600;line-height:1.5}.profile-card-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.profile-card-chips span{padding:6px 10px;color:var(--color-profile-violet-light);background:var(--color-profile-card-chip-bg);border-radius:999px;font-size:11.5px;font-weight:600}.profile-card-narrative{margin-top:16px!important;color:var(--color-profile-card-body);font-size:12.5px;line-height:1.65}.profile-card-disclosure{margin-top:16px!important;color:var(--color-profile-card-footer);font-size:10.5px}.card-save-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.card-save-actions .btn-primary{min-height:52px}.card-download{display:flex;min-height:48px;align-items:center;justify-content:center;color:var(--color-text-body);text-decoration:none}.card-progress{min-height:20px;color:var(--color-info-text)!important;font-size:13px!important}.card-progress:empty{visibility:hidden}.card-error{margin-top:10px!important;padding:12px 14px;color:var(--color-danger-text)!important;background:var(--color-danger-bg);border-radius:var(--radius-btn);font-size:13px!important}.card-output{display:grid;gap:10px;margin-top:18px}.card-error[hidden],.card-output[hidden]{display:none}.card-output>img{display:block;width:min(420px,100%);height:auto;background:var(--color-profile-card-bg);border-radius:var(--radius-card)}.card-output>p{margin:0;color:var(--color-text-muted);font-size:12.5px;line-height:1.6}.card-local-note{margin-top:22px!important;color:var(--color-text-quaternary)!important;font-size:12.5px!important}.teacher-topbar{display:flex;min-height:56px;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;border-bottom:1px solid var(--color-border)}.teacher-account{display:flex;align-items:center;gap:14px;color:var(--color-text-body);font-size:13.5px}.teacher-account .text-button{margin:0}.teacher-surface{min-height:650px;padding:32px 24px;background:var(--color-surface-alt)}.teacher-dashboard{width:100%;max-width:896px;margin:0 auto}.teacher-dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:32px}.teacher-dashboard-heading h1{margin:0;font-size:24px;font-weight:500;line-height:1.2}.teacher-dashboard-heading p{margin:8px 0 0;color:var(--color-text-muted);font-size:14px}.teacher-dashboard-heading .btn-primary{min-height:40px;flex-shrink:0;padding:0 20px}.teacher-demo-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;padding:20px;background:var(--color-profile-violet-soft);border-color:var(--color-profile-violet-border)}.teacher-demo-card p{margin:6px 0 0;color:var(--color-text-body);font-size:13px}.teacher-demo-title{display:flex;align-items:center;gap:8px}.teacher-demo-title strong{font-size:15px}.teacher-demo-title span{padding:5px 9px;color:var(--color-profile-violet);background:var(--color-profile-violet-border);border-radius:999px;font-size:11.5px;font-weight:700}.teacher-demo-action,.teacher-session-action{display:grid;flex-shrink:0;gap:5px;justify-items:center}.disabled-reason{color:var(--color-text-muted);font-size:11.5px}.teacher-state{display:grid;min-height:180px;place-items:center;align-content:center;gap:10px;padding:28px;text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card)}.teacher-state p{margin:0 0 8px;color:var(--color-text-muted);font-size:13.5px}.teacher-session-list{display:grid;gap:12px}.teacher-session-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.teacher-session-card:hover{border-color:var(--color-border-hover);box-shadow:0 4px 14px #0000000d}.teacher-session-card:focus-visible{outline:2px solid var(--color-profile-violet);outline-offset:2px}.teacher-session-chevron{color:var(--color-text-muted);font-size:22px;line-height:1}.teacher-session-main{display:flex;min-width:0;align-items:center;gap:16px}.teacher-code{display:grid;width:104px;min-width:104px;min-height:58px;place-items:center;align-content:center;gap:3px;padding:8px 10px;background:var(--color-surface-hover);border-radius:var(--radius-card)}.teacher-code span{color:var(--color-text-muted);font-size:11px;font-weight:700}.teacher-code strong{font-size:18px;letter-spacing:.12em}.teacher-session-copy{min-width:0}.teacher-session-title-row{display:flex;align-items:center;gap:8px}.teacher-session-title-row h2{margin:0;overflow:hidden;font-size:16px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.teacher-session-copy>p{margin:6px 0 0;color:var(--color-text-muted);font-size:13px}.teacher-status{display:inline-flex;flex-shrink:0;padding:5px 9px;border-radius:999px;font-size:11.5px;font-weight:700}.teacher-status.active{color:var(--color-success);background:color-mix(in srgb,var(--color-success) 10%,var(--color-surface))}.teacher-status.ended{color:var(--color-text-muted);background:var(--color-surface-hover)}.teacher-status.joined{color:var(--color-info-text);background:var(--color-info-bg)}.teacher-status.assessing{color:var(--color-profile-violet);background:var(--color-profile-violet-soft)}.teacher-status.submitted,.teacher-status.image_done{color:var(--color-success);background:color-mix(in srgb,var(--color-success) 10%,var(--color-surface))}.teacher-live{width:100%;max-width:896px;margin:0 auto}.teacher-live-heading{display:flex;align-items:center;gap:18px;margin-bottom:24px}.teacher-live-heading .btn-ghost{min-height:40px;flex-shrink:0;padding:0 16px}.teacher-live-heading h1{margin:0;font-size:24px;font-weight:500;line-height:1.2}.teacher-live-heading p{margin:7px 0 0;color:var(--color-text-muted);font-size:13.5px}.teacher-live-heading p strong{color:var(--color-text-primary);letter-spacing:.12em}.teacher-live-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.teacher-live-banner{margin-bottom:16px;padding:13px 16px;color:var(--color-info-text);background:var(--color-info-bg);border:1px solid color-mix(in srgb,var(--color-info) 28%,var(--color-border));border-radius:var(--radius-btn);font-size:13px;font-weight:700}.teacher-live-banner.escalated{color:var(--color-danger-text);background:var(--color-danger-bg);border-color:color-mix(in srgb,var(--color-danger) 28%,var(--color-border))}.teacher-live-counters{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.teacher-live-counter{display:grid;gap:8px;padding:18px}.teacher-live-counter span{color:var(--color-text-muted);font-size:12.5px;font-weight:700}.teacher-live-counter strong{font-size:26px;font-weight:600}.teacher-live-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.student-tile{display:block;overflow:hidden;padding:0;color:var(--color-text-primary);text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card)}.student-tile:hover:not(:disabled){border-color:var(--color-border-hover);box-shadow:0 6px 18px #00000014}.student-tile:disabled{color:var(--color-text-primary);cursor:default;opacity:1}.student-tile-art{position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:1;background:var(--color-surface-alt)}.student-tile-art img{display:block;width:100%;height:100%;object-fit:cover}.student-tile-art .gallery-art-empty{height:100%;aspect-ratio:auto}.student-tile-art .teacher-status{position:absolute;top:8px;left:8px}.student-tile-meta{display:flex;align-items:center;gap:6px;padding:10px 11px}.student-tile-meta strong{overflow:hidden;flex:1;font-size:13.5px;text-overflow:ellipsis;white-space:nowrap}.student-tile-meta time{color:var(--color-text-muted);font-size:11px}.teacher-live-empty{min-height:150px}.student-modal{width:min(880px,100%);max-height:90vh;overflow:auto;background:var(--color-surface);border-radius:16px;box-shadow:0 24px 64px #00000057}.student-modal-head{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--color-border)}.student-modal-head strong{font-size:16px}.student-modal-head time{color:var(--color-text-muted);font-size:12px}.student-modal-close{width:34px;height:34px;margin-left:auto;padding:0;color:var(--color-text-body);background:var(--color-surface-hover);border:0;border-radius:999px;font-size:20px;line-height:1}.student-modal-body{padding:20px}.student-modal-foot{display:flex;align-items:center;gap:10px;margin-top:16px}.student-modal-foot .btn-ghost{min-height:40px}.student-modal-index{margin-left:auto;color:var(--color-text-muted);font-size:12.5px}.teacher-demo-controls{position:sticky;z-index:20;top:0;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.teacher-demo-controls-inner{display:flex;min-height:72px;align-items:center;gap:16px;padding:16px 24px}.teacher-demo-copy{display:flex;min-width:0;align-items:center;gap:12px}.teacher-demo-copy>div{min-width:0}.teacher-demo-copy strong{display:block;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.teacher-demo-copy p{margin:4px 0 0;color:var(--color-text-muted);font-size:12.5px}.teacher-demo-badge{flex-shrink:0;padding:5px 9px;color:var(--color-profile-violet);background:var(--color-profile-violet-soft);border:1px solid var(--color-profile-violet-border);border-radius:999px;font-size:11.5px;font-weight:700}.teacher-demo-meta{display:flex;margin-left:auto;align-items:center;gap:12px}.teacher-demo-participants{display:inline-flex;align-items:center;gap:8px;color:var(--color-text-body);font-size:13px;white-space:nowrap}.teacher-demo-participants i,.teacher-demo-qr-count i{width:8px;height:8px;background:var(--color-success);border-radius:50%;animation:pulse 1.2s infinite}.qr-label-btn{display:inline-flex;min-width:92px;height:40px;align-items:center;justify-content:center;gap:6px;padding:0 14px;color:var(--color-surface);background:var(--color-btn-primary);border:1px solid var(--color-btn-primary);border-radius:13px;font-size:13px;font-weight:600;transition:.15s cubic-bezier(.2,.8,.2,1)}.qr-label-btn:hover:not(:disabled){background:var(--color-text-body);border-color:var(--color-text-body)}.teacher-demo-student-frame{min-height:650px;background:var(--color-surface-alt)}.teacher-demo-qr-overlay{position:fixed;z-index:100;inset:0;display:flex;overflow:auto;padding:24px;background:var(--color-surface)}.teacher-demo-qr-content{position:relative;display:grid;margin:auto;justify-items:center;gap:16px;padding:24px;text-align:center}.teacher-demo-qr-close{position:fixed;top:24px;right:24px;display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;color:var(--color-text-body);background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;font-size:28px}.teacher-demo-qr-session{margin:0;color:var(--color-text-muted);font-size:16px}.teacher-demo-qr-code{font-family:ui-monospace,monospace;font-size:clamp(96px,18vw,200px);font-weight:700;letter-spacing:.12em;line-height:1;-webkit-user-select:all;user-select:all}.teacher-demo-qr-art{flex:none;padding:16px;background:var(--color-surface);border-radius:16px;box-shadow:0 16px 40px #00000029}.teacher-demo-qr-art svg{display:block;width:100%;height:100%}.teacher-demo-qr-count{display:flex;align-items:center;gap:10px;margin:0;color:var(--color-text-body);font-size:clamp(24px,3vw,32px)}.teacher-demo-qr-guide{margin:0;color:var(--color-text-quaternary);font-size:clamp(16px,2vw,20px);word-break:keep-all}.modal-layer{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:24px;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm-modal{width:min(400px,100%);padding:24px;box-shadow:0 12px 40px #0000001f}.confirm-modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.confirm-modal-heading h2{margin:0;font-size:18px}.confirm-modal-close{width:36px;height:36px;padding:0;color:var(--color-text-muted);background:transparent;border:0;font-size:25px;line-height:1}.confirm-modal>p{margin:10px 0 0;color:var(--color-text-muted);font-size:13px;word-break:keep-all}.confirm-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.teacher-modal-layer{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:24px;background:#00000061}.teacher-modal{width:min(460px,100%);padding:24px;box-shadow:0 12px 40px #0000001f}.teacher-modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.teacher-modal-heading h2{margin:0;font-size:18px}.teacher-modal-heading p{margin:6px 0 0;color:var(--color-text-muted);font-size:13px}.teacher-modal-close{width:36px;height:36px;padding:0;color:var(--color-text-muted);background:transparent;border:0;font-size:25px;line-height:1}.teacher-modal form>label,.teacher-modal legend{display:block;margin-bottom:7px;color:var(--color-text-body);font-size:13px;font-weight:700}.teacher-modal input{width:100%;height:48px;padding:0 14px;margin-bottom:18px}.teacher-modal fieldset{padding:0;margin:0;border:0}.teacher-limit-options{display:flex;gap:8px}.teacher-limit-options button{min-width:64px;min-height:38px;padding:0 14px}.teacher-limit-options .selected{color:var(--color-surface);background:var(--color-btn-primary);border-color:var(--color-btn-primary)}.teacher-form-guidance{min-height:19px;margin:8px 0 0;color:var(--color-text-muted);font-size:12px}.teacher-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.teacher-modal-actions button{min-height:46px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes pulse{50%{opacity:.3;transform:scale(.78)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes barmove{0%{transform:translate(-40%)}to{transform:translate(240%)}}@keyframes skeleton-pulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes art-sweep{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes art-shimmer{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}@keyframes art-breathe{50%{opacity:.62}}@keyframes art-figure-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes art-float{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-9px);opacity:1}}@media(prefers-reduced-motion:reduce){.pulse-dot,.check-current,.result-spinner,.btn-spinner,.result-loadbar i,.skeleton-lines i{animation:none}.create-art-placeholder,.create-art-placeholder:after,.create-art-placeholder span,.art-figure .head,.art-figure .torso,.art-spark{animation:none}.create-art-placeholder:after{display:none}}@media(max-width:720px){#app{padding:0}.browser-frame{border:0;border-radius:0;box-shadow:none}.join-surface,.test-surface,.strength-surface,.create-surface,.result-surface,.card-surface,.teacher-surface{min-height:100vh;padding:32px 20px}.student-topbar{padding:12px 16px}.likert{gap:5px}.likert button{height:74px;padding:4px;font-size:11.5px}.interest-grid,.practice-grid{grid-template-columns:1fr}.texture-row{grid-template-columns:1fr;gap:5px}.result-layout{grid-template-columns:1fr;gap:28px}.result-art{position:static}.card-backbar{padding:12px 16px}.profile-card-preview{grid-template-columns:1fr}.profile-card-art img{height:300px;min-height:0}.card-save-actions{grid-template-columns:1fr}.card-tabs{overflow-x:auto}.profile-card-preview{width:min(400px,100%);margin:0 auto}.teacher-topbar{padding:12px 16px}.teacher-account>span{display:none}.teacher-demo-card,.teacher-session-card{align-items:stretch;flex-direction:column}.teacher-demo-action,.teacher-session-action{justify-items:stretch}.teacher-session-action{justify-items:flex-end}.teacher-session-action .teacher-session-chevron{display:none}.teacher-session-main{align-items:flex-start}.teacher-dashboard-heading{align-items:flex-end}.teacher-dashboard-heading p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teacher-live-heading{align-items:flex-start}.teacher-live-heading{flex-wrap:wrap}.teacher-live-actions{width:100%;margin-left:0}.teacher-live-actions .btn-primary,.teacher-live-actions .qr-label-btn{flex:1}.teacher-live-counters,.teacher-live-gallery{grid-template-columns:repeat(2,1fr)}.student-modal-foot{flex-wrap:wrap}.teacher-demo-controls-inner{align-items:stretch;flex-direction:column;padding:16px}.teacher-demo-meta{width:100%;margin-left:0;justify-content:space-between}.teacher-demo-copy{order:-1}.teacher-demo-participants{white-space:normal}.teacher-demo-qr-overlay,.teacher-demo-qr-content{padding:16px}.teacher-demo-qr-close{top:16px;right:16px}.teacher-modal-layer{align-items:end;padding:0}.confirm-modal-actions{flex-direction:column-reverse}.confirm-modal-actions>button{width:100%}.teacher-modal{width:100%;border-radius:var(--radius-card) var(--radius-card) 0 0}}#app:has(>.hero-page){padding:0}#tm-nav:not(:empty)~#app .hero-page{min-height:calc(100vh - 103px)}@media(max-width:767px){#tm-nav:not(:empty)~#app,#tm-nav:not(:empty)~#app .hero-page{min-height:calc(100vh - 57px)}}.hero-page{min-height:100vh;padding:64px 32px;background:var(--color-surface);text-align:center;align-items:center;justify-content:center}.hero-page.active{display:flex}.hero-inner{width:100%;max-width:880px}.hero-label{margin:0;color:var(--color-text-muted);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-title{margin:24px 0 0;word-break:keep-all;color:var(--color-text-primary);font-family:var(--font-heading);font-size:clamp(48px,7vw,88px);font-weight:700;line-height:1.12;letter-spacing:-.02em}.hero-caption{max-width:640px;word-break:keep-all;margin:24px auto 0;color:var(--color-text-body);font-size:18px;line-height:1.6}.hero-cta{display:flex;gap:12px;justify-content:center;margin-top:40px}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:var(--radius-btn);color:var(--color-text-body);background:var(--color-surface);border:1px solid var(--color-border);font-size:14px;font-weight:var(--btn-font-weight);text-decoration:none}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.hero-cta .pill{min-height:56px;padding:0 32px;border-radius:9999px;font-size:16px;font-weight:600;text-decoration:none}.hero-cta .btn-primary{display:inline-flex;align-items:center;justify-content:center}@media(max-width:640px){.hero-cta{flex-direction:column}}