:root{color-scheme:light;--navy:#0e2852;--ink:#182842;--muted:#6f7e94;--subtle:#98a5b7;--blue:#1769e8;--blue-dark:#0f55c5;--blue-soft:#edf4ff;--mint:#1d9b88;--mint-soft:#ebf8f5;--line:#e5ebf3;--line-strong:#d7e1ee;--bg:#f5f8fc;--white:#fff;--danger:#d94a55;--shadow:0 14px 38px rgba(26,55,94,.07);--shadow-soft:0 6px 20px rgba(25,54,93,.055);--radius-xl:24px;--radius-lg:18px;--radius-md:14px;--sidebar:236px;--right:292px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:var(--bg);font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0}.icon{width:19px;height:19px;flex:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:var(--sidebar);display:flex;flex-direction:column;padding:24px 18px 18px;border-right:1px solid var(--line);background:#fff}.brand{display:flex;align-items:center;gap:12px;padding:0 7px 26px}.brand>span:last-child{display:grid;gap:3px}.brand strong{font-size:18px;letter-spacing:-.04em;color:var(--navy)}.brand small{font-size:10px;color:#8290a5;letter-spacing:.02em}.brand-mark{position:relative;width:39px;height:39px;display:block;border-radius:12px;background:linear-gradient(145deg,#438cfb,#1459d5);box-shadow:0 8px 18px rgba(23,105,232,.22);overflow:hidden}.brand-mark i{position:absolute;width:19px;height:19px;border:2px solid #fff;border-radius:50%;opacity:.94}.brand-mark i:first-child{left:6px;top:8px;border-right-color:transparent}.brand-mark i:nth-child(2){right:6px;top:8px;border-left-color:transparent}.brand-mark b{position:absolute;left:17px;top:16px;width:5px;height:5px;background:#fff;border-radius:50%}.primary-nav{display:grid;gap:5px}.nav-item{position:relative;display:flex;align-items:center;gap:12px;height:46px;padding:0 13px;border-radius:12px;color:#617087;font-size:14px;font-weight:590;transition:.18s ease}.nav-item:hover{color:var(--blue);background:#f7faff}.nav-item.active{color:var(--blue);background:var(--blue-soft);font-weight:700}.nav-item.active i{position:absolute;left:-18px;width:3px;height:22px;border-radius:0 4px 4px 0;background:var(--blue)}.nav-item .icon{width:20px}.sidebar-spacer{flex:1}.level-card{padding:15px;border:1px solid #dfe8f5;border-radius:16px;background:linear-gradient(145deg,#f8fbff,#edf4ff)}.level-top{display:flex;gap:10px;align-items:center}.level-badge{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;color:#fff;background:var(--blue);font-size:12px;font-weight:800}.level-top>span:last-child{display:grid;gap:2px}.level-top strong{font-size:13px}.level-top small{font-size:10px;color:var(--muted)}.level-track,.xp-track{height:5px;margin:13px 0 9px;border-radius:5px;background:#dce7f6;overflow:hidden}.level-track i,.xp-track i{display:block;height:100%;border-radius:inherit;background:var(--blue)}.level-card>a{display:flex;align-items:center;justify-content:space-between;color:var(--blue);font-size:11px;font-weight:650}.level-card>a .icon{width:14px}.sidebar-footer{display:flex;align-items:center;gap:7px;padding:18px 8px 0;color:#8b98ab;font-size:10px}.sidebar-footer small{margin-left:auto}.service-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px var(--mint-soft)}.sidebar-scrim{display:none}.app-main{grid-column:2;min-width:0}.topbar{position:sticky;top:0;z-index:30;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid rgba(224,231,240,.92);background:rgba(255,255,255,.91);backdrop-filter:blur(18px)}.breadcrumb{display:flex;align-items:center;gap:9px;color:#98a4b5;font-size:13px}.breadcrumb strong{color:var(--navy);font-size:14px}.breadcrumb-sep{color:#c7d0dc}.top-actions{display:flex;align-items:center;gap:7px}.icon-button,.quiet-button,.user-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;cursor:pointer}.icon-button{width:39px;height:39px;border-radius:11px;color:#75849a}.icon-button:hover,.quiet-button:hover{color:var(--blue);background:var(--blue-soft)}.icon-button.small{width:30px;height:30px}.quiet-button{gap:7px;height:39px;padding:0 13px;border-radius:11px;color:#617087;font-size:12px}.notification-button{position:relative}.notification-button i{position:absolute;right:8px;top:8px;width:6px;height:6px;border:1.5px solid #fff;border-radius:50%;background:#f14f5b}.user-button{gap:9px;margin-left:5px;padding:4px 6px 4px 9px;border-left:1px solid var(--line)}.avatar{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;color:#205ec0;background:#e5efff;font-size:12px;font-weight:800}.user-copy{display:grid;gap:1px;text-align:left}.user-copy strong{font-size:12px}.user-copy small{font-size:9px;color:#96a2b3}.user-button>.icon{width:13px}.rotate-90{transform:rotate(90deg)}.mobile-menu{display:none}.popover{position:fixed;z-index:80;right:28px;top:65px;width:244px;padding:16px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow);font-size:12px}.popover[hidden]{display:none}.popover span,.popover p{display:block;color:var(--muted)}.popover p{line-height:1.6}.popover button{width:100%;display:flex;justify-content:space-between;margin-top:12px;padding:10px;border-radius:9px;background:var(--bg);cursor:pointer}.popover a{display:flex;align-items:center;gap:5px;color:var(--blue);font-weight:700}.popover a .icon{width:14px}.notification-popover{right:145px}.workspace{display:grid;grid-template-columns:minmax(640px,1fr) var(--right);gap:18px;padding:22px;max-width:1660px;margin:0 auto}.central-workspace{min-width:0}.page{display:grid;gap:18px}.right-panel{position:sticky;top:94px;height:calc(100vh - 116px);min-height:600px;padding:20px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-soft)}.panel-heading{display:flex;align-items:center;justify-content:space-between;color:var(--navy);font-size:13px;font-weight:750}.live-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:20px;color:#6e7d91;background:#f2f5f9;font-size:9px;font-weight:600}.live-pill i{width:6px;height:6px;border-radius:50%;background:#99a7b8}.status-hero{text-align:center;padding:26px 5px 22px;border-bottom:1px solid var(--line)}.status-orbit{width:72px;height:72px;display:grid;place-items:center;margin:0 auto 14px;border:1px solid #d9e6f8;border-radius:50%;background:linear-gradient(145deg,#f7fbff,#e9f3ff);box-shadow:inset 0 0 0 8px rgba(255,255,255,.8)}.status-orbit span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;color:var(--blue);background:#fff;box-shadow:0 5px 14px rgba(19,83,178,.13)}.status-hero>strong{display:block;color:var(--navy);font-size:24px}.status-hero>em{display:inline-block;margin-top:6px;padding:4px 9px;border-radius:12px;color:var(--mint);background:var(--mint-soft);font-size:9px;font-style:normal;font-weight:700}.status-hero p{margin:11px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.week-progress{padding:21px 0;border-bottom:1px solid var(--line)}.week-progress>div:first-child{display:flex;justify-content:space-between;font-size:11px}.week-progress>div:first-child span{color:var(--muted)}.week-dots{display:flex;justify-content:space-between;margin-top:14px}.week-dots>span{display:grid;justify-items:center;gap:7px}.week-dots i{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#f1f4f8}.week-dots .done i{color:#fff;background:var(--blue)}.week-dots .icon{width:12px}.week-dots small{color:#98a4b5;font-size:8px}.ai-note{display:flex;gap:11px;margin-top:18px;padding:14px;border:1px solid #dbe7f8;border-radius:14px;background:#f5f9ff}.ai-note-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;color:#fff;background:var(--blue)}.ai-note-icon .icon{width:15px}.ai-note>div{min-width:0}.ai-note strong{font-size:11px}.ai-note p{margin:6px 0 10px;color:#66758b;font-size:10px;line-height:1.65}.ai-note a{display:inline-flex;align-items:center;gap:4px;color:var(--blue);font-size:10px;font-weight:700}.ai-note a .icon{width:12px}.privacy-note{display:flex;align-items:center;gap:7px;margin-top:18px;color:#98a4b4;font-size:9px}.privacy-note .icon{width:13px}.card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-soft)}.card-head{display:flex;align-items:center;justify-content:space-between}.card-head h2{margin:3px 0 0;color:var(--navy);font-size:17px;letter-spacing:-.02em}.page-kicker,.eyebrow{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.13em}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;padding:5px 3px 1px}.page-intro h1{margin:7px 0 6px;color:var(--navy);font-size:27px;letter-spacing:-.045em}.page-intro p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.page-intro.compact{align-items:center}.button{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 15px;border:1px solid transparent;border-radius:11px;cursor:pointer;font-size:11px;font-weight:700;transition:.18s ease}.button:hover{transform:translateY(-1px)}.button.primary{color:#fff;background:var(--blue);box-shadow:0 7px 16px rgba(23,105,232,.18)}.button.primary:hover{background:var(--blue-dark)}.button.secondary{color:var(--blue);border-color:#bcd2f4;background:#fff}.button.ghost{color:#66768c;background:#f2f5f9}.button.full{width:100%}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.text-link{display:inline-flex;align-items:center;gap:5px;color:var(--blue);font-size:10px;font-weight:700}.text-link .icon{width:13px}.toast{position:fixed;z-index:100;left:50%;bottom:28px;max-width:420px;padding:11px 17px;border-radius:11px;color:#fff;background:#132846;box-shadow:0 12px 32px rgba(11,32,64,.25);font-size:12px;opacity:0;transform:translate(-50%,12px);pointer-events:none;transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}

/* Home */.welcome-block{position:relative;min-height:215px;display:grid;grid-template-columns:1fr 45%;align-items:center;overflow:hidden;padding:30px 32px;border:1px solid #dce6f4;border-radius:var(--radius-xl);background:linear-gradient(112deg,#fff 12%,#f1f6fd 72%,#e8f2ff);box-shadow:var(--shadow)}.welcome-block h1{margin:10px 0 9px;color:var(--navy);font-size:35px;line-height:1.13;letter-spacing:-.06em}.welcome-block h1 em{color:var(--blue);font-style:normal}.welcome-block p{margin:0;color:var(--muted);font-size:12px}.hero-portrait{position:absolute;right:0;top:0;width:49%;height:100%;overflow:hidden}.hero-portrait:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#f7faff 0,rgba(247,250,255,.18) 36%,transparent 70%)}.hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:66% 35%}.hero-portrait>span{position:absolute;z-index:2;right:20px;bottom:17px;display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.9);border-radius:10px;background:rgba(255,255,255,.88);box-shadow:0 7px 20px rgba(27,52,88,.09);backdrop-filter:blur(8px);font-size:9px}.hero-portrait>span i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(29,155,136,.12)}.section-title{display:flex;align-items:flex-end;justify-content:space-between;padding:2px 2px 0}.section-title>div span{color:var(--blue);font-size:9px;font-weight:800;letter-spacing:.1em}.section-title h2{margin:3px 0 0;color:var(--navy);font-size:18px}.section-title>small{color:#8d9aab;font-size:9px}.task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.task-card{position:relative;min-height:150px;display:flex;flex-direction:column;padding:17px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-soft);transition:.2s ease}.task-card:hover{transform:translateY(-2px);border-color:#c8daf3;box-shadow:var(--shadow)}.task-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;color:var(--blue);background:var(--blue-soft)}.task-card.navy .task-icon{color:#24446e;background:#edf1f7}.task-card.mint .task-icon{color:var(--mint);background:var(--mint-soft)}.task-number{position:absolute;right:15px;top:14px;color:#d3dce8;font-size:10px;font-weight:800}.task-copy{margin-top:14px}.task-copy h3{margin:0;color:var(--navy);font-size:15px}.task-copy p{margin:6px 0 11px;color:var(--muted);font-size:10px;line-height:1.5}.task-copy small{display:flex;align-items:center;gap:5px;color:#8b98aa;font-size:9px}.task-copy small .icon{width:12px}.task-arrow{position:absolute;right:15px;bottom:15px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;color:var(--blue);background:#f1f6ff;transition:.2s}.task-card:hover .task-arrow{color:#fff;background:var(--blue)}.task-arrow .icon{width:13px}.growth-overview{padding:19px 21px}.growth-grid{display:grid;grid-template-columns:124px minmax(180px,1fr) 1.1fr;gap:25px;align-items:center;margin-top:16px}.score-ring{--score:78;width:102px;aspect-ratio:1;display:grid;place-items:center;margin:auto;border-radius:50%;background:conic-gradient(var(--blue) calc(var(--score)*1%),#e8eef6 0);position:relative}.score-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}.score-ring>div{position:relative;z-index:1;display:grid;text-align:center}.score-ring strong{color:var(--navy);font-size:26px}.score-ring span{color:var(--muted);font-size:8px}.metric-list{display:grid;gap:11px}.metric-list>div{display:grid;grid-template-columns:1fr auto;gap:5px;color:#617087;font-size:9px}.metric-list>div>span{display:flex;align-items:center;gap:6px}.metric-list strong{color:var(--navy);font-size:11px}.metric-list strong small{margin-left:3px;color:var(--mint);font-size:8px}.metric-list>div>div{grid-column:1/-1;height:4px;border-radius:4px;background:#edf1f6}.metric-list>div>div i{display:block;height:100%;border-radius:inherit;background:var(--blue)}.metric-dot{width:6px;height:6px;border-radius:50%}.metric-dot.blue{background:var(--blue)}.metric-dot.navy{background:#456488}.metric-dot.mint{background:var(--mint)}.week-chart{padding-left:20px;border-left:1px solid var(--line)}.chart-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px}.chart-head strong{color:var(--navy);font-size:17px}.chart-head strong small{margin-left:3px;color:var(--muted);font-size:8px}.week-chart svg{width:100%;height:72px;margin-top:6px;overflow:visible}.week-chart .area{fill:url(#homeArea)}.week-chart .line{fill:none;stroke:var(--blue);stroke-width:2}.week-chart circle{fill:#fff;stroke:var(--blue);stroke-width:2}.chart-labels{display:flex;justify-content:space-between;color:#a2adbc;font-size:8px}.journey-strip{display:grid;grid-template-columns:auto minmax(230px,1fr) 180px auto;align-items:center;gap:13px;padding:15px 18px;border:1px solid #dce5f1;border-radius:15px;background:#fff}.journey-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--blue);background:var(--blue-soft)}.journey-strip strong{font-size:11px}.journey-strip p{margin:3px 0 0;color:var(--muted);font-size:9px}.journey-progress>span{display:block;height:5px;border-radius:5px;background:#e8edf4}.journey-progress>span i{display:block;height:100%;border-radius:inherit;background:var(--blue)}.journey-progress small{display:block;margin-top:5px;color:#8b98aa;font-size:8px}.journey-strip>a{display:flex;align-items:center;gap:4px;color:var(--blue);font-size:9px;font-weight:700}.journey-strip>a .icon{width:12px}

/* Sign */.service-state{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--line);border-radius:20px;background:#fff;color:#748398;font-size:9px}.service-state i{width:7px;height:7px;border-radius:50%;background:#a7b2c1}.service-state i.online{background:var(--mint);box-shadow:0 0 0 4px var(--mint-soft)}.service-state i.standby{background:#e3a329}.camera-card{overflow:hidden}.camera-stage{position:relative;height:430px;overflow:hidden;background:#dfe8f2}.camera-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,20,39,.08),transparent 35%,rgba(8,20,39,.16))}.camera-poster,.camera-stage video{width:100%;height:100%;object-fit:cover;object-position:54% 40%}.camera-stage video{transform:scaleX(-1)}.camera-overlay{position:absolute;z-index:3;left:17px;right:17px;top:16px;display:flex;align-items:center;justify-content:space-between}.capture-status,.frame-tip{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:9px;color:#fff;background:rgba(10,24,44,.72);backdrop-filter:blur(8px);font-size:9px}.capture-status i{width:7px;height:7px;border-radius:50%;background:#9aa8b8}.camera-stage[data-state=recording] .capture-status i{background:#ff4e5b;box-shadow:0 0 0 4px rgba(255,78,91,.17);animation:pulse 1.2s infinite}.camera-stage[data-state=processing] .capture-status i{background:#45b8e9}.camera-stage[data-state=complete] .capture-status i{background:#34c39f}.focus-frame{position:absolute;z-index:2;inset:74px 22% 54px}.focus-frame i{position:absolute;width:30px;height:30px;border-color:rgba(255,255,255,.72);border-style:solid}.focus-frame i:nth-child(1){left:0;top:0;border-width:2px 0 0 2px}.focus-frame i:nth-child(2){right:0;top:0;border-width:2px 2px 0 0}.focus-frame i:nth-child(3){left:0;bottom:0;border-width:0 0 2px 2px}.focus-frame i:nth-child(4){right:0;bottom:0;border-width:0 2px 2px 0}.wave-overlay{position:absolute;z-index:3;left:0;right:0;bottom:0;height:60px;display:flex;align-items:center;justify-content:center;gap:3px;padding:0 40px;background:linear-gradient(180deg,transparent,rgba(8,21,40,.65))}.wave-overlay i{width:2px;border-radius:4px;background:linear-gradient(#28bfc2,#2a77f3);opacity:.5}.camera-stage[data-state=recording] .wave-overlay i,.camera-stage[data-state=processing] .wave-overlay i{animation:wave 1s ease-in-out infinite;opacity:1}.camera-stage[data-state=recording] .wave-overlay i:nth-child(3n){animation-delay:.2s}.camera-stage[data-state=recording] .wave-overlay i:nth-child(4n){animation-delay:.35s}.camera-empty{position:absolute;z-index:3;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;color:#fff;background:#263b58}.camera-empty .icon{width:40px;height:40px}.camera-empty span{font-size:10px;opacity:.7}.camera-toolbar{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 17px}.tool-status{display:flex;align-items:center;gap:10px}.tool-status>span{width:9px;height:9px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px var(--mint-soft)}.tool-status>div{display:grid;gap:2px}.tool-status strong{font-size:11px}.tool-status small{color:var(--muted);font-size:9px}.camera-actions{display:flex;gap:8px}.training-bottom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.guide-card{display:flex;gap:12px;padding:14px}.guide-index{color:#b8c4d2;font-size:11px;font-weight:800}.guide-card strong{font-size:11px}.guide-card p{margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.5}.sign-insight-panel{display:flex;flex-direction:column}.insight-step{display:grid;grid-template-columns:26px 1fr;gap:10px;margin-top:15px;padding:13px;border:1px solid var(--line);border-radius:13px;background:#fff;transition:.2s}.insight-step.is-current{border-color:#c8daf5;background:#f8fbff}.insight-step.is-complete{border-color:#cce9e3;background:#fbfefd}.step-number{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;color:#7890b0;background:#edf2f8;font-size:8px;font-weight:800}.is-current .step-number{color:#fff;background:var(--blue)}.is-complete .step-number{color:#fff;background:var(--mint)}.insight-step span{font-size:10px;font-weight:700}.insight-step p{margin:6px 0;color:#586981;font-size:10px;line-height:1.65}.insight-step small{color:#a0acbb;font-size:8px}.audio-preview{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:auto;padding:15px 0}.audio-button{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--blue);cursor:pointer}.audio-button:disabled{background:#b9c7d9}.audio-button .icon{width:14px}.audio-preview>div>span{font-size:9px;font-weight:700}.audio-preview time{color:#9aa7b8;font-size:8px}.mini-wave{height:15px;display:flex;align-items:center;gap:2px;margin-top:3px}.mini-wave i{width:2px;height:8px;border-radius:2px;background:#a9cafa}.mini-wave i:nth-child(3n){height:13px}.mini-wave i:nth-child(5n){height:5px}@keyframes pulse{50%{opacity:.5}}@keyframes wave{50%{transform:scaleY(.35)}}

/* Interview */.role-banner{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;padding:15px 18px;border:1px solid #dce6f4;border-radius:16px;background:linear-gradient(100deg,#f7fbff,#edf4ff)}.company-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;color:#fff;background:#183866;font-size:17px;font-weight:800}.role-banner>div:nth-child(2)>span{color:var(--muted);font-size:8px}.role-banner h2{margin:3px 0 0;color:var(--navy);font-size:15px}.role-banner h2 small{color:#75849a;font-size:9px;font-weight:500}.role-tags{display:flex;gap:6px}.role-tags span{padding:5px 8px;border:1px solid #d7e2f0;border-radius:12px;color:#63758e;background:#fff;font-size:8px}.round-label{min-width:74px;padding-left:16px;border-left:1px solid #d5e1ef}.round-label small{display:block;color:var(--muted);font-size:8px}.round-label strong{font-size:13px}.round-label em{color:var(--blue);font-size:19px;font-style:normal}.interview-room{overflow:hidden}.interviewer-pane{display:flex;align-items:center;padding:14px 17px;border-bottom:1px solid var(--line)}.interviewer-avatar{position:relative;width:38px;height:38px;display:grid;place-items:center;margin-right:10px;border-radius:50%;color:#fff;background:#173b69;font-size:10px}.interviewer-avatar i{position:absolute;right:0;bottom:0;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:var(--mint)}.interviewer-copy{display:grid;gap:3px}.interviewer-copy>span{font-size:10px;font-weight:700}.interviewer-copy small{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8px}.interviewer-copy small i{width:5px;height:5px;border-radius:50%;background:var(--mint)}.interviewer-pane .icon-button{margin-left:auto}.question-pane{padding:22px 24px;text-align:center}.question-label{display:inline-flex;padding:5px 9px;border-radius:12px;color:var(--blue);background:var(--blue-soft);font-size:8px;font-weight:800}.question-pane h2{max-width:650px;margin:14px auto 8px;color:var(--navy);font-size:22px;line-height:1.45;letter-spacing:-.03em}.question-pane p{margin:0;color:var(--muted);font-size:9px}.answer-pane{margin:0 17px 17px;border:1px solid var(--line);border-radius:14px;background:#f8fafc;overflow:hidden}.answer-tabs{display:flex;border-bottom:1px solid var(--line);background:#fff}.answer-tabs button{height:38px;display:flex;align-items:center;gap:6px;padding:0 16px;color:#78879b;background:transparent;cursor:pointer;font-size:9px}.answer-tabs button.active{color:var(--blue);box-shadow:inset 0 -2px var(--blue)}.answer-tabs .icon{width:14px}.sign-answer{min-height:130px;display:grid;grid-template-columns:190px 1fr;align-items:center;gap:30px;padding:13px}.mini-camera{position:relative;height:105px;overflow:hidden;border-radius:10px;background:#dce7f3}.mini-camera img{width:100%;height:100%;object-fit:cover;object-position:55% 34%}.mini-camera span{position:absolute;left:7px;top:7px;display:flex;align-items:center;gap:4px;padding:4px 7px;border-radius:7px;color:#fff;background:rgba(12,29,52,.66);font-size:7px}.mini-camera .icon{width:10px}.record-answer{justify-self:center;min-width:155px;display:grid;justify-items:center;gap:4px;background:transparent;cursor:pointer}.record-answer>i{width:45px;height:45px;border:13px solid #eaf2ff;border-radius:50%;background:var(--blue);box-shadow:0 0 0 1px #bed3f4}.record-answer.recording>i{border-radius:16px;background:#ed5963;animation:pulse 1s infinite}.record-answer span{font-size:10px;font-weight:700}.record-answer small{color:var(--muted);font-size:8px}.text-answer{padding:14px}.text-answer textarea{width:100%;height:100px;padding:12px;resize:none;border:1px solid var(--line);border-radius:10px;outline:none;color:var(--ink);background:#fff;font-size:11px;line-height:1.6}.text-answer .button{float:right;margin-top:8px}.feedback-card{padding:17px}.waiting-feedback{padding:5px 8px;border-radius:10px;color:#8b98a9;background:#f1f4f7;font-size:8px}.waiting-feedback.ready{color:var(--mint);background:var(--mint-soft)}.feedback-grid{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:15px;margin-top:14px}.feedback-grid>div:not(.feedback-tip){display:grid;grid-template-columns:1fr auto;gap:8px;color:var(--muted);font-size:9px}.feedback-grid>div>strong{color:var(--navy);font-size:16px}.feedback-grid>div>div{grid-column:1/-1;height:5px;border-radius:5px;background:#edf1f6}.feedback-grid>div>div i{display:block;width:0;height:100%;border-radius:inherit;background:var(--blue);transition:.7s}.feedback-tip{display:flex;gap:9px;padding:11px;border-radius:11px;background:#f3f7fd}.feedback-tip>span{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;color:var(--blue);background:#fff}.feedback-tip .icon{width:14px}.feedback-tip p{margin:0;color:#637289;font-size:9px;line-height:1.55}

/* Companion */.safe-label{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:16px;color:#64758c;background:#eef3f8;font-size:9px}.safe-label .icon{width:13px}.companion-layout{display:grid;grid-template-columns:minmax(430px,1fr) 248px;gap:14px}.chat-card{height:650px;display:flex;flex-direction:column;overflow:hidden}.chat-head{height:62px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--line)}.ai-avatar,.message-avatar{display:grid;place-items:center;border-radius:11px;color:#fff;background:var(--blue);font-weight:800}.ai-avatar{width:34px;height:34px;margin-right:9px;font-size:12px}.chat-head>div:nth-child(2){display:grid;gap:3px}.chat-head strong{font-size:11px}.chat-head span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8px}.chat-head span i{width:5px;height:5px;border-radius:50%;background:var(--mint)}.chat-head .icon-button{margin-left:auto}.chat-messages{flex:1;display:flex;flex-direction:column;gap:15px;overflow:auto;padding:18px;background:#fbfcfe}.message{display:flex;gap:8px}.message.day{justify-content:center}.message.day span{padding:4px 8px;border-radius:9px;color:#9ba7b6;background:#f0f3f6;font-size:7px}.message-avatar{width:27px;height:27px;flex:none;font-size:9px}.message>div{max-width:78%;padding:10px 12px;border:1px solid var(--line);border-radius:5px 13px 13px 13px;background:#fff}.message p{margin:0;font-size:10px;line-height:1.7}.message time{display:block;margin-top:5px;color:#a2adbb;font-size:7px}.message.user{justify-content:flex-end}.message.user>div{color:#fff;border-color:var(--blue);border-radius:13px 5px 13px 13px;background:var(--blue)}.message.user time{color:rgba(255,255,255,.65);text-align:right}.quick-replies{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.quick-replies button{padding:5px 7px;border:1px solid #c9dbf5;border-radius:10px;color:var(--blue);background:#f5f9ff;cursor:pointer;font-size:7px}.chat-composer{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:7px;margin:12px;border:1px solid var(--line-strong);border-radius:13px;padding:6px;background:#fff}.chat-composer textarea{min-height:32px;max-height:80px;padding:8px 3px;border:0;resize:none;outline:none;font-size:10px}.send-button{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#fff;background:var(--blue);cursor:pointer}.send-button .icon{width:15px}.chat-disclaimer;padding:0 14px 10px;color:#a0abba;font-size:7px;text-align:center}.chat-disclaimer{padding:0 14px 10px;color:#a0abba;font-size:7px;text-align:center}.emotion-column{display:grid;gap:14px}.mood-card,.emotion-chart{padding:16px}.mood-chip{padding:5px 9px;border-radius:12px;color:var(--mint);background:var(--mint-soft);font-size:8px;font-weight:700}.mood-face{width:68px;height:68px;display:grid;place-items:center;margin:20px auto 10px;border-radius:50%;background:linear-gradient(145deg,#f1f7ff,#dcecff);box-shadow:inset 0 0 0 8px rgba(255,255,255,.7)}.mood-face span{color:var(--blue);font-size:34px;line-height:1;transform:rotate(6deg)}.mood-card>p{color:var(--muted);font-size:9px;line-height:1.6;text-align:center}.energy{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:16px;color:var(--muted);font-size:8px}.energy strong{color:var(--navy)}.energy>div{grid-column:1/-1;height:5px;border-radius:5px;background:#eaf0f6}.energy i{display:block;height:100%;border-radius:inherit;background:var(--mint)}.emotion-chart .card-head small{color:var(--mint);font-size:8px}.emotion-chart svg{width:100%;height:150px;margin-top:10px;overflow:visible}.emotion-chart .area{fill:url(#moodArea)}.emotion-chart .line{fill:none;stroke:var(--mint);stroke-width:2}.emotion-chart circle{fill:#fff;stroke:var(--mint);stroke-width:2}

/* Challenge */.practice-count{display:grid;justify-items:end;padding-left:20px;border-left:1px solid var(--line)}.practice-count strong{color:var(--blue);font-size:24px}.practice-count small{color:var(--muted);font-size:8px}.scene-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px}.scene-list{padding:13px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-soft)}.scene-list-head{display:flex;justify-content:space-between;padding:3px 4px 12px;font-size:10px;font-weight:700}.scene-list-head small{color:var(--muted);font-size:8px;font-weight:500}.scene-card{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:12px 10px;border-radius:12px;background:transparent;text-align:left;cursor:pointer}.scene-card:hover{background:#f7f9fc}.scene-card.active{color:var(--blue);background:var(--blue-soft)}.scene-card>span:first-child{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:#6f8097;background:#f0f3f7}.scene-card.active>span:first-child{color:var(--blue);background:#fff}.scene-card .icon{width:15px}.scene-card>div{display:grid;gap:3px}.scene-card strong{font-size:10px}.scene-card small{color:#8e9aac;font-size:7px;line-height:1.4}.scene-card>svg{width:12px;color:#a8b2c0}.scenario-workspace{padding:22px}.scenario-header{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line)}.scenario-header h2{margin:4px 0;color:var(--navy);font-size:22px}.scenario-header p{margin:0;color:var(--muted);font-size:9px}.difficulty{align-self:start;padding:5px 8px;border-radius:11px;color:var(--mint);background:var(--mint-soft);font-size:8px}.situation-box{display:flex;gap:11px;margin:17px 0;padding:14px;border:1px solid #d8e4f4;border-radius:13px;background:#f6f9fe}.situation-box>span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:var(--blue);background:#fff}.situation-box strong{font-size:10px}.situation-box p{margin:5px 0 0;color:#5d6e85;font-size:10px;line-height:1.65}.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.analysis-grid>section{padding:15px;border:1px solid var(--line);border-radius:13px}.analysis-index{color:#a7b4c4;font-size:9px;font-weight:800}.analysis-grid h3{margin:7px 0;color:var(--navy);font-size:12px}.analysis-grid p,.analysis-grid ol{margin:0;color:var(--muted);font-size:9px;line-height:1.7}.analysis-grid ol{padding-left:16px}.script-box{margin-top:12px;padding:14px;border-radius:13px;background:#f2f6fb}.script-head{display:flex;align-items:center;justify-content:space-between;color:var(--navy);font-size:10px;font-weight:700}.script-head>span{display:flex;align-items:center;gap:6px}.script-head .icon{width:14px;color:var(--blue)}.script-head button{display:flex;align-items:center;gap:5px;color:var(--blue);background:transparent;cursor:pointer;font-size:8px}.script-box blockquote{margin:11px 0;color:#3e516c;font-size:11px;line-height:1.75}.script-box small{color:#9ba7b6;font-size:8px}.scenario-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.completed-scene{box-shadow:0 0 0 2px rgba(29,155,136,.12),var(--shadow-soft)}

/* Rights */.rights-hero{min-height:245px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:28px 32px;overflow:hidden;border:1px solid #d9e6f5;border-radius:var(--radius-xl);background:linear-gradient(115deg,#fff,#edf5ff);box-shadow:var(--shadow)}.rights-hero h1{margin:9px 0;color:var(--navy);font-size:31px;line-height:1.2;letter-spacing:-.05em}.rights-hero p{max-width:500px;margin:0 0 17px;color:var(--muted);font-size:11px;line-height:1.65}.rights-illustration{position:relative;height:190px}.document-sheet{position:absolute;left:50%;top:50%;width:138px;height:165px;padding:25px 18px;border:1px solid #cfdae7;border-radius:10px;background:#fff;box-shadow:0 18px 36px rgba(26,56,94,.15);transform:translate(-50%,-50%) rotate(3deg)}.document-sheet>span{position:absolute;left:17px;top:15px;width:25px;height:5px;border-radius:4px;background:var(--blue)}.document-sheet strong{font-size:10px}.document-sheet>i{display:block;width:100%;height:5px;margin-top:14px;border-radius:4px;background:#e6ecf3}.document-sheet>i:nth-of-type(2){width:80%}.document-sheet>i:nth-of-type(3){width:62%}.document-sheet em{position:absolute;right:15px;bottom:16px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--mint)}.support-orbit{position:absolute;width:38px;height:38px;display:grid;place-items:center;border:1px solid #d6e3f3;border-radius:12px;color:var(--blue);background:#fff;box-shadow:var(--shadow-soft)}.support-orbit.one{left:10%;top:32%}.support-orbit.two{right:7%;bottom:22%;color:var(--mint)}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.support-card{min-height:182px;display:flex;flex-direction:column;align-items:flex-start;padding:17px;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:left;box-shadow:var(--shadow-soft);cursor:pointer;transition:.2s}.support-card:hover{transform:translateY(-2px);border-color:#c6d9f4}.support-card.featured{border-color:#bdd3f3;background:linear-gradient(145deg,#fff,#f3f8ff)}.support-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;color:var(--blue);background:var(--blue-soft)}.support-card>div small{display:block;margin-top:13px;color:var(--blue);font-size:8px;font-weight:700}.support-card h2{margin:4px 0;color:var(--navy);font-size:15px}.support-card p{margin:0;color:var(--muted);font-size:9px;line-height:1.6}.support-link{display:flex;align-items:center;gap:5px;margin-top:auto;color:var(--blue);font-size:9px;font-weight:700}.support-link .icon{width:12px}.rights-console{display:grid;grid-template-columns:1fr .9fr;gap:30px;padding:22px}.console-copy h2{margin:6px 0;color:var(--navy);font-size:20px}.console-copy>p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.question-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.question-chips button{padding:7px 9px;border:1px solid #d9e3ef;border-radius:12px;color:#60728b;background:#f8fafc;cursor:pointer;font-size:8px}.consult-box{padding:15px;border-radius:13px;background:#f4f7fb}.consult-box label{display:block;margin-bottom:7px;font-size:9px;font-weight:700}.consult-box textarea{width:100%;height:75px;padding:10px;border:1px solid var(--line);border-radius:9px;resize:none;outline:none;background:#fff;font-size:9px}.consult-box .button{margin-top:8px}.consult-box small{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:8px;color:#9ba7b6;font-size:7px}.consult-box small .icon{width:11px}

/* Growth */.profile-banner{display:grid;grid-template-columns:1fr 220px auto;align-items:center;gap:20px;padding:19px 21px;border:1px solid #dce6f4;border-radius:var(--radius-xl);background:linear-gradient(105deg,#fff,#eff6ff);box-shadow:var(--shadow-soft)}.profile-main{display:flex;align-items:center;gap:13px}.profile-avatar{position:relative;width:58px;height:58px;display:grid;place-items:center;border:4px solid #e8f1ff;border-radius:17px;color:#fff;background:linear-gradient(145deg,#4c91f7,#1f63d4);font-size:18px;font-weight:800}.profile-avatar span{position:absolute;right:-7px;bottom:-5px;width:23px;height:23px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;color:#fff;background:var(--mint)}.profile-avatar .icon{width:11px}.profile-main h1{margin:4px 0 2px;color:var(--navy);font-size:21px}.profile-main p{margin:0;color:var(--muted);font-size:9px}.level-summary>div:first-child{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:8px}.level-summary strong{color:var(--navy);font-size:13px}.level-summary em{margin-left:5px;color:var(--blue);font-size:8px;font-style:normal}.level-summary small{color:#8c99aa;font-size:8px}.growth-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ability-radar,.ability-list,.record-card{padding:18px}.growth-pill{padding:5px 8px;border-radius:10px;color:var(--mint);background:var(--mint-soft);font-size:8px;font-weight:700}.radar-wrap{position:relative;width:300px;max-width:100%;height:250px;margin:10px auto 0}.radar-wrap svg{width:100%;height:100%}.radar-grid{fill:none;stroke:#dfe7f1;stroke-width:1}.radar-wrap line{stroke:#e5ebf3}.radar-value{fill:rgba(23,105,232,.17);stroke:var(--blue);stroke-width:2}.radar-wrap circle{fill:#fff;stroke:var(--blue);stroke-width:2}.radar-label{position:absolute;color:#748398;font-size:8px}.radar-label.top{left:50%;top:0;transform:translateX(-50%)}.radar-label.right{right:0;top:37%}.radar-label.bottom-right{right:10%;bottom:5%}.radar-label.bottom-left{left:10%;bottom:5%}.radar-label.left{left:0;top:37%}.ability-list>.card-head>small{color:var(--muted);font-size:8px}.ability-bars{display:grid;gap:17px;margin-top:24px}.ability-bars>div>div:first-child{display:flex;justify-content:space-between;color:#5f6f85;font-size:9px}.ability-bars strong{color:var(--navy);font-size:11px}.ability-bars strong small{margin-left:6px;color:var(--mint);font-size:8px}.ability-track{height:6px;margin-top:7px;border-radius:6px;background:#edf1f6}.ability-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#62a0f5,var(--blue))}.ability-insight{display:flex;gap:9px;margin-top:23px;padding:12px;border-radius:12px;background:#f3f7fd;color:var(--blue)}.ability-insight p{margin:0;color:var(--muted);font-size:9px;line-height:1.6}.ability-insight p strong{display:block;color:var(--navy)}.filter-button{display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:#fff;cursor:pointer;font-size:8px}.filter-button .icon{width:11px}.timeline{margin-top:14px}.timeline-item{position:relative;display:grid;grid-template-columns:45px auto 1fr auto;align-items:center;gap:12px;padding:14px 4px;border-top:1px solid var(--line)}.timeline-item time{display:grid;text-align:center}.timeline-item time strong{color:var(--navy);font-size:16px}.timeline-item time span{color:var(--muted);font-size:7px}.timeline-dot{width:33px;height:33px;display:grid;place-items:center;border-radius:10px}.timeline-dot .icon{width:15px}.timeline-dot.blue{color:var(--blue);background:var(--blue-soft)}.timeline-dot.mint{color:var(--mint);background:var(--mint-soft)}.timeline-dot.navy{color:#365579;background:#edf1f6}.timeline-item>div{display:grid;gap:3px}.timeline-item>div>span{color:var(--blue);font-size:7px;font-weight:700}.timeline-item h3{margin:0;color:var(--navy);font-size:10px}.timeline-item p{margin:0;color:var(--muted);font-size:8px}.timeline-item>em{color:var(--mint);font-size:8px;font-style:normal;font-weight:700}.load-more{width:100%;display:flex;align-items:center;justify-content:center;gap:5px;padding:9px;color:var(--blue);background:#f6f9fd;border-radius:9px;cursor:pointer;font-size:8px;font-weight:700}.load-more .icon{width:12px}

@media(max-width:1180px){:root{--right:260px}.workspace{padding:16px;gap:14px}.task-grid{grid-template-columns:1fr}.task-card{min-height:104px}.growth-grid{grid-template-columns:110px 1fr}.week-chart{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:14px 0 0}.role-tags{display:none}.companion-layout{grid-template-columns:1fr}.emotion-column{grid-template-columns:1fr 1fr}.chat-card{height:600px}.support-grid{grid-template-columns:1fr}.support-card{min-height:140px}.support-card p{max-width:550px}.growth-summary-grid{grid-template-columns:1fr}.journey-strip{grid-template-columns:auto 1fr auto}.journey-progress{display:none}}
@media(max-width:900px){:root{--sidebar:220px}.sidebar{transform:translateX(-100%);transition:.22s}.sidebar-open .sidebar{transform:translateX(0)}.sidebar-scrim{position:fixed;z-index:35;inset:0;display:block;background:rgba(10,24,44,.28);opacity:0;pointer-events:none;transition:.22s}.sidebar-open .sidebar-scrim{opacity:1;pointer-events:auto}.app-shell{display:block}.app-main{display:block}.mobile-menu{display:grid}.breadcrumb{margin-right:auto;margin-left:8px}.workspace{grid-template-columns:1fr}.right-panel{position:relative;top:auto;height:auto;min-height:0}.sign-insight-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sign-insight-panel .panel-heading,.sign-insight-panel .audio-preview,.sign-insight-panel>.button{grid-column:1/-1}.insight-step{margin-top:0}.user-copy{display:none}.workspace{padding:14px}.camera-stage{height:390px}}
@media(max-width:640px){.topbar{height:62px;padding:0 12px}.quiet-button{display:none}.user-button{padding-left:6px}.workspace{padding:10px}.right-panel{padding:15px}.page-intro{align-items:flex-start;gap:12px}.page-intro h1{font-size:23px}.welcome-block{min-height:360px;grid-template-columns:1fr;align-items:start;padding:24px}.welcome-block h1{font-size:31px}.hero-portrait{left:0;top:auto;bottom:0;width:100%;height:55%}.hero-portrait:before{background:linear-gradient(180deg,#f5f9ff,transparent 55%)}.hero-portrait>span{display:none}.task-grid,.training-bottom-grid,.feedback-grid,.analysis-grid,.support-grid,.growth-summary-grid,.emotion-column{grid-template-columns:1fr}.growth-grid{grid-template-columns:1fr}.metric-list{width:100%}.journey-strip{grid-template-columns:auto 1fr}.journey-strip>a{grid-column:2}.camera-stage{height:330px}.camera-toolbar{align-items:flex-start;flex-direction:column}.camera-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.camera-actions .button.primary{grid-column:1/-1}.sign-insight-panel{display:flex}.role-banner{grid-template-columns:auto 1fr auto}.round-label{grid-column:3;grid-row:1}.sign-answer{grid-template-columns:1fr}.mini-camera{height:150px}.companion-layout{display:block}.emotion-column{margin-top:10px}.scene-layout{grid-template-columns:1fr}.scene-list{display:grid;grid-template-columns:1fr 1fr}.scene-list-head{grid-column:1/-1}.scene-card{grid-template-columns:auto 1fr}.scene-card>svg{display:none}.rights-hero{grid-template-columns:1fr;min-height:420px}.rights-illustration{height:165px}.rights-console{grid-template-columns:1fr}.profile-banner{grid-template-columns:1fr}.profile-banner>.button{justify-self:start}.timeline-item{grid-template-columns:38px auto 1fr}.timeline-item>em{grid-column:3}.question-pane h2{font-size:18px}.chat-card{height:580px}.popover{right:12px}.notification-popover{right:12px}.breadcrumb>span:first-child,.breadcrumb-sep{display:none}}