@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#00376f;--primary-container:#004e98;--on-primary:#fff;--on-primary-container:#9ec2ff;--secondary:#48626e;--secondary-container:#cbe7f5;--on-secondary-container:#4e6874;--tertiary:#4e3200;--tertiary-container:#6c4700;--on-tertiary-container:#fff7ed;--tertiary-fixed:#ffddb1;--on-tertiary-fixed:#5b3900;--tertiary-fixed-dim:#feba4f;--surface:#f8f9fa;--surface-container-lowest:#fff;--surface-container-low:#f3f4f5;--surface-container:#edeeef;--surface-container-high:#e7e8e9;--surface-container-highest:#e1e3e4;--on-surface:#191c1d;--on-surface-variant:#424751;--outline:#727782;--outline-variant:#c2c6d3;--success:#1e7e34;--success-container:#e6f4ea;--on-success-container:#0f5220;--error:#ba1a1a;--error-container:#ffdad6;--primary-fixed:#d6e3ff;--primary-fixed-dim:#a8c8ff;--secondary-fixed:#cbe7f5;--secondary-fixed-dim:#afcbd8;--inverse-surface:#2e3132;--topbar-backdrop:#fffc;--overlay-scrim:#0003;--shadow-ambient:0px 20px 40px #191c1d0a;--shadow-hover:0px 30px 60px #191c1d14;--shadow-primary:0px 15px 30px #00376f33;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.625rem;--radius-xl:.75rem;--radius-full:9999px;--font-headline:"Manrope", sans-serif;--font-body:"Inter", sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#9ec2ff;--primary-container:#5f8fd8;--on-primary:#052b54;--on-primary-container:#d6e3ff;--secondary:#b4c9d3;--secondary-container:#23343d;--on-secondary-container:#d6ebf4;--tertiary:#f0b45f;--tertiary-container:#5b3900;--on-tertiary-container:#fff3de;--tertiary-fixed:#654100;--on-tertiary-fixed:#ffe0b6;--tertiary-fixed-dim:#f3c97d;--surface:#0e1418;--surface-container-lowest:#151d22;--surface-container-low:#1a2329;--surface-container:#212c33;--surface-container-high:#27343d;--surface-container-highest:#30414c;--on-surface:#edf2f5;--on-surface-variant:#c5d0d6;--outline:#8ea0aa;--outline-variant:#43525d;--success:#7fda92;--success-container:#173421;--on-success-container:#daf8df;--error:#ffb4ab;--error-container:#5c1811;--primary-fixed:#17396a;--primary-fixed-dim:#2d5d9d;--secondary-fixed:#22363f;--secondary-fixed-dim:#34505d;--inverse-surface:#f0f4f7;--topbar-backdrop:#0e1418e0;--overlay-scrim:#00000073;--shadow-ambient:0px 18px 42px #00000047;--shadow-hover:0px 26px 56px #00000057;--shadow-primary:0px 15px 30px #265ca347}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--surface);color:var(--on-surface);-webkit-font-smoothing:antialiased;min-height:100dvh;transition:background .25s,color .25s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-headline)}.app-shell{min-height:100dvh;display:flex}.sidebar{z-index:40;background:var(--surface-container-low);overscroll-behavior:contain;flex-direction:column;gap:8px;width:272px;padding:24px 16px;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(0)}.main-wrap{flex-direction:column;flex:1;min-height:100dvh;margin-left:272px;display:flex}.topbar{z-index:50;background:var(--topbar-backdrop);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);height:72px;box-shadow:var(--shadow-ambient);justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:fixed;top:0;left:272px;right:0}.topbar-icon-btn{background:var(--surface-container-high);width:36px;height:36px;color:var(--primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,background .2s,color .2s;display:inline-flex}.topbar-icon-btn:hover{background:var(--surface-container-highest);transform:translateY(-1px)}.topbar-icon-btn .material-symbols-outlined{font-size:20px}.page-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:96px 48px 48px}.sidebar-profile{background:var(--surface-container-lowest);border-radius:var(--radius-lg);box-shadow:var(--shadow-ambient);align-items:center;gap:12px;margin-bottom:16px;padding:14px 14px 14px 12px;display:flex}.sidebar-profile .avatar{background:linear-gradient(135deg, var(--primary), var(--primary-container));width:40px;height:40px;color:var(--on-primary);font-family:var(--font-headline);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.sidebar-profile .info{flex-direction:column;min-width:0;display:flex}.sidebar-profile .name{color:var(--primary);overflow-wrap:anywhere;font-size:.875rem;font-weight:600;line-height:1.35}.sidebar-profile .grade{color:var(--secondary);font-size:.75rem}.nav-item{border-radius:var(--radius-lg);color:var(--secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{background:var(--surface-container);color:var(--on-surface)}.nav-item.active{background:var(--surface-container-lowest);color:var(--primary);box-shadow:var(--shadow-ambient);font-weight:600}.nav-item .material-symbols-outlined{font-size:20px}.btn-primary{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--primary), var(--primary-container));color:var(--on-primary);font-family:var(--font-body);cursor:pointer;box-shadow:var(--shadow-primary);border:none;align-items:center;gap:8px;padding:14px 28px;font-size:.875rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary:hover{opacity:.92;transform:translateY(-2px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{border-radius:var(--radius-lg);background:var(--surface-container-high);color:var(--on-surface);font-family:var(--font-body);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 24px;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--surface-container-highest)}.btn-ghost{border-radius:var(--radius-lg);color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:12px 24px;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-ghost:hover{background:var(--surface-container-high)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed;background:0 0}.btn-danger{border-radius:var(--radius-lg);background:var(--error);color:#fff;cursor:pointer;border:none;align-items:center;gap:8px;padding:14px 28px;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.card{background:var(--surface-container-lowest);border-radius:var(--radius-xl);box-shadow:var(--shadow-ambient);padding:32px;transition:all .4s;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-hover)}.card-lift:hover{transform:translateY(-4px)}.card-tonal{background:var(--surface-container-low);border-radius:var(--radius-xl);padding:32px}.card-primary{background:linear-gradient(135deg, var(--primary), var(--primary-container));color:var(--on-primary);border-radius:var(--radius-xl);padding:32px;position:relative;overflow:hidden}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);font-size:.75rem;font-weight:600}.input-field{background:var(--surface-container-high);border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:100%;font-family:var(--font-body);color:var(--on-surface);border:none;border-bottom:2px solid #0000;outline:none;padding:16px 16px 16px 48px;font-size:.875rem;transition:all .2s}.input-field:focus{background:var(--surface-container-highest);border-bottom-color:var(--primary)}.input-field::placeholder{color:var(--outline);opacity:.7}.input-wrap{position:relative}.input-wrap .material-symbols-outlined{color:var(--outline);pointer-events:none;font-size:20px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.chip{border-radius:var(--radius-full);background:var(--secondary-container);color:var(--on-secondary-container);text-transform:uppercase;letter-spacing:.06em;align-items:center;padding:6px 16px;font-size:.7rem;font-weight:700;display:inline-flex}.filter-panel{background:var(--surface-container-low);border-radius:var(--radius-xl);flex-direction:column;gap:20px;padding:24px 28px;display:flex}.filter-search{position:relative}.filter-search .material-symbols-outlined{color:var(--outline);pointer-events:none;font-size:20px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.filter-input{border-radius:var(--radius-lg);border-bottom:none;padding-left:48px}.filter-input:focus{border-bottom-color:#0000;box-shadow:inset 0 0 0 2px #00376f14}.filter-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.filter-group{flex-direction:column;flex:1;gap:10px;min-width:260px;display:flex}.filter-label{text-transform:uppercase;letter-spacing:.08em;color:var(--secondary);font-size:.72rem;font-weight:700}.filter-pills{flex-wrap:wrap;gap:10px;display:flex}.filter-pill{border:1px solid var(--surface-container-highest);background:var(--surface-container-lowest);color:var(--secondary);border-radius:var(--radius-full);cursor:pointer;padding:10px 16px;font-size:.8rem;font-weight:600;transition:all .2s}.filter-pill:hover{border-color:var(--primary-fixed-dim);color:var(--primary)}.filter-pill.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary);box-shadow:0 10px 20px #00376f1f}.filter-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.filter-empty{background:var(--surface-container-low);border-radius:var(--radius-xl);text-align:center;padding:48px 28px}.filter-empty-icon{background:var(--secondary-container);width:64px;height:64px;color:var(--on-secondary-container);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.filter-empty-icon .material-symbols-outlined{font-size:28px}.history-filter-panel{border:1px solid var(--surface-container-highest);border-radius:var(--radius-xl);background:linear-gradient(#ffffff80,#ffffff38);padding:20px 24px;box-shadow:inset 0 1px #ffffffd9}.history-filter-grid{grid-template-columns:minmax(220px,1fr) minmax(280px,1.35fr);align-items:end;gap:16px;display:grid}.bank-history-grid{grid-template-columns:minmax(280px,1.35fr) minmax(180px,.7fr) minmax(180px,.7fr)}.bank-psych-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:16px;display:grid}.bank-filter-span{grid-column:1/span 2}.history-filter-field{flex-direction:column;gap:10px;min-width:0;display:flex}.history-filter-field-wide{min-width:0}.history-filter-label{text-transform:uppercase;letter-spacing:.08em;color:var(--secondary);font-size:.72rem;font-weight:700}.history-filter-select-wrap{position:relative}.history-filter-select{appearance:none;border:1px solid var(--surface-container-highest);background:var(--surface-container-lowest);width:100%;color:var(--on-surface);font-family:var(--font-body);border-radius:10px;outline:none;padding:16px 50px 16px 18px;font-size:.92rem;font-weight:500;transition:border-color .2s,box-shadow .2s,transform .2s;box-shadow:inset 0 1px #ffffffb8}.history-filter-select:hover{border-color:var(--primary-fixed-dim)}.history-filter-select:focus{border-color:#00376f47;box-shadow:0 0 0 4px #00376f14}.history-filter-icon{color:var(--primary);pointer-events:none;font-size:20px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.history-filter-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.history-filter-count{color:var(--secondary);font-size:.78rem;font-weight:600}.history-filter-reset{background:#00376f0d;padding:8px 14px}.history-date-badge{width:64px;height:64px;color:var(--on-tertiary-container);text-align:center;background:linear-gradient(135deg,#75500d,#8b6212);border:1px solid #ffffff14;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px #ffffff1f,0 12px 20px #75500d29}.history-date-day{font-size:1.25rem;line-height:1}.history-date-month{letter-spacing:.08em;text-transform:uppercase;opacity:.94;margin-top:3px;font-size:.68rem;font-weight:700}.history-record-card{justify-content:space-between;align-items:center;gap:24px;display:flex}.history-record-main{align-items:center;gap:24px;min-width:0;display:flex}.history-record-side{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.interview-warning-box{border-radius:var(--radius-lg);background:linear-gradient(#cbe7f5a6,#ffffffe6);border:1px solid #00376f14;margin-bottom:14px;padding:14px 16px}.interview-warning-head{color:var(--primary);align-items:center;gap:8px;margin-bottom:10px;font-size:.82rem;display:flex}.interview-warning-head .material-symbols-outlined{font-size:18px}.interview-warning-list{flex-wrap:wrap;gap:8px;display:flex}.interview-warning-pill{border-radius:var(--radius-full);color:var(--secondary);background:#ffffffd9;align-items:center;padding:8px 12px;font-size:.76rem;line-height:1.5;display:inline-flex;box-shadow:inset 0 0 0 1px #00376f0d}.interview-result-meta{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.interview-breakdown-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.interview-breakdown-card{background:var(--surface-container-lowest);border-radius:10px;padding:18px;box-shadow:inset 0 1px #fffc}.interview-breakdown-progress{height:10px;margin:12px 0 10px}.interview-chip-list{flex-wrap:wrap;gap:10px;display:flex}.interview-diagnostic-box{border-radius:var(--radius-lg);background:#ffdad68c;border:1px solid #ba1a1a14;margin-top:20px;padding:18px 20px}.interview-diagnostic-list{color:var(--secondary);flex-direction:column;gap:8px;margin:0;padding-left:18px;font-size:.9rem;line-height:1.7;display:flex}.review-score-card{background:var(--surface-container-lowest);border-radius:var(--radius-xl);box-shadow:var(--shadow-ambient);align-items:center;gap:16px;padding:18px 20px;display:flex}.review-score-badge{width:72px;height:72px;font-family:var(--font-headline);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;font-weight:800;display:flex}.review-question-card{border-radius:var(--radius-xl);background:var(--surface-container-low);border:1px solid var(--surface-container-highest);flex-direction:column;gap:14px;padding:22px;display:flex}.review-question-index{border-radius:var(--radius-full);background:var(--primary-fixed);width:fit-content;color:var(--primary);letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;padding:6px 12px;font-size:.74rem;font-weight:700;display:inline-flex}.review-answer-block,.review-feedback-block{border-radius:var(--radius-lg);background:var(--surface-container-lowest);padding:16px 18px}.review-feedback-block{background:#ffffffb8}.review-answer-label{color:var(--secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.72rem;font-weight:700;display:inline-flex}.dashboard-signal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.dashboard-overview-grid{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:stretch;gap:24px;display:grid}.dashboard-coach-card{flex-direction:column;min-height:100%;display:flex}.dashboard-pill-row{flex-wrap:wrap;gap:10px;display:flex}.dashboard-action-stack{flex-wrap:wrap;gap:12px;display:flex}.dashboard-review-grid{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:32px;display:grid}.dashboard-achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.dashboard-achievement-card{background:var(--surface-container-lowest);border:1px solid var(--surface-container-highest);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 20px;display:grid}.dashboard-achievement-card.unlocked{border-color:#1e7e343d;box-shadow:0 12px 24px #1e7e3414}.dashboard-achievement-icon{background:var(--secondary-container);width:48px;height:48px;color:var(--on-secondary-container);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dashboard-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.dashboard-practice-card{text-align:left;cursor:pointer;border:none;align-items:stretch;width:100%;font-family:inherit;display:flex}.analysis-hero-copy{flex:360px;min-width:0}.analysis-hero-title{font-size:2.5rem;line-height:1.08}.analysis-hero-subtitle{max-width:680px;margin-top:8px;line-height:1.55}.analysis-export-btn{flex-shrink:0;margin-top:8px}.analysis-grid{gap:24px}.analysis-score-card,.analysis-radar-card{padding:40px}.analysis-score-ring{aspect-ratio:1;width:min(180px,100%);margin-bottom:24px;position:relative}.analysis-score-value{font-size:3rem}.analysis-radar-chart{max-width:340px}.analysis-scoring-panel{padding:28px}.analysis-scoring-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.analysis-scoring-block{flex-direction:column;gap:8px;min-width:0;display:flex}.analysis-scoring-weights{justify-content:flex-start}.analysis-scoring-insight{border-radius:var(--radius-md);flex-direction:column;flex:1;justify-content:center;min-height:96px;padding:14px 16px;display:flex}.analysis-ai-feedback{max-width:820px}.analysis-ai-feedback strong[style]{padding-top:2px}.analysis-ai-feedback p,.analysis-ai-feedback ol,.analysis-ai-feedback ul{max-width:76ch}.personality-summary-copy,.personality-summary-copy p,.personality-summary-copy ol,.personality-summary-copy ul{max-width:68ch}.personality-summary-copy strong[style]{padding-top:2px}.bank-view-switcher{border-radius:var(--radius-full);background:var(--surface-container-low);align-items:center;gap:8px;padding:8px;display:inline-flex;box-shadow:inset 0 1px #ffffffb8}.bank-view-btn{color:var(--secondary);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;align-items:center;padding:11px 18px;font-size:.88rem;font-weight:700;transition:background .2s,color .2s,transform .2s;display:inline-flex}.bank-view-btn:hover{color:var(--primary)}.bank-view-btn.active{background:var(--surface-container-lowest);color:var(--primary);box-shadow:var(--shadow-ambient)}.bank-ai-panel{flex-direction:column;gap:20px;display:flex}.bank-ai-panel-head,.bank-ai-suggestion-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.bank-ai-preview-list,.bank-ai-pair-list{flex-direction:column;gap:18px;display:flex}.bank-ai-suggestion-card{border-radius:var(--radius-lg);background:var(--surface-container-low);border:1px solid var(--surface-container-highest);padding:20px}.bank-ai-generated-row{border-radius:var(--radius-lg);background:var(--surface-container-lowest);border:1px solid var(--outline-variant);padding:18px}.bank-status-select-wrap{width:100%}.bank-field-note{color:var(--tertiary);margin-top:8px;font-size:.78rem;line-height:1.5}.bank-manual-pair-note{gap:8px;display:grid}.bank-manual-pair-note .btn-ghost{background:var(--surface-container-low);border-radius:8px;justify-self:flex-start;padding:7px 10px;font-size:.74rem}.bank-duplicate-match{gap:6px;margin-top:10px;line-height:1.55;display:grid}.bank-duplicate-match span{color:var(--on-surface)}.bank-quality-summary{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px;display:flex}.bank-quality-summary .material-symbols-outlined{font-size:22px;line-height:1.2}.bank-quality-summary strong{color:var(--on-surface);margin-bottom:4px;font-size:.86rem;display:block}.bank-quality-summary p{color:var(--secondary);font-size:.78rem;line-height:1.55}.bank-quality-summary.ready .material-symbols-outlined{color:var(--success)}.bank-quality-summary.review .material-symbols-outlined{color:var(--tertiary)}.bank-quality-summary.blocked .material-symbols-outlined{color:var(--error)}.bank-quality-reasons{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.bank-quality-reasons span{background:var(--surface-container-low);color:var(--secondary);border-radius:8px;padding:6px 8px;font-size:.72rem;line-height:1.35}.bank-ai-judge{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:8px;margin-bottom:16px;padding:14px}.bank-ai-judge-head{align-items:flex-start;gap:12px;display:flex}.bank-ai-judge-head .material-symbols-outlined{font-size:23px;line-height:1.2}.bank-ai-judge.ready .material-symbols-outlined{color:var(--success)}.bank-ai-judge.review .material-symbols-outlined{color:var(--tertiary)}.bank-ai-judge.blocked .material-symbols-outlined{color:var(--error)}.bank-ai-judge strong{color:var(--on-surface);margin-bottom:4px;font-size:.86rem;display:block}.bank-ai-judge p{color:var(--secondary);font-size:.78rem;line-height:1.55}.bank-ai-judge-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.bank-ai-judge-list span{background:var(--surface-container-low);color:var(--secondary);border-radius:8px;padding:6px 8px;font-size:.72rem;line-height:1.35}.bank-ai-judge-meta{color:var(--tertiary);margin-top:10px}.bank-quality-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:16px;display:grid}.bank-quality-item{border-radius:var(--radius-md);background:var(--surface-container-lowest);border:1px solid var(--outline-variant);align-items:flex-start;gap:10px;min-height:74px;padding:12px;display:flex}.bank-quality-item .material-symbols-outlined{font-size:20px;line-height:1.25}.bank-quality-item strong{margin-bottom:4px;font-size:.78rem;display:block}.bank-quality-item p{color:var(--secondary);font-size:.74rem;line-height:1.45}.bank-quality-item.ok .material-symbols-outlined{color:var(--success)}.bank-quality-item.warning .material-symbols-outlined{color:var(--tertiary)}.bank-quality-item.error .material-symbols-outlined{color:var(--error)}.bank-ai-form-grid{margin-top:0}.dashboard-focus-list{flex-direction:column;gap:12px;display:flex}.dashboard-focus-item{background:var(--surface-container-low);border-radius:10px;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px;display:flex}.dashboard-focus-item strong{font-size:.9rem;line-height:1.5}.dashboard-focus-item span{max-width:70%;color:var(--secondary);text-align:right;font-size:.82rem;line-height:1.6}.bank-row{border:1px solid var(--surface-container-highest);background:var(--surface-container-lowest);border-radius:12px;justify-content:space-between;align-items:flex-start;gap:18px;width:100%;padding:18px 20px;display:flex}.bank-overfilled-pair-list{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.bank-overfilled-pair{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:inline-flex;max-width:none!important}.bank-inline-action{width:fit-content;margin-top:8px;padding:4px 8px;display:inline-flex}.bank-consistency-split-list{flex-direction:column;align-items:stretch;gap:10px;display:flex;text-align:left!important;max-width:72%!important}.bank-consistency-split-plan{border-bottom:1px solid var(--surface-container-highest);grid-template-columns:minmax(70px,auto) minmax(0,1fr) auto;align-items:start;gap:10px;padding:10px 0;display:grid}.bank-consistency-split-plan:last-child{border-bottom:0}.bank-consistency-split-plan strong,.bank-consistency-split-plan span{text-align:left!important;max-width:none!important}.bank-question-link-list{vertical-align:baseline;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-left:6px;display:inline-flex}.bank-inline-link{border-radius:var(--radius-full);background:var(--primary-fixed);color:var(--primary);cursor:pointer;font:inherit;border:0;padding:2px 7px;font-weight:700;line-height:1.2}.bank-inline-link:hover,.bank-inline-link:focus-visible{background:var(--primary-fixed-dim)}.bank-inline-link:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.bank-row-copy{min-width:0}.bank-row-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:10px;display:flex}.bank-inline-meta{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.bank-inline-meta span{border-radius:var(--radius-full);background:var(--surface-container-low);color:var(--secondary);align-items:center;padding:6px 12px;font-size:.74rem;font-weight:600;display:inline-flex}.bank-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.bank-form-span{grid-column:1/-1}.bank-form-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.bank-input-field{border-radius:var(--radius-lg);padding-left:16px}.bank-textarea{resize:vertical;background:var(--surface-container-high);width:100%;min-height:150px;color:var(--on-surface);font-family:var(--font-body);border:none;border-radius:10px;outline:none;padding:16px;font-size:.92rem}.bank-textarea:focus{box-shadow:inset 0 0 0 2px #00376f14}.profile-hero{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:stretch;gap:24px;display:grid}.profile-hero-main{align-items:center;gap:24px;min-width:0;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-container));color:#fff;width:108px;height:108px;font-size:2.6rem;font-family:var(--font-headline);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex;box-shadow:0 18px 34px #00376f2e}.profile-hero-copy{min-width:0}.profile-mini-grid{grid-template-columns:1fr;gap:14px;display:grid}.profile-mini-card{background:var(--surface-container-low);border-radius:12px;padding:18px 20px}.profile-mini-card-primary{background:linear-gradient(135deg, var(--primary), var(--primary-container));color:#fff}.profile-focus-preview{min-height:46px}.profile-mini-link{color:#fff;border-radius:var(--radius-full);letter-spacing:.02em;cursor:pointer;background:#ffffff1f;border:none;align-items:center;gap:6px;width:fit-content;margin-top:12px;padding:8px 12px;font-size:.76rem;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.profile-mini-link:hover{background:#ffffff2e;transform:translateY(-1px)}.profile-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.profile-trend-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.profile-trend-card{justify-content:space-between;align-items:center;gap:18px;display:flex}.profile-trend-copy{min-width:0}.profile-trend-badge{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.profile-trend-badge .material-symbols-outlined{font-size:28px}.profile-trend-badge.positive{color:#1e7e34;background:#1e7e3424}.profile-trend-badge.negative{color:var(--error);background:#ba1a1a1f}.profile-trend-badge.neutral{background:var(--secondary-container);color:var(--on-secondary-container)}.profile-section-grid{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);align-items:start;gap:24px;display:grid}.pricing-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.pricing-plan-grid>.card{flex-direction:column;display:flex}.pricing-plan-grid>.card .btn-primary{margin-top:auto}.profile-activity-list{flex-direction:column;gap:14px;display:flex}.profile-activity-row{border:1px solid var(--surface-container-highest);background:var(--surface-container-low);cursor:pointer;text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:18px 20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.profile-activity-row:hover{border-color:var(--primary-fixed-dim);box-shadow:var(--shadow-ambient);transform:translateY(-2px)}.profile-activity-copy{min-width:0}.profile-activity-score{font-family:var(--font-headline);flex-shrink:0;font-size:1.8rem;font-weight:800}.profile-activity-empty{background:var(--surface-container-low);border-radius:12px;padding:20px}.profile-action-list{flex-direction:column;gap:12px;display:flex}.profile-action-item{border:1px solid var(--surface-container-highest);background:var(--surface-container-lowest);cursor:pointer;text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:16px 18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.profile-action-item:hover{border-color:var(--primary-fixed-dim);box-shadow:var(--shadow-ambient);transform:translateY(-2px)}.profile-action-copy{align-items:center;gap:14px;min-width:0;display:flex}.profile-action-icon{background:var(--secondary-container);width:44px;height:44px;color:var(--on-secondary-container);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-focus-list{flex-direction:column;gap:14px;display:flex}.profile-focus-item{background:var(--surface-container-low);border-radius:12px;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.profile-empty-state{text-align:center;padding:48px 32px}.profile-empty-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:inline-flex}.progress-track{background:var(--secondary-fixed);border-radius:var(--radius-lg);width:100%;height:16px;overflow:hidden}.progress-fill{border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--primary), var(--primary-container));height:100%;transition:width .5s}.option-card{background:var(--surface-container-lowest);border-radius:var(--radius-lg);cursor:pointer;border:none;align-items:flex-start;gap:16px;padding:20px 24px;transition:all .2s;display:flex}.option-card:hover{box-shadow:0 10px 20px #191c1d08}.option-card.selected{background:var(--surface-container-highest);border-bottom:2px solid var(--primary)}.option-radio{border:2.5px solid var(--outline-variant);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;transition:all .2s;display:flex}.option-card.selected .option-radio{border-color:var(--primary)}.option-radio-inner{background:var(--primary);border-radius:50%;width:10px;height:10px;transition:transform .2s;transform:scale(0)}.option-card.selected .option-radio-inner{transform:scale(1)}.option-text{color:var(--on-surface-variant);font-size:.95rem}.option-card.selected .option-text{color:var(--on-surface);font-weight:500}.q-map{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.q-dot{aspect-ratio:1;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.q-dot.answered{background:var(--primary);color:var(--on-primary)}.q-dot.current{background:var(--surface-container-lowest);color:var(--primary);border:2px solid var(--primary);font-weight:700;animation:2s infinite pulse-soft}.q-dot.unanswered{background:var(--surface-container-highest);color:var(--on-surface-variant)}.q-dot.unanswered:hover{background:var(--surface-container-high)}.chat-ai{gap:12px;max-width:85%;display:flex}.chat-ai .bubble{background:var(--surface-container-low);border-radius:0 var(--radius-lg) var(--radius-lg) var(--radius-lg);padding:16px;font-size:.875rem;line-height:1.6}.chat-user{flex-direction:row-reverse;gap:12px;max-width:85%;margin-left:auto;display:flex}.chat-user .bubble{background:var(--primary-fixed);border-radius:var(--radius-lg) 0 var(--radius-lg) var(--radius-lg);padding:16px;font-size:.875rem;line-height:1.6}.chat-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.7rem;font-weight:700;display:flex}.stat-card{background:var(--surface-container-lowest);border-radius:var(--radius-xl);box-shadow:var(--shadow-ambient);padding:32px;transition:box-shadow .5s}.stat-card:hover{box-shadow:var(--shadow-hover)}.stat-icon{border-radius:var(--radius-lg);background:var(--surface-container-high);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;transition:all .3s;display:flex}.stat-card:hover .stat-icon{background:var(--primary-container);color:var(--on-primary)}.tip-card-head{grid-template-columns:auto 1fr;align-items:center;gap:16px;margin-bottom:16px;display:grid}.tip-card-head .stat-icon{flex-shrink:0;margin-bottom:0}.tip-card-title{align-items:center;min-height:48px;line-height:1.2;display:flex}.tips-summary-card{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:24px;display:grid}.tips-summary-copy{min-width:0}.tips-summary-metrics{grid-template-columns:repeat(2,minmax(150px,1fr));align-items:stretch;gap:16px;display:grid}.tips-summary-stat{border-radius:var(--radius-lg);background:#ffffff1f;flex-direction:column;justify-content:space-between;min-height:84px;padding:14px 18px;display:flex}.tips-summary-stat-label{color:var(--primary-fixed-dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.75rem}.tips-summary-stat-value{color:#fff;font-family:var(--font-headline);font-size:1.6rem;font-weight:700;line-height:1.1}.tips-summary-stat-value-time{font-size:1.2rem;line-height:1.25}.stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--secondary);margin-bottom:8px;font-size:.7rem;font-weight:600}.stat-value{font-family:var(--font-headline);font-size:2.5rem;font-weight:700;line-height:1}.page{animation:.3s fadeIn}.landing-page{background:var(--surface);min-height:100dvh;color:var(--on-surface)}.landing-hero{isolation:isolate;align-items:center;min-height:92dvh;padding:112px clamp(20px,6vw,84px) 94px;display:flex;position:relative;overflow:hidden}.landing-hero-image{z-index:-3;object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.01)}.landing-hero-overlay{z-index:-2;background:linear-gradient(90deg,#09121bdb 0%,#09121bad 42%,#09121b38 100%),linear-gradient(#09121b40 0%,#09121b33 62%,#09121bc7 100%);position:absolute;inset:0}.landing-nav{z-index:4;background:linear-gradient(#060e16b8,#060e1600);justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:18px clamp(20px,6vw,84px);display:flex;position:absolute;top:0;left:0;right:0}.landing-brand{align-items:center;width:min(246px,48vw);min-width:150px;display:inline-flex}.landing-brand img{filter:drop-shadow(0 8px 20px #00000038);width:100%;height:auto;display:block}.landing-nav-actions{align-items:center;gap:10px;display:inline-flex}.landing-nav-link,.landing-nav-button,.landing-ghost-button{border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:10px 16px;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .2s,color .2s,border-color .2s,transform .2s;display:inline-flex}.landing-nav-link{color:#ffffffe0}.landing-nav-link:hover{color:#fff;background:#ffffff1a}.landing-nav-button{color:#06213d;background:#fffffff0;border:1px solid #ffffffb8}.landing-nav-button:hover{background:#fff;transform:translateY(-1px)}.landing-hero-content{color:#fff;width:min(760px,100%)}.landing-kicker{color:var(--tertiary-fixed-dim);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;font-size:.78rem;font-weight:800}.landing-hero h1{color:#fff;letter-spacing:0;max-width:760px;margin-bottom:22px;font-size:clamp(3.4rem,8vw,7rem);line-height:.95}.landing-hero-copy{color:#ffffffd6;max-width:680px;font-size:clamp(1.02rem,1.7vw,1.22rem);line-height:1.75}.landing-hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:34px;display:flex}.landing-hero-actions .btn-primary,.landing-cta-inner .btn-primary{border-radius:8px;min-height:50px;box-shadow:0 18px 36px #00376f3d}.landing-ghost-button{color:#fff;background:#ffffff14;border:1px solid #ffffff61}.landing-ghost-button:hover{background:#ffffff29;border-color:#ffffff94}.landing-disclaimer{color:#ffffffa8;max-width:620px;margin-top:22px;font-size:.86rem;line-height:1.6}.landing-hero-strip{z-index:3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#08121c6b;border:1px solid #ffffff2e;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:absolute;bottom:24px;left:clamp(20px,6vw,84px);right:clamp(20px,6vw,84px)}.landing-hero-strip span{color:#ffffffd6;text-align:center;border-right:1px solid #ffffff24;justify-content:center;align-items:center;min-height:58px;padding:12px;font-size:.85rem;font-weight:700;display:flex}.landing-hero-strip span:last-child{border-right:none}.landing-section{padding:clamp(72px,9vw,118px) clamp(24px,4vw,72px)}.landing-section-inner{width:min(1480px,100%);margin:0 auto}.landing-section-light{background:var(--surface-container-lowest)}.landing-section-head{flex-direction:column;align-items:flex-start;gap:0;margin-bottom:34px;display:flex}.landing-section h2{max-width:1040px;color:var(--primary);letter-spacing:0;text-wrap:balance;font-size:clamp(2.15rem,3.45vw,4.15rem);line-height:.98}.landing-section h2.landing-audience-title{max-width:1320px}.landing-title-line{display:block}@media (width>=900px){.landing-audience-title .landing-title-line{white-space:nowrap}}.landing-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.landing-feature-card{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);border-radius:8px;flex-direction:column;justify-content:space-between;min-height:232px;padding:28px 26px;display:flex}.landing-feature-card .material-symbols-outlined{background:var(--primary-fixed);width:42px;height:42px;color:var(--primary);border-radius:8px;justify-content:center;align-items:center;margin-bottom:30px;font-size:22px;display:inline-flex}.landing-feature-card h3{color:var(--on-surface);letter-spacing:0;margin-bottom:12px;font-size:1.08rem;line-height:1.25}.landing-feature-card p,.landing-proof-item p,.landing-audience-card p,.landing-step-item p,.landing-faq-item p,.landing-preview-note p,.landing-footer p{color:var(--on-surface-variant);font-size:.9rem;line-height:1.72}.landing-audience-band{background:var(--surface)}.landing-audience-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.landing-audience-card{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);border-radius:8px;grid-template-columns:44px minmax(0,1fr);gap:18px;min-height:178px;padding:24px;display:grid}.landing-audience-card .material-symbols-outlined{background:var(--secondary-container);width:44px;height:44px;color:var(--primary);border-radius:8px;justify-content:center;align-items:center;font-size:22px;display:inline-flex}.landing-audience-card h3,.landing-step-item h3,.landing-faq-item h3,.landing-preview-header h3{color:var(--on-surface);letter-spacing:0}.landing-audience-card h3{margin-bottom:10px;font-size:1rem;line-height:1.3}.landing-preview-band{background:var(--surface-container-lowest)}.landing-preview-grid{grid-template-columns:minmax(0,.88fr) minmax(360px,.78fr);align-items:center;gap:clamp(34px,7vw,84px);display:grid}.landing-step-list{gap:14px;margin-top:34px;display:grid}.landing-step-item{border-top:1px solid var(--outline-variant);grid-template-columns:54px minmax(0,1fr);gap:18px;padding:20px 0;display:grid}.landing-step-item:last-child{border-bottom:1px solid var(--outline-variant)}.landing-step-item>span{color:var(--primary);font-family:var(--font-headline);font-size:1.12rem;font-weight:800;line-height:1.2}.landing-step-item h3{margin-bottom:8px;font-size:1.06rem;line-height:1.3}.landing-preview-panel{border:1px solid var(--outline-variant);background:var(--surface-container-low);border-radius:8px;padding:24px;box-shadow:0 24px 54px #191c1d14}.landing-preview-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.landing-preview-header p{color:var(--secondary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:.72rem;font-weight:800}.landing-preview-header h3{font-size:1.2rem;line-height:1.25}.landing-preview-header .material-symbols-outlined{background:var(--primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:inline-flex}.landing-preview-stats{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.landing-preview-stats div{border-right:1px solid var(--outline-variant);border-bottom:1px solid var(--outline-variant);min-height:96px;padding:18px}.landing-preview-stats div:nth-child(2),.landing-preview-stats div:last-child{border-right:none}.landing-preview-stats div:last-child{border-bottom:none;grid-column:1/-1;min-height:86px}.landing-preview-stats span{color:var(--secondary);margin-bottom:10px;font-size:.72rem;font-weight:700;display:block}.landing-preview-stats strong{color:var(--on-surface);font-family:var(--font-headline);overflow-wrap:anywhere;font-size:clamp(1.35rem,2.6vw,2rem);line-height:1.05;display:block}.landing-preview-list{gap:14px;margin:24px 0;display:grid}.landing-preview-row{color:var(--on-surface-variant);grid-template-columns:112px minmax(90px,1fr) 44px;align-items:center;gap:12px;font-size:.84rem;display:grid}.landing-preview-row div{background:var(--surface-container-high);border-radius:999px;height:8px;overflow:hidden}.landing-preview-row i{border-radius:inherit;background:var(--primary);height:100%;display:block}.landing-preview-row strong{color:var(--on-surface);text-align:right;font-size:.82rem}.landing-preview-note{background:var(--primary-fixed);border-radius:8px;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:16px;display:grid}.landing-preview-note .material-symbols-outlined{color:var(--primary);font-size:22px}.landing-product-band{background:var(--surface-container-low)}.landing-product-grid{grid-template-columns:minmax(0,.92fr) minmax(320px,.78fr);align-items:start;gap:clamp(36px,7vw,84px);display:grid}.landing-proof-list{gap:10px;display:grid}.landing-proof-item{border-bottom:1px solid var(--outline-variant);grid-template-columns:28px 1fr;gap:12px;padding:16px 0;display:grid}.landing-proof-item:first-child{border-top:1px solid var(--outline-variant)}.landing-proof-item .material-symbols-outlined{color:var(--success);font-size:22px}.landing-cta-band{background:var(--surface-container-lowest)}.landing-faq-band{background:var(--surface)}.landing-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.landing-faq-item{border:1px solid var(--outline-variant);background:var(--surface-container-lowest);border-radius:8px;min-height:164px;padding:24px}.landing-faq-item h3{margin-bottom:12px;font-size:1.04rem;line-height:1.35}.landing-cta-inner{border-top:1px solid var(--outline-variant);border-bottom:1px solid var(--outline-variant);justify-content:space-between;align-items:center;gap:28px;padding:clamp(30px,5vw,48px) 0;display:flex}.landing-cta-inner h2{max-width:720px}.landing-footer{background:var(--surface-container-low);border-top:1px solid var(--outline-variant);padding:32px clamp(20px,6vw,84px)}.landing-footer-inner{justify-content:space-between;align-items:flex-start;gap:28px;display:flex}.landing-footer strong{color:var(--on-surface);margin-bottom:8px;font-size:.95rem;display:block}.landing-footer p{max-width:520px}.landing-footer .landing-powered{color:var(--primary);margin-top:10px;font-size:.82rem;font-weight:800}.landing-footer nav{color:var(--secondary);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;font-size:.82rem;display:flex}.landing-footer a{color:var(--primary);font-weight:700;text-decoration:none}.landing-footer a:hover{text-decoration:underline}.landing-footer span{max-width:320px}.legal-page{background:var(--surface);min-height:100dvh;color:var(--on-surface)}.legal-hero{background:linear-gradient(135deg, var(--primary-fixed) 0%, var(--surface) 54%, var(--secondary-fixed) 100%);border-bottom:1px solid var(--outline-variant);padding:24px clamp(20px,6vw,84px) clamp(42px,7vw,72px)}.legal-nav{justify-content:space-between;align-items:center;gap:24px;max-width:1120px;margin:0 auto clamp(40px,6vw,76px);display:flex}.legal-brand img{width:min(230px,58vw);height:auto;display:block}.legal-nav-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;display:flex}.legal-nav-links a{color:var(--primary);font-size:.84rem;font-weight:800;text-decoration:none}.legal-nav-links a:hover{text-decoration:underline}.legal-hero-inner{max-width:900px;margin:0 auto}.legal-hero-inner h1{color:var(--primary);font-family:var(--font-headline);margin:10px 0 16px;font-size:clamp(2.2rem,5vw,4rem);line-height:1.05}.legal-hero-inner p{max-width:780px;color:var(--secondary);line-height:1.75}.legal-hero-inner span{color:var(--on-surface-variant);margin-top:18px;font-size:.84rem;font-weight:700;display:inline-block}.legal-shell{max-width:960px;margin:0 auto;padding:clamp(28px,5vw,56px) 20px 64px}.legal-card{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-xl);box-shadow:var(--shadow-ambient);padding:clamp(28px,5vw,48px)}.legal-section+.legal-section{border-top:1px solid var(--outline-variant);margin-top:34px;padding-top:28px}.legal-section h2{color:var(--on-surface);font-family:var(--font-headline);margin-bottom:14px;font-size:1.25rem}.legal-section ul{gap:12px;padding-left:20px;display:grid}.legal-section li{color:var(--secondary);line-height:1.7}.legal-note{border-radius:var(--radius-lg);background:var(--surface-container-low);color:var(--secondary);margin-top:36px;padding:18px 20px;line-height:1.65}.legal-note strong{color:var(--on-surface)}.legal-actions{justify-content:center;margin-top:24px;display:flex}.login-page{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex;position:relative;overflow:hidden}.login-card{background:var(--surface-container-lowest);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-ambient);z-index:10;padding:48px;position:relative}.login-page-split{isolation:isolate;background:linear-gradient(135deg, var(--primary-fixed) 0%, var(--surface) 48%, var(--secondary-fixed) 100%);padding:clamp(24px,4vw,56px);overflow:auto}.login-page-split:before{content:"";z-index:0;pointer-events:none;opacity:.55;background:linear-gradient(90deg,#ffffff9e,#fff0),repeating-linear-gradient(135deg,#00376f09 0 1px,#0000 1px 24px);position:fixed;inset:0}.login-shell{z-index:10;border:1px solid var(--outline-variant);border-radius:var(--radius-xl);background:var(--surface-container-lowest);grid-template-columns:minmax(0,1.2fr) minmax(360px,430px);align-items:stretch;gap:0;width:min(1160px,100%);display:grid;position:relative;overflow:hidden;box-shadow:0 28px 80px #191c1d24}.login-visual{background:var(--inverse-surface);min-height:min(72dvh,660px);box-shadow:none;border-radius:0;position:relative;overflow:hidden}.login-visual-image{width:100%;height:100%;min-height:inherit;object-fit:cover;object-position:42% center;display:block;transform:scale(1.02)}.login-visual-shade{pointer-events:none;background:linear-gradient(#05132138,#0513211f 38%,#051321c7),linear-gradient(90deg,#00376f57,#0000);position:absolute;inset:0}.login-visual-copy{color:#fff;flex-direction:column;justify-content:space-between;padding:clamp(28px,4vw,44px);display:flex;position:absolute;inset:0}.login-visual-pill{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;background:#ffffff29;border:1px solid #ffffff47;align-self:flex-start;align-items:center;gap:8px;padding:9px 14px;font-size:.82rem;font-weight:700;display:inline-flex}.login-visual-pill .material-symbols-outlined{font-size:18px}.login-visual-copy h2{color:#fff;text-wrap:balance;max-width:440px;font-size:clamp(2.2rem,4vw,4rem);line-height:1.05}.login-card-split{border:none;border-left:1px solid var(--outline-variant);background:var(--surface-container-lowest);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:none;box-shadow:none;border-radius:0;flex-direction:column;justify-content:center;padding:clamp(34px,4vw,52px);display:flex}.login-brand{align-items:center;margin-bottom:clamp(28px,4vw,44px);display:flex}.login-brand-logo{object-fit:contain;width:min(270px,100%);height:auto;display:block}.login-brand-mark{color:#fff;background:linear-gradient(135deg,#00376f,#0d5aa8);border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 14px 28px #00376f33}.login-brand-mark .material-symbols-outlined{color:#fff;font-variation-settings:"FILL" 1, "wght" 600, "GRAD" 0, "opsz" 32;font-size:30px;line-height:1}.login-brand p{color:var(--primary);font-family:var(--font-headline);font-size:1rem;font-weight:800;line-height:1.1}.login-brand span{color:var(--secondary);margin-top:4px;font-size:.78rem;font-weight:600;display:block}.login-heading{margin-bottom:28px}.login-kicker{color:var(--tertiary);text-transform:uppercase;margin-bottom:10px;font-size:.84rem;font-weight:800}.login-heading h1{margin-bottom:10px;font-size:clamp(2rem,4vw,2.65rem);line-height:1.05}.login-heading p{color:var(--secondary);font-size:.95rem;line-height:1.55}.login-form{flex-direction:column;gap:20px;display:flex}.login-card-split .input-group{gap:10px}.login-card-split .input-field{border:1px solid var(--outline-variant);border-bottom-color:var(--outline-variant);background:var(--surface-container-low);border-radius:10px;min-height:54px}.login-card-split .input-field:focus{background:var(--surface-container-lowest);border-color:var(--primary);box-shadow:0 0 0 4px #00376f1a}.login-card-split .input-wrap .material-symbols-outlined{color:var(--secondary)}.login-card-split .btn-primary{border-radius:10px;min-height:54px}.login-register-text{color:var(--secondary);text-align:center;margin-top:24px;font-size:.9rem}.login-glow-1{filter:blur(120px);pointer-events:none;background:#a8c8ff33;border-radius:50%;width:60vw;height:60vw;position:fixed;top:-15%;left:-10%}.login-glow-2{filter:blur(100px);pointer-events:none;background:#afcbd833;border-radius:50%;width:50vw;height:50vw;position:fixed;bottom:-15%;right:-10%}.login-page-split .login-glow-1,.login-page-split .login-glow-2{display:none}@media (width<=980px){.landing-hero{min-height:94dvh;padding-top:126px;padding-bottom:150px}.landing-section-head,.landing-preview-grid,.landing-product-grid{grid-template-columns:1fr;gap:24px}.landing-feature-grid,.landing-audience-grid,.landing-faq-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr;max-width:640px}.login-card-split{border-left:none;border-top:1px solid var(--outline-variant)}.login-visual{min-height:340px}.login-visual-copy h2{font-size:2.2rem}}.exam-layout{grid-template-columns:1fr 340px;align-items:start;gap:32px;display:grid}.timer-pill{background:var(--surface-container-lowest);border-radius:var(--radius-full);align-items:center;gap:12px;padding:12px 28px;display:inline-flex;box-shadow:0 10px 20px #191c1d0d}.timer-label{text-transform:uppercase;letter-spacing:.1em;color:var(--secondary);font-size:.6rem;font-weight:600}.timer-value{font-family:var(--font-headline);color:var(--primary);font-size:1.5rem;font-weight:700;line-height:1}.timer-value.warning{color:var(--tertiary)}.timer-value.danger{color:var(--error);animation:1s infinite pulse-soft}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-12{grid-template-columns:repeat(12,1fr);gap:32px;display:grid}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-12{grid-column:span 12}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-14{gap:14px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.gap-32{gap:32px}.gap-40{gap:40px}.text-center{text-align:center}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-error{color:var(--error)}.font-headline{font-family:var(--font-headline)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.75rem}.text-3xl{font-size:2.5rem}.text-display{letter-spacing:-.02em;font-size:3.5rem;line-height:1.1}.mt-auto{margin-top:auto}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.mb-48{margin-bottom:48px}.w-full{width:100%}.hidden{display:none!important}.app-footer{background:var(--surface-container-low);text-transform:uppercase;letter-spacing:.08em;color:var(--secondary);justify-content:space-between;align-items:center;margin-top:auto;padding:32px 48px;font-size:.7rem;display:flex}.app-footer a{color:var(--secondary);text-decoration:none;transition:color .2s}.app-footer a:hover{color:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.6}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(-50%)translate(0)}20%{transform:translate(-50%)translate(-8px)}40%{transform:translate(-50%)translate(8px)}60%{transform:translate(-50%)translate(-4px)}80%{transform:translate(-50%)translate(4px)}}@keyframes timer-glow{0%,to{box-shadow:0 10px 20px #191c1d0d}50%{box-shadow:0 10px 30px #ba1a1a40}}.anim-fade{animation:.4s fadeIn}.anim-slide{animation:.5s slideUp}.timer-pulse{border:2px solid var(--error);animation:1.5s infinite timer-glow}.loading-spinner{color:var(--primary);flex:none;justify-content:center;align-items:center;line-height:0;display:inline-flex}.loading-page{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;display:flex}.exam-submit-overlay{z-index:10050;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e14176b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.exam-submit-panel{border-radius:var(--radius-xl);background:var(--surface-container-lowest);border:1px solid var(--surface-container-highest);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:min(420px,100%);min-height:220px;padding:34px 30px;display:flex;box-shadow:0 24px 80px #00000038}.exam-submit-progress{background:var(--surface-container-high);border-radius:999px;width:100%;height:6px;overflow:hidden}.exam-submit-progress span{border-radius:inherit;background:var(--primary);width:42%;height:100%;animation:1.2s ease-in-out infinite submit-progress;display:block}@keyframes submit-progress{0%{transform:translate(-110%)}to{transform:translate(250%)}}.alert-error{background:var(--error-container);color:var(--error);border-radius:var(--radius-md);text-align:center;margin-bottom:16px;padding:12px 20px;font-size:.85rem;animation:.3s fadeIn}.alert-success{background:var(--primary-fixed);color:var(--primary);border-radius:var(--radius-md);text-align:center;margin-bottom:16px;padding:12px 20px;font-size:.85rem;animation:.3s fadeIn}.alert-warning{background:var(--tertiary-fixed);color:var(--on-tertiary-fixed);border-radius:var(--radius-md);text-align:center;margin-bottom:16px;padding:12px 20px;font-size:.85rem;animation:.3s fadeIn}.ai-loading{color:var(--secondary);align-items:center;gap:12px;padding:24px;font-size:.875rem;display:flex}.ai-loading .loading-spinner{transform:translateY(1px)}@media (width<=768px){.landing-nav{flex-direction:column;align-items:flex-start;gap:14px;min-height:auto;padding-top:18px}.landing-brand{width:min(210px,70vw)}.landing-nav-actions{justify-content:space-between;width:100%}.landing-nav-link,.landing-nav-button{white-space:nowrap;flex:1;min-width:0;padding-inline:12px}.landing-hero{align-items:flex-end;min-height:96dvh;padding:168px 20px 164px}.landing-hero-overlay{background:linear-gradient(#09121bad 0%,#09121b6b 34%,#09121be6 100%),linear-gradient(90deg,#09121bc7,#09121b6b)}.landing-hero h1{font-size:clamp(3rem,16vw,4.5rem)}.landing-hero-copy{font-size:1rem}.landing-hero-actions{flex-direction:column;align-items:stretch}.landing-hero-actions .btn-primary,.landing-ghost-button,.landing-cta-inner .btn-primary{justify-content:center;width:100%}.landing-hero-strip{grid-template-columns:repeat(2,minmax(0,1fr));bottom:18px;left:20px;right:20px}.landing-hero-strip span{min-height:48px;font-size:.75rem}.landing-hero-strip span:nth-child(2){border-right:none}.landing-hero-strip span:nth-child(-n+2){border-bottom:1px solid #ffffff24}.landing-section{padding:64px 20px}.landing-section h2{font-size:clamp(2rem,10vw,2.8rem)}.landing-feature-card{min-height:220px}.landing-audience-card{grid-template-columns:40px minmax(0,1fr);min-height:auto;padding:20px}.landing-preview-stats{grid-template-columns:1fr}.landing-preview-stats div{border-right:none;border-bottom:1px solid var(--outline-variant);min-height:auto}.landing-preview-stats div:last-child{border-bottom:none}.landing-preview-row{grid-template-columns:92px minmax(70px,1fr) 38px}.landing-step-item{grid-template-columns:42px minmax(0,1fr)}.landing-preview-panel,.landing-faq-item{padding:20px}.landing-product-grid{grid-template-columns:1fr}.landing-cta-inner{flex-direction:column;align-items:stretch}.landing-footer-inner{flex-direction:column}.landing-footer nav{justify-content:flex-start}.sidebar{padding-top:88px;padding-bottom:calc(84px + env(safe-area-inset-bottom));transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-wrap{margin-left:0}.topbar{left:0}.page-content{flex:none;padding:88px 20px 28px}.exam-layout,.grid-2,.grid-3{grid-template-columns:1fr}.grid-12{grid-template-columns:1fr;gap:20px}.col-4,.col-5,.col-7,.col-8,.col-12{grid-column:span 1}.text-display{font-size:2.5rem}.login-page-split{padding:20px}.login-shell{grid-template-columns:1fr;gap:0;max-width:520px}.login-visual{border-radius:0;height:clamp(200px,56vw,240px);min-height:0}.login-visual-image{min-height:0}.login-visual-copy{padding:24px}.login-visual-copy h2{font-size:clamp(1.9rem,8vw,2.35rem)}.login-card-split{border-top:1px solid #00376f14;border-radius:0;padding:28px;position:relative}.login-brand{margin-bottom:22px}.login-brand-logo{width:min(220px,100%)}.login-card{padding:32px}.filter-panel{padding:20px}.filter-group{min-width:100%}.filter-meta{align-items:stretch}.history-filter-panel{padding:18px}.history-filter-grid,.bank-history-grid,.bank-psych-filter-grid{grid-template-columns:1fr}.bank-filter-span{grid-column:auto}.history-filter-meta{align-items:stretch}.history-filter-reset{justify-content:center;width:100%}.history-record-card,.history-record-main,.history-record-side,.bank-row{flex-direction:column;align-items:flex-start}.bank-form-grid{grid-template-columns:1fr}.bank-row-actions{align-items:stretch;width:100%}.bank-form-actions,.bank-ai-panel-head{flex-direction:column;align-items:stretch}.bank-ai-panel-head .btn-primary{justify-content:center}.bank-ai-suggestion-head{flex-direction:column}.bank-view-switcher{justify-content:space-between;width:100%}.bank-view-btn{flex:1;justify-content:center}.dashboard-signal-grid,.dashboard-overview-grid,.dashboard-review-grid,.dashboard-achievement-grid,.dashboard-practice-grid{grid-template-columns:1fr}.dashboard-focus-item{flex-direction:column;align-items:flex-start}.dashboard-focus-item span{text-align:left;max-width:100%}.profile-hero,.profile-section-grid,.profile-metric-grid,.profile-trend-grid{grid-template-columns:1fr}.profile-hero-main{text-align:center;flex-direction:column}.profile-action-copy{align-items:flex-start}.profile-activity-row,.profile-focus-item{flex-direction:column;align-items:flex-start}.profile-activity-score{font-size:1.5rem}.profile-empty-actions{width:100%}.profile-trend-card{align-items:flex-start}.profile-mini-link{align-self:center}.interview-breakdown-grid{grid-template-columns:1fr}.interview-result-meta{justify-content:flex-start}.review-score-card{width:100%}.tips-summary-card{grid-template-columns:1fr}.tips-summary-metrics{grid-template-columns:1fr;width:100%}.analysis-hero{gap:12px!important}.analysis-hero-copy{flex-basis:100%}.analysis-hero-title{font-size:2rem}.analysis-hero-subtitle{max-width:none;font-size:.98rem}.analysis-export-btn{justify-content:center;width:100%}.analysis-score-card,.analysis-radar-card,.analysis-scoring-panel{padding:24px}.analysis-scoring-grid{grid-template-columns:1fr}.analysis-score-ring{width:min(160px,100%);margin-bottom:20px}.analysis-score-value{font-size:2.4rem}.analysis-radar-chart{max-width:280px}.app-footer{text-align:center;padding:24px 20px calc(88px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin-top:0}.bottom-nav{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:8px 0 max(8px, env(safe-area-inset-bottom));background:#ffffffe6;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #00000008}.bottom-nav-item{color:var(--secondary);border-radius:var(--radius-lg);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:8px 16px;font-size:10px;font-weight:600;text-decoration:none;display:flex}.bottom-nav-item.active{color:var(--primary)}}@media (width>=769px){.bottom-nav,.mobile-menu-btn{display:none}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-nav{z-index:10000;background:var(--primary);color:var(--on-primary);border-radius:var(--radius-md);padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:16px}.skip-nav:focus{outline:3px solid var(--primary-fixed);outline-offset:2px;top:16px}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-block,.skeleton-line,.skeleton-circle{background:linear-gradient(90deg, var(--surface-container-low) 25%, var(--surface-container-high) 50%, var(--surface-container-low) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}.skeleton-circle{border-radius:var(--radius-full)}.skeleton-card{position:relative;overflow:hidden}.skeleton-line{display:block}.network-banner{z-index:9999;text-align:center;padding:12px 24px;font-size:13px;font-weight:600;transition:transform .3s,opacity .3s;position:fixed;bottom:0;left:0;right:0}.network-banner--offline{background:var(--error);color:#fff}.network-banner--online{background:var(--success);color:#fff}@media (width>=769px){.network-banner{left:272px}}.bcl-embed-card{border-radius:var(--radius-lg,16px);scrollbar-width:thin;scrollbar-color:#00376f59 transparent}.bcl-embed-card::-webkit-scrollbar{width:8px}.bcl-embed-card::-webkit-scrollbar-track{background:0 0;margin:12px 0}.bcl-embed-card::-webkit-scrollbar-thumb{background:#00376f47 padding-box padding-box;border:2px solid #0000;border-radius:999px}.bcl-embed-card::-webkit-scrollbar-thumb:hover{background:#00376f73 padding-box padding-box;border:2px solid #0000}.bcl-embed-card::-webkit-scrollbar-button{width:0;height:0;display:none}
