.commentThread{padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);max-width:600px}.commentBadge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--color-primary);color:#fff;font-size:11px;font-weight:700}.commentCard{padding:12px;margin-bottom:8px;border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-surface-2)}.commentCardResolved{border-left-color:var(--color-muted);opacity:.75}.commentHeader{display:flex;align-items:center;gap:8px;margin-bottom:6px}.commentAuthor{font-size:13px;font-weight:600;color:var(--color-text)}.commentTime{font-size:12px;color:var(--color-muted)}.commentTarget{margin:6px 0;padding:6px 10px;border-left:3px solid var(--color-muted);background:rgba(0,0,0,.03);border-radius:4px;font-size:13px;color:var(--color-muted-2);font-style:italic}.commentText{font-size:14px;color:var(--color-text);margin:4px 0;line-height:1.5}.commentSuggestion{margin:6px 0;padding:6px 10px;border-radius:4px;background:rgba(16,185,129,.08);font-size:13px;color:var(--color-text)}.commentActions{display:flex;align-items:center;gap:6px;margin-top:8px}.commentBtnAccept,.commentBtnDelete,.commentBtnReject{border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .15s}.commentBtnAccept{background:var(--color-success);color:#fff}.commentBtnReject{background:var(--color-danger);color:#fff}.commentBtnDelete{background:transparent;color:var(--color-muted);text-decoration:underline;padding:4px 6px}.commentBtnAccept:hover,.commentBtnReject:hover{opacity:.85}.commentStatusLabel{font-size:12px;font-weight:600;padding:2px 8px;border-radius:6px}.commentStatusAccepted{background:rgba(16,185,129,.12);color:var(--color-success)}.commentStatusRejected{background:rgba(255,77,79,.12);color:var(--color-danger)}.commentForm{margin-top:16px;padding-top:12px;border-top:1px solid var(--color-border)}.commentTextarea{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font-family);background:var(--color-surface);color:var(--color-text);resize:vertical;margin-bottom:8px;box-sizing:border-box}.commentTextarea:focus{outline:none;border-color:var(--color-primary)}.commentTextareaSmall{font-size:13px}.commentSubmitBtn{display:inline-flex;align-items:center;justify-content:center;padding:6px 16px;border:none;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.commentSubmitBtn:hover{background:var(--color-primary-hover)}.commentSubmitBtn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .commentTarget{background:rgba(255,255,255,.04)}[data-theme=dark] .commentSuggestion{background:rgba(16,185,129,.12)}.jobMatchCard{display:flex;align-items:flex-start;gap:24px;background:rgba(255,255,255,.95);border:1px solid rgba(226,232,240,.95);border-radius:12px;padding:20px}.jobMatchCardCompact{gap:18px;padding:10px 14px}.completionCompactRow{display:flex;align-items:center;gap:12px;width:100%}.completionCompactLead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.completionCompactTitle{font-size:12px;font-weight:700;color:rgba(71,85,105,.9)}.completionCompactBarWrap{flex:1 1;min-width:140px}.matchGauge{align-items:center;gap:6px;flex-shrink:0}.completionHero,.matchGauge{display:flex;flex-direction:column}.completionHero{gap:12px;flex:0 0 320px;min-width:0}.completionScoreRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.completionHeroActions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.completionPercent{font-size:44px;line-height:1;font-weight:800;color:rgba(15,23,42,.94);letter-spacing:-.04em}.completionPercentCompact{font-size:28px}.completionBadge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap}.completionBadgeLow{background:rgba(239,68,68,.12);color:#b91c1c}.completionBadgeMedium{background:rgba(245,158,11,.14);color:#b45309}.completionBadgeHigh{background:rgba(16,185,129,.14);color:#047857}.completionBarTrack{position:relative;width:100%;height:16px;overflow:hidden;border-radius:999px;background:linear-gradient(90deg,rgba(239,68,68,.18),rgba(239,68,68,.18) 33.333%,rgba(245,158,11,.18) 0,rgba(245,158,11,.18) 66.666%,rgba(16,185,129,.18) 0,rgba(16,185,129,.18));border:1px solid rgba(226,232,240,.95)}.completionBarTrackCompact{height:10px}.completionBarFill{height:100%;border-radius:inherit;transition:width .35s ease-out;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}.completionBarFillLow{background:linear-gradient(90deg,#ef4444,#f87171)}.completionBarFillMedium{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.completionBarFillHigh{background:linear-gradient(90deg,#10b981,#34d399)}.completionLegend{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;font-weight:700;color:rgba(100,116,139,.88)}.completionSummaryLine{font-size:12px;font-weight:600;color:rgba(71,85,105,.88)}.completionToggleBtn{border:1px solid rgba(203,213,225,.9);background:rgba(248,250,252,.95);color:rgba(15,23,42,.86);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.completionToggleBtn:hover{border-color:rgba(148,163,184,.95);background:rgba(241,245,249,1);transform:translateY(-1px)}.completionToggleBtn:focus-visible{outline:2px solid rgba(59,130,246,.22);outline-offset:2px}.matchGaugeLabel{font-size:13px;font-weight:600;color:rgba(71,85,105,.95)}.matchDelta{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:rgba(15,23,42,.06)}.matchDeltaPositive{color:#047857;background:rgba(16,185,129,.12)}.matchDeltaNegative{color:#b45309;background:rgba(245,158,11,.14)}.matchDetails{flex:1 1;display:flex;flex-direction:column;gap:16px;min-width:0}.matchDetailsCollapsed{display:none}.matchMeta{font-size:12px;color:rgba(100,116,139,.9);line-height:1.5;text-align:center}.matchBreakdownGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:8px;gap:8px}.matchBreakdownItem{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid rgba(226,232,240,.95);border-radius:10px;background:rgba(248,250,252,.72);font-size:12px;line-height:1.4}.matchDeductions{display:flex;flex-direction:column;gap:8px}.matchDeductionItem{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-left:3px solid #ef4444;background:rgba(239,68,68,.05);border-radius:0 8px 8px 0;font-size:13px;line-height:1.5}.matchDeductionResolved{border-left-color:#10b981;background:rgba(16,185,129,.08)}.matchDeductionNew{border-left-color:#f59e0b;background:rgba(245,158,11,.08)}.matchDeductionHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.matchDeductionPoints{font-size:12px;font-weight:700;color:rgba(185,28,28,.95)}.matchSectionTitle{font-size:13px;font-weight:700;color:rgba(15,23,42,.88);margin-bottom:6px}.matchGaps,.matchStrengths{display:flex;flex-direction:column;gap:6px}.matchStrengthItem{border-left:3px solid #10b981;background:rgba(16,185,129,.04)}.matchGapItem,.matchStrengthItem{display:flex;align-items:flex-start;gap:8px;padding:6px 10px;border-radius:0 6px 6px 0;font-size:13px;line-height:1.5}.matchGapItem{border-left:3px solid #f59e0b;background:rgba(245,158,11,.04)}.matchIcon{flex-shrink:0;font-size:14px;line-height:1.5}.matchIconGreen{color:#10b981}.matchIconYellow{color:#f59e0b}.matchEvidence{font-size:12px;color:rgba(100,116,139,.9);margin-top:2px;line-height:1.4}.matchRecommendations{display:flex;flex-direction:column;gap:4px}.matchRecList{margin:0;padding-left:20px;font-size:13px;line-height:1.6;color:rgba(15,23,42,.85)}.matchRecList li{margin-bottom:4px}.coachingOverviewCard{display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-0)}.coachingOverviewHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.coachingOverviewHeaderMain{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.coachingOverviewKicker{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(37,99,235,.88)}.coachingOverviewSummary{font-size:15px;line-height:1.45;font-weight:700;color:rgba(15,23,42,.92)}.coachingOverviewStatus{font-size:12px;line-height:1.55;color:rgba(71,85,105,.9);overflow-wrap:anywhere}.coachingOverviewScore{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:78px;padding:8px 10px;border-radius:12px;border:1px solid rgba(191,219,254,.95);background:rgba(219,234,254,.5);color:rgba(30,64,175,.95);flex-shrink:0}.coachingOverviewScore strong{font-size:24px;line-height:1;letter-spacing:-.04em}.coachingOverviewScoreLabel{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.coachingOverviewBody{display:grid;grid-template-columns:minmax(156px,200px) minmax(0,1fr);grid-gap:16px;gap:16px;align-items:center}.coachingOverviewRadarWrap{display:flex;align-items:center;justify-content:center}.coachingOverviewRadar{width:min(100%,196px);height:auto;overflow:visible}.coachingOverviewContent{display:flex;flex-direction:column;gap:12px;min-width:0}.coachingOverviewFocus{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;border:1px solid rgba(226,232,240,.95);background:rgba(255,255,255,.72)}.coachingOverviewFocusTitle{font-size:12px;font-weight:800;color:rgba(15,23,42,.86)}.coachingOverviewFocusChips{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.coachingOverviewChip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(191,219,254,.95);background:rgba(239,246,255,.96);color:rgba(30,64,175,.92);font-size:12px;font-weight:700;line-height:1.4;max-width:100%;white-space:normal;overflow-wrap:anywhere}.coachingOverviewAxisList{display:flex;flex-direction:column;gap:10px}.coachingOverviewAxisItem{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid rgba(226,232,240,.95);background:rgba(255,255,255,.82)}.coachingOverviewAxisMeta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.coachingOverviewAxisLabel{font-size:12px;font-weight:700;color:rgba(51,65,85,.94);fill:currentColor}.coachingOverviewAxisHint{margin-top:3px;font-size:12px;line-height:1.5;color:rgba(100,116,139,.9);overflow-wrap:anywhere}.coachingOverviewAxisScore{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex-shrink:0;text-align:right}.coachingOverviewAxisScore strong{font-size:15px;line-height:1;color:rgba(15,23,42,.92)}.coachingOverviewAxisStateStrong,.coachingOverviewAxisStateWatch,.coachingOverviewAxisStateWeak{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800}.coachingOverviewAxisStateStrong{background:rgba(16,185,129,.12);color:#047857}.coachingOverviewAxisStateWatch{background:rgba(245,158,11,.16);color:#b45309}.coachingOverviewAxisStateWeak{background:rgba(239,68,68,.12);color:#b91c1c}.coachingOverviewAxisBar{width:100%;height:8px;overflow:hidden;border-radius:999px;background:rgba(226,232,240,.9)}.coachingOverviewAxisFill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#60a5fa)}@media (max-width:900px){.coachingOverviewBody{grid-template-columns:1fr;justify-items:center}.coachingOverviewContent{width:100%}}@media (max-width:560px){.coachingOverviewCard{padding:14px}.coachingOverviewHeader{flex-direction:column}.coachingOverviewScore{align-items:flex-start;min-width:0}.coachingOverviewRadar{width:min(100%,174px)}.coachingOverviewAxisMeta{flex-direction:column}.coachingOverviewAxisScore{justify-content:flex-start;text-align:left}}[data-theme=dark] .coachingOverviewCard{border-color:rgba(71,85,105,.92);background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(30,41,59,.94));box-shadow:none}[data-theme=dark] .coachingOverviewKicker{color:rgba(147,197,253,.92)}[data-theme=dark] .coachingOverviewSummary{color:rgba(241,245,249,.95)}[data-theme=dark] .coachingOverviewAxisHint,[data-theme=dark] .coachingOverviewAxisLabel,[data-theme=dark] .coachingOverviewStatus{color:rgba(148,163,184,.94)}[data-theme=dark] .coachingOverviewScore{border-color:rgba(59,130,246,.35);background:rgba(30,64,175,.18);color:rgba(191,219,254,.95)}[data-theme=dark] .coachingOverviewAxisItem,[data-theme=dark] .coachingOverviewFocus{border-color:rgba(71,85,105,.92);background:rgba(15,23,42,.52)}[data-theme=dark] .coachingOverviewAxisScore strong,[data-theme=dark] .coachingOverviewFocusTitle{color:rgba(241,245,249,.95)}[data-theme=dark] .coachingOverviewChip{border-color:rgba(59,130,246,.35);background:rgba(30,64,175,.16);color:rgba(191,219,254,.94)}[data-theme=dark] .coachingOverviewAxisBar{background:rgba(51,65,85,.95)}@media (max-width:900px){.jobMatchCard{flex-direction:column}.completionHero{flex-basis:auto;width:100%}.completionCompactRow{align-items:flex-start;flex-direction:column}.completionCompactBarWrap{width:100%}}.matchBtn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:background .15s,border-color .15s}.matchBtn:hover:not(:disabled){background:var(--color-surface-2);border-color:var(--color-primary)}.matchBtn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:560px){.jobMatchCard{flex-direction:column;align-items:center}}[data-theme=dark] .jobMatchCard{background:rgba(30,41,59,.95);border-color:var(--color-border)}[data-theme=dark] .matchGaugeLabel{color:rgba(148,163,184,.95)}[data-theme=dark] .matchDelta{background:rgba(148,163,184,.12)}[data-theme=dark] .completionSummaryLine{color:rgba(148,163,184,.92)}[data-theme=dark] .completionCompactTitle{color:rgba(148,163,184,.95)}[data-theme=dark] .completionToggleBtn{border-color:rgba(71,85,105,.9);background:rgba(15,23,42,.6);color:rgba(241,245,249,.9)}[data-theme=dark] .completionToggleBtn:hover{border-color:rgba(148,163,184,.9);background:rgba(30,41,59,.92)}[data-theme=dark] .matchDeltaPositive{color:#6ee7b7;background:rgba(16,185,129,.18)}[data-theme=dark] .matchDeltaNegative{color:#fbbf24;background:rgba(245,158,11,.18)}[data-theme=dark] .matchSectionTitle{color:rgba(241,245,249,.88)}[data-theme=dark] .matchMeta{color:rgba(148,163,184,.9)}[data-theme=dark] .matchBreakdownItem{background:rgba(15,23,42,.55);border-color:rgba(71,85,105,.9)}[data-theme=dark] .matchStrengthItem{background:rgba(16,185,129,.08)}[data-theme=dark] .matchGapItem{background:rgba(245,158,11,.08)}[data-theme=dark] .matchDeductionItem{background:rgba(239,68,68,.12)}[data-theme=dark] .matchDeductionResolved{background:rgba(16,185,129,.14)}[data-theme=dark] .matchDeductionNew{background:rgba(245,158,11,.14)}[data-theme=dark] .matchDeductionPoints{color:#fda4af}[data-theme=dark] .matchEvidence{color:rgba(148,163,184,.9)}[data-theme=dark] .matchRecList{color:rgba(241,245,249,.85)}.interviewOverlay{position:fixed;top:0;right:0;bottom:0;width:min(520px,100vw);z-index:100;background:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:-8px 0 32px rgba(15,23,42,.12);overflow-y:auto;animation:slideInRight .25s ease-out}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.interviewPanel{padding:24px;display:flex;flex-direction:column;gap:16px}.interviewPanelHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.interviewPanelTitle{font-size:18px;font-weight:700;color:var(--color-text);margin:0}.interviewIntro{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.interviewLoading{display:flex;align-items:center;gap:10px;padding:24px 0}.interviewSpinner{width:20px;height:20px;border:2.5px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.interviewQuestions{display:flex;flex-direction:column;gap:10px}.interviewActionsTop{display:flex;justify-content:flex-end;margin-bottom:4px}.interviewQuestion{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);overflow:hidden}.interviewQuestionHeader{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s}.interviewQuestionHeader:hover{background:rgba(36,99,235,.04)}.interviewQuestionNum{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--color-primary);color:#ffffff;font-size:12px;font-weight:700;flex-shrink:0}.interviewQuestionText{flex:1 1;font-size:14px;font-weight:600;color:var(--color-text);line-height:1.5}.interviewCategory{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-muted)}.interviewCategory--behavioral{border-color:rgba(36,99,235,.25);background:rgba(36,99,235,.06);color:var(--color-primary)}.interviewCategory--technical{border-color:rgba(16,185,129,.25);background:rgba(16,185,129,.06);color:var(--color-success)}.interviewCategory--situational{border-color:rgba(245,158,11,.25);background:rgba(245,158,11,.06);color:#d97706}.interviewCategory--motivational{border-color:rgba(168,85,247,.25);background:rgba(168,85,247,.06);color:#a855f7}.interviewExpandIcon{font-size:10px;color:var(--color-muted);flex-shrink:0}.starGuide{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--color-border);padding:12px 14px 14px;margin-top:0}.starGuideRow{display:flex;gap:10px;align-items:flex-start}.starGuideLabel{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:var(--color-primary);color:#ffffff;font-size:12px;font-weight:var(--weight-bold);flex-shrink:0}.starGuideContent{font-size:13px;color:var(--color-text);line-height:1.6;flex:1 1}.interviewTimerRow{display:flex;align-items:center;gap:10px;margin-top:4px;padding-top:8px;border-top:1px dashed var(--color-border)}.interviewTimer{font-size:20px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-primary);min-width:50px}.interviewTimerDone{color:var(--color-danger)}.translateBtnWrapper{position:relative}.translateBtn,.translateBtnWrapper{display:inline-flex;align-items:center}.translateBtn{gap:4px}.translateIcon{font-size:15px}.translateLoading{display:inline-block;width:14px;height:14px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}.translateError{font-size:12px;color:var(--color-danger);margin-left:8px}.translateConfirm{position:absolute;top:calc(100% + 6px);right:0;z-index:50;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);padding:14px;min-width:260px}.translateConfirmText{font-size:13px;color:var(--color-text);margin:0 0 10px;line-height:1.5}.translateConfirmActions{display:flex;gap:8px;justify-content:flex-end}[data-theme=dark] .interviewOverlay{background:var(--color-surface);border-left-color:var(--color-border);box-shadow:-8px 0 32px rgba(0,0,0,.4)}[data-theme=dark] .interviewQuestion{background:var(--color-surface-2);border-color:var(--color-border)}[data-theme=dark] .interviewQuestionHeader:hover{background:rgba(96,165,250,.06)}[data-theme=dark] .starGuideContent{color:var(--color-text)}[data-theme=dark] .translateConfirm{background:var(--color-surface);border-color:var(--color-border);box-shadow:0 12px 30px rgba(0,0,0,.5)}[data-theme=dark] .interviewCategory--situational{color:#fbbf24}.portfolioPage{max-width:800px;margin:0 auto;padding:var(--sp-12) var(--sp-6) var(--sp-12);font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);min-height:100vh}.portfolioHero{text-align:center;margin-bottom:var(--sp-12);padding-bottom:var(--sp-8);border-bottom:1px solid var(--color-border)}.portfolioAvatar{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:var(--sp-4);border:2px solid var(--color-border)}.portfolioHero h1{font-size:var(--text-xl);font-weight:var(--weight-bold);margin:0 0 var(--sp-2);line-height:var(--leading-tight)}.portfolioHeroName{font-size:var(--text-base);color:var(--color-muted);margin:0 0 var(--sp-3)}.portfolioHeroBio{font-size:var(--text-base);color:var(--color-muted-2);max-width:560px;margin:0 auto;line-height:var(--leading-relaxed)}.portfolioSection{margin-bottom:var(--sp-10)}.portfolioSection h2{font-size:var(--text-lg);font-weight:var(--weight-bold);margin:0 0 var(--sp-5);padding-bottom:var(--sp-2);border-bottom:2px solid var(--color-primary);display:inline-block}.portfolioSkills{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.portfolioSkillTag{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius);background:var(--color-primary-bg);color:var(--color-primary);font-size:var(--text-sm);font-weight:500}.portfolioSkillLevel{font-size:var(--text-xxs);opacity:.7}.portfolioTimeline{display:flex;flex-direction:column;gap:0}.portfolioTimelineItem{padding:var(--sp-4) 0 var(--sp-4) var(--sp-5);border-left:3px solid var(--color-primary);position:relative}.portfolioTimelineItem:before{content:"";position:absolute;left:-7px;top:22px;width:10px;height:10px;background:var(--color-primary);border-radius:50%;border:2px solid var(--color-bg)}.portfolioTimelineHeader{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-1)}.portfolioTimelineHeader strong{font-size:var(--text-base)}.portfolioTimelinePeriod{font-size:var(--text-xs);color:var(--color-muted)}.portfolioTimelineRole{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-primary);margin-bottom:var(--sp-1)}.portfolioTimelineTech{font-size:var(--text-xs);color:var(--color-muted);margin-bottom:var(--sp-2)}.portfolioTimelineImpact{font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:var(--sp-1) 0 0;color:var(--color-muted-2)}.portfolioProjects{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--sp-4);gap:var(--sp-4)}.portfolioProjectCard{padding:var(--sp-5);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-0);transition:box-shadow var(--transition-fast)}.portfolioProjectCard h3{font-size:var(--text-md);font-weight:var(--weight-bold);margin:0 0 var(--sp-2)}.portfolioProjectPeriod,.portfolioProjectRole{font-size:var(--text-xs);color:var(--color-muted);margin-bottom:var(--sp-1)}.portfolioProjectBuilt,.portfolioProjectDesc,.portfolioProjectImpact{font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:var(--sp-2) 0 0;color:var(--color-muted-2)}.portfolioProjectLinks{margin-top:var(--sp-2);display:flex;flex-wrap:wrap;gap:var(--sp-2)}.portfolioProjectLinks a{font-size:var(--text-xs);color:var(--color-primary);word-break:break-all}.portfolioEducation{display:flex;flex-direction:column;gap:var(--sp-3)}.portfolioEducationItem{font-size:var(--text-base);line-height:var(--leading-relaxed)}.portfolioEducationItem strong{font-weight:var(--weight-semibold)}.portfolioEduPeriod{font-size:var(--text-xs);color:var(--color-muted)}.portfolioEducationItem p{margin:var(--sp-1) 0 0;font-size:var(--text-sm);color:var(--color-muted-2)}.portfolioFooter{margin-top:var(--sp-12);padding-top:var(--sp-6);border-top:1px solid var(--color-border);text-align:center;font-size:var(--text-xs);color:var(--color-muted)}.portfolioFooter a{color:var(--color-primary);text-decoration:none;font-weight:var(--weight-semibold)}.portfolioSettings{max-width:480px;padding:24px;display:flex;flex-direction:column;gap:16px}.portfolioSettings h3{font-size:18px;font-weight:700;margin:0 0 4px}.portfolioLabel{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500}.portfolioSlugRow{display:flex;align-items:center;gap:0}.portfolioSlugPrefix{padding:10px 12px;background:var(--color-surface-2);border:1px solid var(--color-border);border-right:none;border-radius:8px 0 0 8px;font-size:14px;color:var(--color-muted);white-space:nowrap}.slugInput{border-radius:0 8px 8px 0!important;flex:1 1;min-width:0}.slugAvailable{border-color:var(--color-success)!important}.slugTaken{border-color:var(--color-danger)!important}.portfolioSlugHint{font-size:12px;color:var(--color-muted)}.portfolioSlugHint.slugAvailable{color:var(--color-success)}.portfolioSlugHint.slugTaken{color:var(--color-danger)}.portfolioBioTextarea{min-height:80px!important}.portfolioToggleLabel{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:500}.portfolioToggle{position:relative;width:44px;height:24px;border:none;border-radius:12px;background:var(--color-border);cursor:pointer;transition:background .2s;padding:0}.portfolioToggleOn{background:var(--color-primary)}.portfolioToggleThumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}.portfolioToggleOn .portfolioToggleThumb{transform:translateX(20px)}.portfolioViewLink{display:inline-flex;align-items:center;gap:4px;font-size:14px;color:var(--color-primary);font-weight:500;text-decoration:none}.portfolioViewLink:hover{text-decoration:underline}.portfolioError{font-size:13px;color:var(--color-danger);margin:0}.portfolioSuccess{font-size:13px;color:var(--color-success);margin:0}.portfolioSaveBtn{align-self:flex-start;background:var(--color-primary)!important;color:#fff!important;border-color:var(--color-primary)!important}.portfolioSaveBtn:hover:not(:disabled){background:var(--color-primary-hover)!important}.portfolioSaveBtn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .portfolioPage{background:var(--color-bg);color:var(--color-text)}[data-theme=dark] .portfolioAvatar{border-color:var(--color-border)}[data-theme=dark] .portfolioSkillTag{background:rgba(96,165,250,.12);color:var(--color-primary)}[data-theme=dark] .portfolioTimelineItem{border-left-color:var(--color-primary)}[data-theme=dark] .portfolioTimelineItem:before{background:var(--color-primary);border-color:var(--color-bg)}[data-theme=dark] .portfolioProjectCard{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .portfolioSlugPrefix{background:var(--color-surface-2);border-color:var(--color-border);color:var(--color-muted)}[data-theme=dark] .portfolioToggle{background:var(--color-border)}[data-theme=dark] .portfolioToggleOn{background:var(--color-primary)}[data-theme=dark] .portfolioToggleThumb{background:var(--color-surface)}@media (max-width:640px){.portfolioPage{padding:32px 16px 48px}.portfolioHero h1{font-size:22px}.portfolioProjects{grid-template-columns:1fr}.portfolioTimelineHeader{flex-direction:column;gap:2px}}.shell{display:grid;grid-template-rows:var(--topbar-height) 1fr;grid-template-columns:240px 1fr;grid-template-areas:"header header" "sidebar main";height:100vh;overflow:hidden}.shell-header{grid-area:header;display:flex;justify-content:space-between;padding:0 var(--sp-6);background:color-mix(in srgb,var(--color-surface) 88%,transparent);-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);z-index:10;height:var(--topbar-height)}.shell-header,.shell-header.shell-header--kcci{align-items:center;border-bottom:1px solid var(--color-border)}.shell-header.shell-header--kcci{padding:0;background:rgba(255,255,255,.9);color:var(--kcci-navy);box-shadow:0 4px 20px rgba(0,0,0,.04);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px)}.shell-header--kcci .shell-header-brandZone{display:inline-flex;align-items:center;flex-shrink:0;height:100%;padding:0 var(--sp-5);line-height:1;color:var(--kcci-navy);text-decoration:none;cursor:pointer;transition:background-color .18s ease,color .18s ease}.shell-header--kcci .shell-header-brandZone:hover{background:rgba(45,114,210,.08);color:var(--color-primary)}.shell-header--kcci .shell-header-brandZone:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.shell-header--kcci .shell-header-brandZone strong{font-size:var(--text-md);font-weight:900;color:var(--kcci-navy);letter-spacing:-.03em;white-space:nowrap}.shell-header--kcci .shell-header-left,.shell-header--kcci .shell-header-right{padding:0 var(--sp-6);align-items:center;color:var(--kcci-navy)}.shell-header--kcci .shell-header-right{margin-left:auto}@media (max-width:768px){.shell-header--kcci .shell-header-brandZone,.shell-header--kcci .shell-header-left,.shell-header--kcci .shell-header-right{padding:0 var(--sp-4)}}.shell-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:0;background:transparent;color:var(--color-text);cursor:pointer;position:relative;transition:background-color .18s ease,color .18s ease,transform .12s ease}.shell-icon-btn:hover{background:var(--color-surface-2);color:var(--color-primary)}.shell-icon-btn:active{transform:scale(.94)}.shell-icon-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.shell-icon-btn svg{width:22px;height:22px;flex:0 0 auto}.shell-header--kcci .shell-icon-btn{color:var(--kcci-navy)}.shell-header--kcci .shell-icon-btn:hover{background:rgba(45,114,210,.08);color:var(--color-primary)}[data-theme=dark] .landingNav.landingNav--kcci,[data-theme=dark] .shell-header.shell-header--kcci{background:rgba(20,26,36,.85);border-bottom-color:var(--color-border);box-shadow:0 4px 20px rgba(0,0,0,.35);color:var(--color-text)}[data-theme=dark] .landingNav--kcci .landingNavActions,[data-theme=dark] .landingNav--kcci .landingNavBrandZone,[data-theme=dark] .landingNav--kcci .landingNavBrandZone strong,[data-theme=dark] .landingNav--kcci .shell-icon-btn,[data-theme=dark] .shell-header--kcci .shell-header-brandZone,[data-theme=dark] .shell-header--kcci .shell-header-brandZone strong,[data-theme=dark] .shell-header--kcci .shell-header-left,[data-theme=dark] .shell-header--kcci .shell-header-right,[data-theme=dark] .shell-header--kcci .shell-icon-btn{color:var(--color-text)}[data-theme=dark] .landingNav--kcci .shell-icon-btn:hover,[data-theme=dark] .shell-header--kcci .shell-header-brandZone:hover,[data-theme=dark] .shell-header--kcci .shell-icon-btn:hover{background:rgba(255,255,255,.06);color:var(--color-primary)}[data-theme=dark] .shell-icon-btn .shell-icon-badge{border-color:rgba(20,26,36,.85)}.shell-icon-btn .shell-icon-badge{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:999px;background:var(--color-danger);border:2px solid rgba(255,255,255,.9)}.shell-account-menu-wrap{position:relative;display:inline-flex}.shell-account-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:40;width:min(280px,calc(100vw - 24px));padding:var(--sp-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:0 18px 46px rgba(15,23,42,.16)}.shell-account-summary{display:flex;flex-direction:column;gap:2px;padding:var(--sp-3);color:var(--color-muted);font-size:var(--text-xs)}.shell-account-summary strong{color:var(--color-text);font-size:var(--text-sm);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-account-menu-divider{height:1px;margin:var(--sp-1) var(--sp-2);background:var(--color-border)}.shell-account-menu-item{display:flex;align-items:center;gap:var(--sp-2);width:100%;min-height:40px;padding:0 var(--sp-3);border:0;border-radius:calc(var(--radius) - 2px);background:transparent;color:var(--color-text);font-size:var(--text-sm);font-weight:600;text-align:left;text-decoration:none;cursor:pointer}.shell-account-menu-item:focus-visible,.shell-account-menu-item:hover{background:var(--color-surface-2);color:var(--color-primary);outline:none}.shell-account-menu-item svg{width:20px;height:20px;flex:0 0 auto;color:currentColor}.shell-account-menu-danger{color:var(--color-danger)}[data-theme=dark] .shell-account-menu{background:var(--color-surface);box-shadow:0 18px 46px rgba(0,0,0,.42)}.shell-header-left{display:flex;align-items:center;gap:var(--sp-3)}.shell-logo{font-size:var(--text-md);font-weight:700;color:var(--color-primary);letter-spacing:-.3px}.shell-header-right{display:flex;align-items:center;gap:var(--sp-3)}.shell-sidebar{grid-area:sidebar;background:var(--color-surface-2);border-right:1px solid var(--color-border);padding:var(--sp-4);overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-5);z-index:5}.shell-sidebar-header{display:flex;align-items:center;justify-content:space-between}.shell-main{grid-area:main;padding:var(--sp-6);overflow-y:auto;background-color:var(--color-bg)}.shell-main.shell-main--canvas{max-width:1100px;margin-left:auto;margin-right:auto;padding:var(--sp-8);width:100%}@media (max-width:768px){.shell-main.shell-main--canvas{padding:var(--sp-5)}}.shell-main>#workspace-live-editor{height:100%;display:flex;flex-direction:column}.productViewSection{margin-bottom:var(--sp-4)}.productKpiStrip{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--sp-3);gap:var(--sp-3);margin-bottom:var(--sp-6)}.productKpiItem{padding:var(--sp-4);border-radius:var(--radius);background-color:var(--color-surface);box-shadow:var(--shadow-0)}.productKpiLabel{font-size:var(--text-xs);font-weight:600;color:var(--color-muted);margin-bottom:var(--sp-1)}.productKpiValue{font-size:var(--text-lg);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.productKpiBar{height:4px;background-color:var(--color-border);border-radius:2px;margin-top:var(--sp-2);overflow:hidden}.productKpiBarFill{height:100%;background-color:var(--color-primary);border-radius:2px;transition:width .3s ease}.productQuickGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--sp-3);gap:var(--sp-3);margin-bottom:var(--sp-6)}.productCourseChip{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-primary);color:var(--color-primary);font-size:var(--text-base);font-weight:800;letter-spacing:.01em;line-height:1.4;margin-bottom:var(--sp-3);word-break:keep-all}.productCourseChip:before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--color-primary)}.kpiOfficial{border-top:3px solid var(--kcci-navy);position:relative}.kpiOfficial:before{content:"공식 KCCI";position:absolute;top:-1px;left:var(--sp-3);padding:1px 6px;background:var(--kcci-navy);color:#fff;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border-radius:0 0 4px 4px;pointer-events:none}.productHeroTitle{margin:0 0 var(--sp-6);font-size:32px;font-weight:800;color:var(--color-text);line-height:var(--leading-tight);letter-spacing:-.02em;word-break:keep-all}.productHeroTitle strong{color:var(--color-primary);font-weight:800}@media (max-width:768px){.productHeroTitle{font-size:26px}.productCourseChip{font-size:var(--text-sm)}}.draftProgressRow{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--text-xs);color:var(--color-muted);margin-bottom:var(--sp-4);flex-wrap:wrap}.draftProgressRow strong{color:var(--color-primary);font-weight:800}.draftProgressBar{flex:1 1;height:6px;background:var(--color-surface-2);border-radius:999px;overflow:hidden;max-width:320px;min-width:140px}.draftProgressBar>span{display:block;height:100%;background:var(--color-primary);transition:width .4s ease}.draftSampleRow{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-3)}.draftSampleBtn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-pill);border:1px dashed var(--color-border);background:var(--color-surface);color:var(--color-muted);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:border-color var(--motion-fast),color var(--motion-fast),background-color var(--motion-fast)}.draftSampleBtn:hover{border-color:var(--color-success);color:var(--color-success);border-style:solid;background:var(--color-success-bg)}.draftSampleHint{font-size:var(--text-xs);color:var(--color-muted);margin-bottom:var(--sp-2);display:block;font-weight:600}.writeIntentScrim{position:fixed;inset:0;background:var(--color-scrim-modal);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--sp-5);animation:cpScrimFadeIn .14s ease both}.writeIntentModal{background:var(--color-surface);border-radius:14px;padding:var(--sp-7);max-width:460px;width:100%;box-shadow:var(--shadow-2);animation:cpDialogIn .18s var(--ease-spring) both}@media (prefers-reduced-motion:reduce){.writeIntentModal,.writeIntentScrim{animation:none}}.writeIntentTitle{margin:0 0 var(--sp-2);font-size:var(--text-md);font-weight:800;color:var(--color-text);line-height:1.3;letter-spacing:-.02em}.writeIntentNote{margin:0 0 var(--sp-5);font-size:var(--text-xs);color:var(--color-muted)}.writeIntentRow{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-3)}.writeIntentPick{flex:1 1;padding:12px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:border-color var(--motion-fast),background-color var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast)}.writeIntentPick.is-on,.writeIntentPick:hover{border-color:var(--color-primary)}.writeIntentPick.is-on{background:var(--color-primary-bg);color:var(--color-primary);font-weight:800;box-shadow:0 0 0 3px rgba(45,114,210,.1)}.writeIntentConsent{display:flex;gap:var(--sp-2);align-items:flex-start;font-size:var(--text-xs);color:var(--color-muted);line-height:var(--leading-relaxed);margin:var(--sp-4) 0}.writeIntentConsent a{color:var(--color-primary);text-decoration:underline}.writeIntentActions{display:flex;gap:var(--sp-2)}.writeIntentActions button{flex:1 1;height:44px;border-radius:10px;font-size:var(--text-base);font-weight:800;border:0;cursor:pointer}.writeIntentCancel{background:var(--color-surface-2);color:var(--color-text)}.writeIntentConfirm{background:var(--color-primary);color:#fff}.writeIntentConfirm:disabled{opacity:.45;cursor:not-allowed}.nextActionTrioWrap{margin-top:var(--sp-5);padding:var(--sp-5);border-radius:12px;background:var(--color-surface);box-shadow:var(--shadow-0);animation:nextActionTrioIn .22s ease-out both}@keyframes nextActionTrioIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.nextActionTrioWrap{animation:none}}.nextActionTrioTitle{font-size:var(--text-xs);font-weight:800;color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--sp-3)}.nextActionTrio{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--sp-3);gap:var(--sp-3)}.nextActionCard{display:flex;flex-direction:column;gap:4px;padding:var(--sp-4) var(--sp-5);border-radius:10px;background:var(--color-surface);border:1px solid var(--color-border);border-top:3px solid var(--color-primary);text-align:left;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.nextActionCard:hover{transform:translateY(-2px);box-shadow:var(--shadow-1)}.nextActionCard--success{border-top-color:var(--color-success)}.nextActionCard--purple{border-top-color:var(--color-purple)}.nextActionIco{font-size:22px;line-height:1}.nextActionLbl{font-size:var(--text-sm);font-weight:700;color:var(--color-text);line-height:1.3;letter-spacing:-.02em}.nextActionDesc{line-height:var(--leading-relaxed)}.nextActionDesc,.nextActionTrioFooter{font-size:var(--text-xs);color:var(--color-muted)}.nextActionTrioFooter{margin-top:var(--sp-3)}.nextActionCard:disabled{cursor:not-allowed;opacity:.6}.nextActionCard:disabled:hover{transform:none;box-shadow:none}.reviewRequestPanel{display:grid;grid-gap:var(--sp-3);gap:var(--sp-3);margin-top:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-radius:12px;background:var(--color-surface);box-shadow:var(--shadow-0);min-width:0}.reviewRequestForm{display:grid;grid-gap:var(--sp-2);gap:var(--sp-2);min-width:0}.reviewRequestLabel{font-size:var(--text-sm);font-weight:700;color:var(--color-text)}.reviewRequestTextarea{width:100%;min-height:72px;padding:var(--sp-2) var(--sp-3);border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-sm);resize:vertical}.reviewRequestTextarea:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}.reviewRequestFormFooter{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);flex-wrap:wrap}.reviewRequestCounter{font-size:var(--text-xs);color:var(--color-muted)}.reviewRequestActions{display:flex;gap:var(--sp-2);flex-wrap:wrap;justify-content:flex-end}.reviewRequestButton{min-height:34px;padding:0 var(--sp-4);border:1px solid var(--color-primary);border-radius:8px;background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-sm);font-weight:700;cursor:pointer}.reviewRequestButton--ghost{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.reviewRequestButton:disabled{cursor:not-allowed;opacity:.55}.reviewRequestHint{margin:0;font-size:var(--text-xs);color:var(--color-muted);line-height:var(--leading-relaxed)}.reviewRequestHint a{color:var(--color-primary);font-weight:700}.reviewRequestLinkButton{padding:0;border:0;background:none;color:var(--color-primary);font:inherit;font-weight:700;cursor:pointer}.reviewRequestError{margin:0;font-size:var(--text-xs);color:var(--color-danger)}.reviewRequestCard{display:grid;grid-gap:var(--sp-2);gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:10px;min-width:0}.reviewRequestCard[data-status=completed]{border-left-color:var(--color-success)}.reviewRequestCard[data-status=rejected]{border-left-color:var(--color-danger)}.reviewRequestCardHead{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);flex-wrap:wrap;font-size:var(--text-sm);color:var(--color-text)}.reviewRequestBadge{padding:2px var(--sp-2);border-radius:999px;font-size:var(--text-xs);font-weight:700;background:var(--color-primary-bg);color:var(--color-primary)}.reviewRequestBadge--in_review{background:var(--color-warning-bg);color:var(--color-warning-text)}.reviewRequestBadge--completed{background:var(--color-success-bg);color:var(--color-success)}.reviewRequestBadge--rejected{background:var(--color-danger-bg);color:var(--color-danger)}.reviewRequestMeta{font-size:var(--text-xs);color:var(--color-muted)}.reviewRequestBody{display:grid;grid-gap:2px;gap:2px;margin:0;font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-relaxed);white-space:pre-wrap;overflow-wrap:anywhere}.reviewRequestBodyLabel{font-size:var(--text-xs);font-weight:700;color:var(--color-muted)}@media (max-width:768px){.nextActionTrio{grid-template-columns:1fr}.writeIntentRow{flex-direction:row}}.productQuickCard{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-0);cursor:pointer;border:1px solid transparent;transition:box-shadow var(--transition-fast),transform var(--transition-fast);text-align:left;min-height:100px}.productQuickCard:hover{box-shadow:var(--shadow-1);transform:translateY(-2px);border-color:var(--color-row-border)}.productQuickCard:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media (max-width:768px){.productKpiStrip,.productQuickGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.productKpiStrip,.productQuickGrid{grid-template-columns:1fr}}.shell-close-btn{display:none;width:32px;height:32px;border:none;background:transparent;color:var(--color-muted);font-size:22px;cursor:pointer;border-radius:var(--radius);align-items:center;justify-content:center}.shell-close-btn:hover{background:var(--color-hover-bg)}.shell-overlay{position:fixed;inset:0;z-index:99;background-color:rgba(0,0,0,.45)}.shell-nav-item{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius);font-size:var(--text-base);color:var(--color-text);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);min-height:36px}.shell-nav-item:hover{background:var(--color-hover-bg);text-decoration:none}.shell-nav-item-active{color:var(--color-primary);font-weight:600}.shell-nav-item-active,.shell-nav-item-active:hover{background:var(--color-primary-bg)}.shell-nav-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.adminAvatar,.portalAvatar{width:32px;height:32px;border-radius:50%;background-color:var(--color-primary-bg);border:2px solid var(--color-border);flex-shrink:0}@media (max-width:768px){.shell{grid-template-columns:1fr;grid-template-areas:"header" "main"}.shell-sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;z-index:100;transform:translateX(-100%);transition:transform .25s ease-in-out}.shell-sidebar-open{transform:translateX(0)}.shell-sidebar-closed{transform:translateX(-100%)}.shell-close-btn{display:flex}.shell-main{padding:var(--sp-4)}.shell-header{padding:0 var(--sp-4)}}.dashboardView{display:flex;flex-direction:column;gap:var(--sp-6);padding:var(--sp-5);max-width:900px;margin:0 auto;width:100%}.dashboardScoreRow{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--sp-4);gap:var(--sp-4)}.dashboardGrowthRow,.dashboardInfoRow{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--sp-4);gap:var(--sp-4)}.dashboardTimelineRow{display:grid;grid-template-columns:1fr}@media (max-width:640px){.dashboardGrowthRow,.dashboardInfoRow,.dashboardScoreRow{grid-template-columns:1fr}}.dashboardCard{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-0);min-width:0}.dashboardCardTitle{margin:0;color:var(--color-muted);font-size:var(--text-xxs);font-weight:var(--weight-bold);letter-spacing:.04em;text-transform:uppercase}.dashboardCardEmpty{color:var(--color-muted);font-size:var(--text-xs);text-align:center;padding:var(--sp-5) 0}.dashboardReadinessCard{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);text-align:center}.dashboardReadinessGauge{position:relative;display:flex;align-items:center;justify-content:center}.dashboardReadinessValue{position:absolute;font-size:28px;font-weight:var(--weight-bold);color:var(--color-text);letter-spacing:-.03em}.dashboardReadinessLabel{margin:0;color:var(--color-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.dashboardAtsCard{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);text-align:center}.dashboardAtsGauge{position:relative;display:flex;align-items:center;justify-content:center}.dashboardAtsValue{position:absolute;font-size:22px;font-weight:var(--weight-bold);color:var(--color-text);letter-spacing:-.03em}.dashboardAtsBars{display:flex;flex-direction:column;gap:var(--sp-1);width:100%}.dashboardAtsBar{height:4px;border-radius:2px;background:var(--color-border);overflow:hidden}.dashboardAtsBarFill{height:100%;border-radius:2px;transition:width .6s ease}.dashboardCoachingCard{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);text-align:center}.dashboardCoachingScore{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.dashboardTargetCard{display:flex;flex-direction:column;gap:var(--sp-2)}.dashboardTargetHeader{display:flex;align-items:center;gap:var(--sp-3)}.dashboardTargetIcon{flex:0 0 auto;width:36px;height:36px;border-radius:var(--radius);background:var(--color-primary-bg);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.dashboardTargetCompany{margin:0;color:var(--color-muted);font-size:var(--text-xxs);font-weight:var(--weight-bold);letter-spacing:.02em}.dashboardTargetRole{margin:0;color:var(--color-text);font-size:16px;font-weight:var(--weight-bold);line-height:1.3;letter-spacing:-.02em}.dashboardTargetBadge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:3px var(--sp-3);border-radius:999px;font-size:var(--text-xxs);font-weight:var(--weight-semibold);background:var(--color-success-bg);color:var(--color-success)}.dashboardSpecCard{display:flex;flex-direction:column;gap:var(--sp-3)}.dashboardSpecGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--sp-2);gap:var(--sp-2)}.dashboardSpecItem{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius);background:var(--color-surface-2)}.dashboardSpecDot{width:var(--sp-2);height:var(--sp-2);border-radius:50%;flex:0 0 auto}.dashboardSpecLabel{flex:1 1;font-size:var(--text-xxs);color:var(--color-muted);font-weight:var(--weight-semibold)}.dashboardSpecCount{font-size:16px;font-weight:var(--weight-bold);color:var(--color-text);letter-spacing:-.02em}.dashboardGrowthCard{display:flex;flex-direction:column;gap:var(--sp-3)}.dashboardGrowthDeltas{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.dashboardGrowthDelta{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:999px;font-size:var(--text-xs);font-weight:var(--weight-semibold)}.dashboardGrowthDeltaPositive{background:var(--color-success-bg);color:var(--color-success)}.dashboardGrowthDeltaNegative{background:var(--color-danger-bg);color:var(--color-danger)}.dashboardGrowthDeltaNeutral{background:var(--color-warning-bg);color:var(--color-warning)}.dashboardSparkline{width:100%;height:40px}.dashboardCoachingSummaryCard{display:flex;flex-direction:column;gap:var(--sp-3)}.dashboardCoachingHeadline{margin:0;color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1.5}.dashboardCoachingSuggestions{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.dashboardCoachingSuggestion{display:flex;align-items:flex-start;gap:var(--sp-2);font-size:var(--text-xs);color:var(--color-muted);line-height:1.5}.dashboardCoachingSuggestion:before{content:"";flex:0 0 auto;width:6px;height:6px;margin-top:6px;border-radius:50%;background:var(--color-primary)}.dashboardTimeline{display:flex;flex-direction:column;gap:var(--sp-3)}.dashboardTimelineList{display:flex;flex-direction:column;gap:0}.dashboardTimelineItem{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--color-border)}.dashboardTimelineItem:last-child{border-bottom:0}.dashboardTimelineDot{flex:0 0 auto;width:10px;height:10px;margin-top:var(--sp-1);border-radius:50%;background:var(--color-primary);border:2px solid var(--color-surface);box-shadow:0 0 0 2px var(--color-border)}.dashboardTimelineContent{flex:1 1;min-width:0}.dashboardTimelineLabel{margin:0;color:var(--color-text);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.dashboardTimelineTime{margin:2px 0 0;color:var(--color-muted);font-size:var(--text-xxs)}[data-theme=dark] .dashboardCard{box-shadow:var(--shadow-0)}[data-theme=dark] .dashboardSpecItem{background:var(--color-surface-2)}[data-theme=dark] .dashboardTargetIcon{background:var(--color-primary-bg)}[data-theme=dark] .dashboardTimelineDot{border-color:var(--color-surface);box-shadow:0 0 0 2px var(--color-border)}.gnbNav{width:100%;position:relative}.gnbInner{gap:var(--sp-2)}.gnbInner,.gnbMenu{display:flex;align-items:center}.gnbMenu,.gnbMenuItem{gap:var(--sp-1)}.gnbMenuItem{position:relative;display:inline-flex;align-items:center;height:36px;padding:0 var(--sp-3);border:none;border-radius:var(--radius);background:none;color:var(--color-muted);font-family:inherit;font-size:var(--text-sm);font-weight:500;line-height:1;text-decoration:none;cursor:pointer;white-space:nowrap;transition:color var(--transition-fast),background var(--transition-fast)}.gnbMenuItem:hover{color:var(--color-text);background:var(--color-hover-bg);text-decoration:none}.gnbMenuItemActive{font-weight:600;box-shadow:inset 0 -2px 0 var(--color-primary);border-radius:var(--radius) var(--radius) 0 0}.gnbMenuItemActive,.gnbMenuItemActive:hover{color:var(--color-primary)}.gnbMenuItem:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.gnbMenuItemLoading{color:var(--color-muted);opacity:.6;cursor:default;font-size:var(--text-xs)}.gnbAuthBtn{color:var(--color-muted);font-weight:500}.gnbAuthBtn:hover{color:var(--color-text);background:var(--color-hover-bg)}.gnbLoginBtn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:1px solid var(--color-border);border-radius:var(--radius);background:transparent;color:var(--color-text);font-family:inherit;font-size:var(--text-sm);font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;transition:background var(--transition-fast),border-color var(--transition-fast)}.gnbLoginBtn>svg{width:16px;height:16px}.gnbLoginBtn:hover{background:var(--color-hover-bg);border-color:var(--color-primary);color:var(--color-text);text-decoration:none}.gnbLoginBtn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.gnbBadge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 var(--sp-1);border-radius:999px;background:var(--color-danger);color:#fff;font-size:10px;font-weight:700;line-height:1}.gnbHamburger{display:none;flex-direction:column;justify-content:center;gap:var(--sp-1);width:36px;height:36px;padding:var(--sp-2) 6px;border:none;border-radius:var(--radius);background:none;cursor:pointer}.gnbHamburger:hover{background:var(--color-hover-bg)}.gnbHamburgerLine{display:block;width:100%;height:2px;border-radius:1px;background:var(--color-text);transition:transform .2s}.gnbMobileMenu{display:none;flex-direction:column;width:100%;padding:var(--sp-2) 0;border-top:1px solid var(--color-border)}.gnbMobileItem{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-4);border:none;background:none;color:var(--color-muted);font-family:inherit;font-size:var(--text-sm);font-weight:500;text-decoration:none;cursor:pointer;text-align:left;transition:color var(--transition-fast),background var(--transition-fast)}.gnbMobileItem:hover{color:var(--color-text);background:var(--color-hover-bg);text-decoration:none}.gnbMobileItemActive{color:var(--color-primary);font-weight:600;background:var(--color-primary-bg)}.gnbMobileItem:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}@media (max-width:767px){.gnbMenu{display:none}.gnbHamburger,.gnbMobileMenu{display:flex}.gnbInner{justify-content:flex-end}}[data-theme=dark] .gnbMenuItem:hover{background:var(--color-hover-bg)}[data-theme=dark] .gnbMenuItemActive{color:var(--color-primary)}[data-theme=dark] .gnbAuthBtn:hover,[data-theme=dark] .gnbHamburger:hover,[data-theme=dark] .gnbMobileItem:hover{background:var(--color-hover-bg)}[data-theme=dark] .gnbMobileItemActive{background:var(--color-primary-bg)}.charCounter{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--color-muted-2)}.charCounterCompact{gap:4px}.charCounterBar{width:48px;height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.charCounterFill{display:block;height:100%;border-radius:2px;background:var(--color-primary);transition:width .15s ease,background .15s ease}.charCounterFill.charCounterWarn{background:var(--color-warning)}.charCounterFill.charCounterDanger{background:var(--color-danger)}.charCounterLabel{white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.charCounterLabel.charCounterWarn{color:#ea580c}.charCounterLabel.charCounterDanger{color:var(--color-danger)}[data-theme=dark] .charCounterLabel.charCounterWarn{color:#fb923c}.charCounterToggle{cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.charCounterDropdown{position:absolute;top:calc(100% + 4px);right:0;display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:var(--shadow-sm);z-index:10;min-width:90px;overflow:hidden}.charCounterOption{padding:6px 10px;font-size:12px;cursor:pointer;color:var(--color-text);white-space:nowrap}.charCounterOption:hover{background:var(--color-surface-2)}.charCounterOptionActive{color:var(--color-primary);font-weight:600}.streamingSkeleton{padding:24px;display:flex;flex-direction:column;gap:12px}.streamingSkeletonLine{height:22px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.streamingPreview{padding:24px;white-space:pre-wrap;font-size:14px;line-height:1.7}.streamingCursor{display:inline-block;width:2px;height:1.2em;vertical-align:text-bottom;background:var(--color-primary);animation:blink 1.2s step-end infinite}@media (prefers-reduced-motion:reduce){.streamingDot{animation:streamingPulse 2s ease-in-out infinite!important}.streamingCursor,.streamingCursor:after{animation:blink 1.8s step-end infinite!important}}.adminNavLink,.companyNavLink,.lmsNavLink,.productNavLink{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius);font-size:var(--text-base);color:var(--color-text);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);min-height:36px}.adminNavLink:hover,.companyNavLink:hover,.lmsNavLink:hover,.productNavLink:hover{background:var(--color-hover-bg);text-decoration:none}.adminNavLink:focus-visible,.companyNavLink:focus-visible,.lmsNavLink:focus-visible,.productNavLink:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.adminNavLinkActive,.companyNavLinkActive,.lmsNavLinkActive,.productNavLinkActive{background:var(--color-primary-bg);color:var(--color-primary);font-weight:600}.adminNavLinkActive:hover,.companyNavLinkActive:hover,.lmsNavLinkActive:hover,.productNavLinkActive:hover{background:var(--color-primary-bg)}.companyKpiRow{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--sp-4);gap:var(--sp-4)}.companyJobDetailGrid{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);grid-gap:20px;gap:20px;align-items:start}@media (max-width:768px){.companyKpiRow{grid-template-columns:repeat(2,1fr)}.companyJobDetailGrid{grid-template-columns:minmax(0,1fr)}}.admin-kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:var(--sp-4);gap:var(--sp-4)}.adminKpiFilterBar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3)}.adminKpiFilterSelect{display:inline-flex;align-items:center;gap:var(--sp-2);max-width:100%;color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.admin-chart-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:var(--sp-4);gap:var(--sp-4)}.adminCampusEmploymentGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:var(--sp-3);gap:var(--sp-3)}.adminCampusEmploymentCard{min-width:0;padding:var(--sp-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg)}.adminCampusEmploymentCard h3{margin:0 0 var(--sp-3);color:var(--color-text);font-size:var(--text-sm);font-weight:900;line-height:var(--leading-tight)}.adminCampusEmploymentCard dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--sp-2);gap:var(--sp-2);margin:0}.adminCampusEmploymentCard div{min-width:0}.adminCampusEmploymentCard dt{color:var(--color-muted);font-size:var(--text-xxs);font-weight:800;line-height:1.4}.adminCampusEmploymentCard dd{margin:var(--sp-1) 0 0;color:var(--color-text);font-size:var(--text-sm);font-weight:900;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.2}@media (max-width:959px){.admin-kpi-grid{grid-template-columns:repeat(2,1fr)}.adminCampusEmploymentGrid{grid-template-columns:1fr}}@media (max-width:599px){.admin-kpi-grid{grid-template-columns:1fr}}@media (max-width:767px){.admin-chart-grid{grid-template-columns:1fr}.adminCampusEmploymentCard dl{grid-template-columns:repeat(3,minmax(70px,1fr))}}.shell-sidebar.appSidebar{background:#F2F4F6;border-right:1px solid #f2f4f6;padding:var(--sp-3) var(--sp-2);gap:var(--sp-1)}[data-theme=dark] .shell-sidebar.appSidebar{background:var(--color-surface-2);border-right-color:var(--color-border)}.appSidebarHeader{justify-content:flex-start;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3) var(--sp-3);border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:var(--sp-2)}[data-theme=dark] .appSidebarHeader{border-bottom-color:var(--color-border)}.appSidebarHeader .appSidebarLogo{font-size:var(--text-sm);font-weight:600;color:var(--color-text);text-decoration:none}.appSidebarHeader .shell-close-btn{margin-left:auto}.appNav{display:flex;flex-direction:column;gap:2px}.appNavSectionLabel{font-size:11px;font-weight:600;color:var(--color-muted);padding:var(--sp-3) var(--sp-3) var(--sp-1);letter-spacing:.04em;text-transform:uppercase}.appSidebar .shell-nav-item.appNavItem{font-size:13px;font-weight:500;padding:7px 10px;border-radius:6px;gap:10px;min-height:0;color:var(--color-muted);border:none;background:transparent;cursor:pointer;text-align:left;width:100%}.appSidebar .shell-nav-item.appNavItem:hover{background:rgba(255,255,255,.55);color:var(--color-text)}[data-theme=dark] .appSidebar .shell-nav-item.appNavItem:hover{background:var(--color-hover-bg)}.appSidebar .shell-nav-item.appNavItem svg{color:var(--color-muted);flex-shrink:0}.appSidebar .shell-nav-item.appNavItem:hover svg{color:var(--color-text)}.appSidebar .shell-nav-item.appNavItem.shell-nav-item-active{background:#ffffff;color:var(--color-primary);font-weight:700;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.04),inset 3px 0 0 var(--kcci-navy)}.appSidebar .shell-nav-item.appNavItem.shell-nav-item-active svg{color:var(--color-primary)}[data-theme=dark] .appSidebar .shell-nav-item.appNavItem.shell-nav-item-active{background:var(--color-surface);color:var(--color-primary);box-shadow:0 2px 8px rgba(0,0,0,.3),inset 3px 0 0 var(--kcci-navy)}.appPage{max-width:var(--page-max-width);margin:0 auto}.appPage,.appPageFull{padding:var(--page-pad-y) var(--page-pad-x)}.appPageFull{max-width:none}.appStatsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:var(--sp-3);gap:var(--sp-3);margin-bottom:var(--sp-5)}.shell-main:has(>.appPage),.shell-main:has(>.appPageFull){padding:0}.appTopBarSearch{position:relative;display:flex;align-items:center;width:280px;max-width:40vw}.appTopBarSearch .appTopBarSearchIcon{position:absolute;left:12px;width:18px;height:18px;color:var(--color-muted);pointer-events:none}.appTopBarSearch button{width:100%;height:36px;padding:0 60px 0 36px;border:0;border-radius:999px;background:var(--color-surface-2);font-size:13px;color:var(--color-text);font-family:inherit;text-align:left;cursor:pointer}.appTopBarSearch button span{color:var(--color-muted)}.appTopBarSearch button:hover{background:var(--color-hover-bg)}.appTopBarSearch button:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.appTopBarSearch .kbd{position:absolute;right:8px;display:inline-flex;align-items:center;padding:2px 6px;border:solid var(--color-border);border-width:1px 1px 2px;border-radius:5px;font-size:11px;color:var(--color-muted);background:var(--color-surface);font-family:SF Mono,Menlo,Consolas,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;pointer-events:none}@media (max-width:768px){.appTopBarSearch{display:none}}.turnstileBox{min-height:64px}.turnstileStatus{display:inline-flex;align-items:center;min-height:40px;padding:0 var(--sp-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-2);color:var(--color-muted);font-size:var(--text-sm);line-height:1.4}.turnstileStatusError{border-color:var(--color-danger);background:var(--color-surface);color:var(--color-danger)}.appSidebarHeader .appSidebarBrandMark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:24px;flex-shrink:0;margin-right:0}.appSidebarHeader .appSidebarBrandMark img{display:block;width:36px;height:24px;object-fit:contain}.appDrawerScrim{position:fixed;inset:0;background:var(--color-scrim-drawer);z-index:800;opacity:0;transition:opacity .18s ease;pointer-events:none}.appDrawerScrim[data-open=true]{opacity:1;pointer-events:auto}.appDrawer{position:fixed;top:0;right:0;height:100vh;width:520px;max-width:100vw;background:var(--color-surface);border-left:1px solid var(--color-border);z-index:801;transform:translateX(100%);transition:transform .22s cubic-bezier(.33,1,.68,1);display:flex;flex-direction:column;box-shadow:-20px 0 40px rgba(16,24,40,.06)}.appDrawer[data-open=true]{transform:translateX(0)}.appDrawerHeader{padding:18px 22px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:10px;flex-shrink:0}.appDrawerTitle{flex:1 1;font-size:var(--text-md);font-weight:600;color:var(--color-text);line-height:1.3;letter-spacing:-.02em}.appDrawerClose{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted);cursor:pointer;transition:background .12s ease,color .12s ease}.appDrawerClose:hover{background:var(--color-hover-bg);color:var(--color-text)}.appDrawerBody{flex:1 1;overflow-y:auto;padding:20px 22px}.appDrawerFooter{padding:12px 22px;border-top:1px solid var(--color-border);background:var(--color-surface-2);display:flex;gap:8px;flex-shrink:0}@media (prefers-reduced-motion:reduce){.appDrawer,.appDrawerScrim{transition:none}}.appCheatsheetScrim{position:fixed;inset:0;background:rgba(16,24,40,.4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1100;display:flex;align-items:center;justify-content:center;padding:5vh 16px;animation:cpScrimFadeIn .14s ease}.appCheatsheet{width:min(480px,92vw);max-height:90vh;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 20px 60px rgba(16,24,40,.24);display:flex;flex-direction:column;overflow:hidden;animation:cpDialogIn .18s cubic-bezier(.33,1,.68,1)}.appCheatsheetHeader{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--color-border)}.appCheatsheetTitle{flex:1 1;margin:0;font-size:var(--text-md);font-weight:600;color:var(--color-text)}.appCheatsheetBody{padding:8px 8px 16px;overflow-y:auto}.appCheatsheetSection{padding:8px 12px 4px}.appCheatsheetSectionLabel{font-size:11px;font-weight:600;color:var(--color-muted);letter-spacing:.04em;text-transform:uppercase;padding:8px 4px 6px}.appCheatsheetList{margin:0;padding:0;list-style:none}.appCheatsheetRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 4px;font-size:13px;color:var(--color-text);border-bottom:1px solid var(--color-row-border)}.appCheatsheetRow:last-child{border-bottom:none}.appCheatsheetLabel{flex:1 1}.appCheatsheetKeys{display:inline-flex;align-items:center;gap:4px}@media (prefers-reduced-motion:reduce){.appCheatsheet,.appCheatsheetScrim{animation:none}}.appSyncDot{width:6px;height:6px;border-radius:50%;background:var(--color-success);box-shadow:0 0 0 3px rgba(35,133,81,.14);transition:background .14s ease,box-shadow .14s ease;flex-shrink:0;display:inline-block}.appSyncDot.is-busy{background:var(--color-primary);box-shadow:0 0 0 3px rgba(45,114,210,.14);animation:appSyncDotPulse 1.2s ease-in-out infinite}.appSyncDot.is-error{background:var(--color-danger);box-shadow:0 0 0 3px rgba(205,66,70,.14)}@keyframes appSyncDotPulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.appSyncDot.is-busy{animation:none}}.landingNav--kcci .appSyncDot,.shell-header--kcci .appSyncDot{box-shadow:0 0 0 1px rgba(0,0,0,.08),0 0 0 4px rgba(35,133,81,.22)}.landingNav--kcci .appSyncDot.is-busy,.shell-header--kcci .appSyncDot.is-busy{box-shadow:0 0 0 1px rgba(0,0,0,.08),0 0 0 4px rgba(45,114,210,.28)}.landingNav--kcci .appSyncDot.is-error,.shell-header--kcci .appSyncDot.is-error{box-shadow:0 0 0 1px rgba(0,0,0,.08),0 0 0 4px rgba(205,66,70,.28)}.commandPaletteScrim{position:fixed;inset:0;background:rgba(16,24,40,.4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60;display:flex;align-items:flex-start;justify-content:center;padding-top:14vh;animation:cpScrimFadeIn .14s ease}@keyframes cpScrimFadeIn{0%{opacity:0}to{opacity:1}}.commandPalette{width:min(600px,92vw);background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 20px 60px rgba(16,24,40,.24);overflow:hidden;display:flex;flex-direction:column;max-height:70vh;animation:cpDialogIn .18s cubic-bezier(.33,1,.68,1)}@keyframes cpDialogIn{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.commandPaletteSearchRow{position:relative;display:flex;align-items:center;gap:10px;padding:0 16px;height:52px;border-bottom:1px solid var(--color-border);color:var(--color-muted)}.commandPaletteSearchRow input{flex:1 1;height:100%;border:none;outline:none;background:transparent;font-size:15px;color:var(--color-text);font-family:inherit}.commandPaletteSearchRow input::placeholder{color:var(--color-muted)}.commandPaletteResults{flex:1 1;overflow-y:auto;padding:6px}.commandPaletteSectionLabel{font-size:11px;font-weight:600;color:var(--color-muted);letter-spacing:.04em;text-transform:uppercase;padding:10px 12px 4px}.commandPaletteItem{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:6px;font-size:13px;color:var(--color-text);cursor:pointer}.commandPaletteItem.is-active{background:var(--color-primary-bg);color:var(--color-primary)}.commandPaletteItem.is-active svg{color:var(--color-primary)}.commandPaletteItem svg{color:var(--color-muted);flex-shrink:0}.commandPaletteItemLabel{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commandPaletteItemHint{font-size:11px;color:var(--color-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.commandPaletteEmpty{padding:24px;text-align:center;color:var(--color-muted);font-size:13px}.commandPaletteFooter{display:flex;align-items:center;gap:12px;padding:10px 14px;border-top:1px solid var(--color-border);background:var(--color-surface-2);font-size:11px;color:var(--color-muted)}.commandPaletteFooterItem{display:inline-flex;align-items:center;gap:4px}.commandPaletteFooterSpacer{flex:1 1}@media (prefers-reduced-motion:reduce){.commandPalette,.commandPaletteScrim{animation:none}}@media (max-width:768px){.appPage,.appPageFull{padding:var(--page-pad-y) var(--sp-4)}}.btnGhost,.btnLg,.btnOutline,.btnPrimary,.draftSampleBtn,.helperBtn,.lmsCollectionCard,.nextActionCard,.productHeroCta,.productQuickCard,.workspaceAction,.writeIntentPick{transition-property:transform,box-shadow,background-color,color,opacity;transition-duration:var(--motion-fast);transition-timing-function:var(--ease-standard)}.btnGhost:active:not(:disabled),.btnLg:active:not(:disabled),.btnOutline:active:not(:disabled),.btnPrimary:active:not(:disabled),.draftSampleBtn:active:not(:disabled),.helperBtn:active:not(:disabled),.lmsCollectionCard:active:not(:disabled),.nextActionCard:active:not(:disabled),.productHeroCta:active:not(:disabled),.productQuickCard:active:not(:disabled),.workspaceAction:active:not(:disabled),.writeIntentPick:active:not(:disabled){transform:scale(.97)}@media (prefers-reduced-motion:reduce){.btnPrimary:active:not(:disabled),.nextActionCard:active:not(:disabled),.productQuickCard:active:not(:disabled){transform:none}}.cardSoft{border-radius:var(--radius-soft);box-shadow:var(--shadow-soft);background:var(--color-surface);border:1px solid transparent;transition:box-shadow var(--motion-base) var(--ease-standard),transform var(--motion-base) var(--ease-out-quart)}.cardSoft:hover{box-shadow:0 8px 28px rgba(17,20,24,.08);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.cardSoft,.cardSoft:hover{transform:none;transition:none}}.cardStripe{border-top:3px solid var(--color-primary)}.cardStripe--primary{border-top-color:var(--color-primary)}.cardStripe--success{border-top-color:var(--color-success)}.cardStripe--warning{border-top-color:var(--color-warning)}.cardStripe--danger{border-top-color:var(--color-danger)}.cardStripe--purple{border-top-color:var(--color-purple)}.cardStripe--navy{border-top-color:var(--kcci-navy)}.kpiEmphasized:focus-within .kpiWatermark,.kpiEmphasized:hover .kpiWatermark{transform:scale(1.1)}@media (prefers-reduced-motion:reduce){.kpiEmphasized:focus-within .kpiWatermark,.kpiEmphasized:hover .kpiWatermark{transform:none}}.arrowLink{display:inline-flex;align-items:center;gap:4px;color:var(--color-primary);font-weight:700;text-decoration:none;transition:gap var(--motion-fast) var(--ease-out-quart)}.arrowLink:after{content:"→";transition:transform var(--motion-fast) var(--ease-out-quart)}.arrowLink:hover{gap:8px}@media (prefers-reduced-motion:reduce){.arrowLink,.arrowLink:after{transition:none}.arrowLink:hover{gap:4px}}