.subject-detail-root .MuiDialog-paper.subject-detail-panel{color:#344363;padding-inline:max(20px,env(safe-area-inset-left)) max(20px,env(safe-area-inset-right));scroll-padding-block:85px 90px}.subject-detail-panel>header{gap:10px}.subject-detail-panel>header h2{min-width:0;font-size:1rem}.detail-header-actions{flex-shrink:0;gap:6px;display:flex}.subject-detail-panel .icon-btn{color:#455782;width:44px;min-width:44px;height:44px;min-height:44px}.subject-detail-panel .detail-identity{padding-block:8px 18px}.subject-detail-panel .detail-identity .section-kicker{color:#53627e;letter-spacing:.04em;overflow-wrap:anywhere;font-size:.6875rem;line-height:1.7}.subject-detail-panel .detail-identity h3{color:#26334f;overflow-wrap:anywhere;margin:10px 0;font-size:1.5rem;line-height:1.3}.subject-detail-panel .detail-code{color:#53627e;overflow-wrap:anywhere;font-size:.75rem;line-height:1.6}.subject-detail-panel .status{border-radius:9px;padding:7px 10px;font-size:.75rem;font-weight:750;display:inline-flex}.subject-detail-panel .status.approved{color:#26634d;background:#e0f3e9}.subject-detail-panel .status.taking{color:#7e4c1b;background:#fff0dc}.subject-detail-panel .status.regularized{color:#394d96;background:#e9edff}.subject-detail-panel .status.pending{color:#4e5971;background:#edf0f5}.subject-detail-panel .detail-status-editor{background:#f3f5fc;border:1px solid #dce1ef;border-radius:16px;padding:16px}.detail-status-section>h3{color:#344363;margin:0 0 10px;font-size:.875rem;font-weight:750;line-height:1.5}.subject-detail-panel .status-actions{margin:3px 0 0}.subject-detail-panel .status-actions button{color:#415274;white-space:normal;background:#fff;border:1px solid #b5bfda;min-height:48px;font-size:.8125rem}.subject-detail-panel .status-actions button[aria-pressed=true]{color:#fff;background:#485bc9;border-color:#485bc9}.subject-detail-panel .status-actions button:disabled{opacity:.65;cursor:default}.subject-detail-panel .detail-muted{color:#53627e;font-size:.75rem;line-height:1.65}.subject-detail-panel .detail-section{border-top:1px solid #dfe4ef;margin-top:22px;padding-top:18px}.subject-detail-panel .detail-section h3{color:#2d3d5a;align-items:center;gap:8px;margin:0 0 14px;font-size:1rem;line-height:1.5;display:flex}.subject-detail-panel .detail-section h4{color:#3e5071;margin:14px 0 8px;font-size:.8125rem;line-height:1.5}.subject-detail-panel .detail-section p{overflow-wrap:anywhere;font-size:.8125rem;line-height:1.65}.detail-eligibility>div{background:#f3f5fc;border-radius:13px;margin-top:10px;padding:12px 14px}.detail-eligibility>div h4{margin-top:0!important}.detail-eligibility>div strong{font-size:.875rem;line-height:1.5}.detail-eligibility>div p{margin-bottom:0}.detail-requirement-group ul,.detail-dependents{gap:10px;margin:0;padding:0;list-style:none;display:grid}.detail-requirement-group li{background:#f6f7fb;border-radius:12px;align-items:flex-start;gap:9px;padding:10px;display:flex}.requirement-symbol{color:#3d5f50;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.is-missing .requirement-symbol{color:#785b35}.detail-requirement-group li>span:last-child{gap:4px;min-width:0;display:grid}.detail-requirement-group li strong,.detail-dependents strong{overflow-wrap:anywhere;font-size:.8125rem;line-height:1.5}.detail-requirement-group li small,.detail-dependents small{color:#53627e;overflow-wrap:anywhere;font-size:.6875rem;line-height:1.5}.detail-requirement-group li>span:last-child>span{color:#53627e;font-size:.6875rem}.detail-long-list summary{cursor:pointer;color:#455782;min-height:44px;padding-block:10px;font-size:.8125rem;font-weight:700}.detail-dependents li{border:1px solid #dfe4ef;border-radius:12px;gap:4px;padding:10px 12px;display:grid}.detail-topics{padding-left:20px}.detail-topics li{overflow-wrap:anywhere;margin-bottom:7px;font-size:.8125rem;line-height:1.65}.detail-hours{gap:5px;display:grid}.detail-map-action{padding-block:20px max(16px,env(safe-area-inset-bottom))}.detail-map-action button{white-space:normal;min-height:48px}.subject-detail-panel :is(button,summary):focus-visible,.subject-detail-panel h3:focus-visible{outline-offset:3px;outline:3px solid #6678be}.subject-detail-root .MuiDialog-paper.subject-detail-panel.is-full{width:min(650px,100%);max-width:650px;height:var(--sheet-viewport-height,100dvh);max-height:var(--sheet-viewport-height,100dvh);padding-top:max(13px,env(safe-area-inset-top));border-radius:0;margin:0 auto}@media (max-width:600px){.subject-detail-root .MuiDialog-paper.subject-detail-panel.is-full{width:100%;max-width:100%}}@media (prefers-reduced-motion:reduce){.subject-detail-root *{scroll-behavior:auto!important}}.subject-detail-root .MuiDialog-paper.subject-detail-panel.is-full{padding-top:0}.subject-detail-panel.is-full>.sheet-handle{display:none}.subject-detail-panel .status-actions button{overflow-wrap:anywhere}.subject-detail-panel .detail-status-section{margin-top:18px;scroll-margin-top:90px}.subject-detail-panel .detail-status-editor{min-width:0;margin:0;padding:14px}.subject-detail-panel .detail-status-editor .status-actions{grid-template-rows:repeat(2,minmax(52px,1fr));grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px;margin:0;display:grid}.subject-detail-panel .detail-status-editor .status-actions button{text-align:center;border-width:2px;border-radius:11px;justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:52px;margin:0;padding:12px 8px;font-weight:650;line-height:1.35;display:flex}.subject-detail-panel .detail-status-editor .status-actions button[aria-pressed=true]{color:#fff;background:#485bc9;border-color:#485bc9;font-weight:750}.subject-detail-panel>header{z-index:3;background:#fff;min-height:60px;margin:0;padding:8px 0;position:sticky;top:0}.subject-detail-panel.is-full>header{padding-top:max(13px,env(safe-area-inset-top));top:0}.subject-detail-root .MuiDialog-paper.subject-detail-panel{scroll-padding-block:calc(80px + env(safe-area-inset-top)) 32px}.dashboard-mobile{gap:22px;min-width:0;display:grid}.dashboard-heading h1{color:#26334f;margin:10px 0;font-size:1.875rem;line-height:1.2}.dashboard-heading>p{color:#53627e;margin:0;font-size:.875rem;line-height:1.6}.dashboard-mobile .dashboard-progress{color:#fff;background:#4b5dce;border-radius:22px;margin:0;padding:22px;box-shadow:0 8px 20px #4b5dce20}.dashboard-progress-top{justify-content:space-between;align-items:center;gap:14px;display:flex}.dashboard-progress-top>div:first-child{min-width:0}.dashboard-progress h2{color:#fff;margin:8px 0;font-size:1.25rem;line-height:1.35}.dashboard-progress-top p{color:#fff;margin:0;font-size:.75rem;line-height:1.6}.dashboard-progress .white-kicker{color:#fff;letter-spacing:.1em;font-size:.625rem}.dashboard-ring{background:conic-gradient(#fff var(--dashboard-angle),#ffffff40 0);border-radius:50%;flex:0 0 104px;width:104px;height:104px;padding:7px}.dashboard-ring>div{background:#4b5dce;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dashboard-ring strong{font-size:1.75rem;font-weight:800;line-height:1.1}.dashboard-ring strong small{font-size:.875rem}.dashboard-ring>div>span{margin-top:5px;font-size:.625rem}.dashboard-progress-note{color:#fff;border-top:1px solid #fff5;margin:16px 0 0;padding-top:13px;font-size:.6875rem;line-height:1.6}.dashboard-mobile .dashboard-states{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.dashboard-mobile .dashboard-state{min-height:94px;box-shadow:none;text-align:left;color:#344363;background:#fff;border:1px solid #dce3ef;border-radius:16px;flex-direction:column;align-items:flex-start;padding:15px;display:flex;position:relative}.dashboard-state-label{align-items:center;gap:6px;font-size:.75rem;font-weight:650;display:flex}.dashboard-state.approved .dashboard-state-label{color:#26634d}.dashboard-state.regularized .dashboard-state-label{color:#394d96}.dashboard-state.taking .dashboard-state-label{color:#7e4c1b}.dashboard-mobile .dashboard-state strong{color:#26334f;margin-top:8px;font-size:1.5rem;line-height:1.2}.dashboard-state-arrow{color:#53627e;position:absolute;bottom:18px;right:12px}.dashboard-empty-progress,.dashboard-complete{color:#3e5076;background:#eef2ff;border:1px solid #d5ddee;border-radius:16px;padding:16px}.dashboard-empty-progress h2,.dashboard-complete h2{margin:0 0 8px;font-size:.9375rem}.dashboard-empty-progress p,.dashboard-complete p{margin:0;font-size:.8125rem;line-height:1.6}.dashboard-eligibility h2,.dashboard-guidance h2{color:#2d3d5a;margin:0 0 12px;font-size:1rem}.dashboard-eligibility>div{gap:9px;display:grid}.dashboard-option{text-align:left;color:#344363;background:#fff;border:1px solid #dce3ef;border-radius:16px;align-items:center;gap:12px;width:100%;min-height:80px;padding:14px;display:flex}.dashboard-option-icon{color:#26634d;background:#e7f4ec;border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.dashboard-option-icon.finals{color:#394d96;background:#edf0ff}.dashboard-option>span:nth-child(2){flex:1;min-width:0}.dashboard-option>span:nth-child(2) strong{font-size:1.25rem;display:block}.dashboard-option>span:nth-child(2)>span{font-size:.8125rem;line-height:1.5}.dashboard-option>svg{flex-shrink:0}.dashboard-eligibility>p{color:#53627e;margin:10px 0 0;font-size:.75rem;line-height:1.6}.dashboard-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.dashboard-shortcuts button{color:#3e507e;overflow-wrap:anywhere;background:#f0f3ff;border:1px solid #c6cfe4;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:76px;padding:10px 5px;font-size:.75rem;font-weight:650;display:flex}.dashboard-guidance{padding-top:4px}.dashboard-guidance h2{align-items:center;gap:7px;display:flex}.dashboard-guidance-note{color:#53627e;margin:0 0 14px;font-size:.75rem;line-height:1.6}.dashboard-guidance-item{border-top:1px solid #dce3ef;padding:14px 0}.dashboard-guidance-type{color:#445986;font-size:.6875rem;font-weight:750;display:block}.dashboard-guidance-item h3{color:#2d3d5a;overflow-wrap:anywhere;margin:5px 0;font-size:.875rem;line-height:1.5}.dashboard-guidance-item p{color:#53627e;margin:0;font-size:.75rem;line-height:1.6}.dashboard-guidance summary{color:#445986;cursor:pointer;min-height:44px;padding:12px 0;font-size:.8125rem;font-weight:650}.dashboard-mobile .dashboard-explore{color:#445986;white-space:normal;text-align:left;justify-content:flex-start;align-items:center;gap:7px;min-height:44px;padding:10px 0;font-size:.8125rem;display:inline-flex}.dashboard-guidance-empty{color:#53627e;font-size:.8125rem;line-height:1.6}.dashboard-empty{color:#344363;background:#fff;border:1px solid #dce3ef;border-radius:20px;padding:22px 18px}.dashboard-empty-icon{color:#445986;background:#edf0ff;border-radius:16px;place-items:center;width:52px;height:52px;display:inline-grid}.dashboard-empty h1{overflow-wrap:anywhere;margin:14px 0;font-size:1.5rem;line-height:1.35}.dashboard-empty p{color:#53627e;font-size:.875rem;line-height:1.7}.dashboard-empty button{white-space:normal;min-height:48px}.dashboard-mobile :is(button,summary):focus-visible,.dashboard-empty button:focus-visible{outline-offset:3px;outline:3px solid #6678be}@media (max-width:360px){.dashboard-mobile .dashboard-progress{padding:18px}.dashboard-ring{flex-basis:88px;width:88px;height:88px}.dashboard-state-label{gap:4px;font-size:.6875rem}}@media (prefers-reduced-motion:reduce){.dashboard-mobile *{scroll-behavior:auto!important}}.dashboard-progress-top{flex-wrap:wrap}.dashboard-progress-top>div:first-child{flex:8rem}.dashboard-progress h2{overflow-wrap:anywhere}.dashboard-ring{flex-basis:clamp(104px,6.5rem,176px);width:clamp(104px,6.5rem,176px);height:clamp(104px,6.5rem,176px)}.dashboard-state-label{overflow-wrap:anywhere;flex-wrap:wrap;max-width:100%}.dashboard-mobile .dashboard-state strong{overflow-wrap:anywhere;max-width:100%;padding-right:15px}.dashboard-shortcuts button>span{overflow-wrap:anywhere;max-width:100%}@media (max-width:360px){.dashboard-ring{flex-basis:clamp(88px,5.5rem,160px);width:clamp(88px,5.5rem,160px);height:clamp(88px,5.5rem,160px)}}.friends-page{gap:20px;display:grid}.friends-page h2{margin:0 0 12px}.friends-muted,.friend-person-info span,.friend-person-info small{color:var(--muted)}.friend-search{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;display:flex}.friend-search label{font-weight:700}.friend-search input{border:1px solid var(--line);min-width:180px;color:var(--text);background:#fff;border-radius:12px;flex:1;padding:12px}.friend-person{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;padding:18px 0;display:flex}.friend-person img{object-fit:cover;border-radius:50%;width:44px;height:44px}.friend-person-info{overflow-wrap:anywhere;flex:1;min-width:180px}.friend-person-info strong,.friend-person-info span,.friend-person-info small{margin:3px 0;display:block}.friends-page .friend-person-info strong{letter-spacing:normal;margin:3px 0;font-size:16px}.friend-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.friends-page button:disabled{opacity:.55;cursor:wait}.friends-page [role=alert]{color:var(--red)}.planning-sharing label{font-weight:700}.planning-sharing input{margin-right:8px}.planning-controls>.top-nav{margin:16px 0 0}.planning-controls>.reset{white-space:normal;max-width:100%}.planning-comparison{margin-top:24px}.planning-comparison .map-subject small{margin-top:8px;display:block}.planning-comparison .comparison-both{border:2px solid var(--green);background:#eaf8ed}.planning-comparison .comparison-mine{border:2px solid var(--blue);background:#eef4ff}.planning-comparison .comparison-friend{border:2px solid var(--purple);background:#f5efff}.planning-comparison .comparison-neither{border:1px solid var(--line);background:#fff}.planning-comparison .side-card{margin-bottom:20px}.projection-page,.projection-timeline,.projection-setup{gap:12px;display:grid}.projection-page .side-card{min-width:0}.projection-page .side-card strong{letter-spacing:normal;margin:0;font-size:1rem}.projection-page .projection-summary strong{font-size:1.25rem}.projection-page h2,.projection-page h3{margin-top:0}.projection-muted{color:var(--muted)}.projection-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.projection-summary strong{font-size:1.25rem}.projection-period-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.projection-page label{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 12px 6px 0;display:inline-flex}.projection-page select,.projection-page input[type=number]{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:12px;max-width:100%;padding:10px}.projection-page input[type=number]{width:110px}.projection-page fieldset{border:1px solid var(--line);border-radius:16px;min-width:0;padding:16px}.projection-page input[type=radio]{accent-color:var(--primary)}.projection-page :focus-visible{outline:2px solid var(--primary);outline-offset:3px}.projection-page summary{cursor:pointer}.projection-subjects{padding:0;list-style:none}.projection-subjects li{border-top:1px solid var(--line);overflow-wrap:anywhere;gap:6px;padding:16px 0;display:grid}.projection-page li{overflow-wrap:anywhere}.projection-subjects small{color:var(--muted)}.projection-page .projection-intro{padding:18px 22px}.projection-page .projection-overview{gap:6px;padding:18px 22px}.projection-overview h3,.projection-overview p{margin:0}.projection-page .projection-overview strong{color:var(--primary);font-size:1.75rem}.projection-page .projection-semester{padding:16px 22px}.projection-semester h3{margin:0;font-size:1rem}.projection-semester .projection-subjects{margin:10px 0}.projection-semester .projection-subjects li{padding:3px 0}.projection-subject-row{align-items:flex-start;gap:8px;display:flex}.projection-subject-row>details{flex:1;min-width:0}.projection-subject-row summary{padding:9px 0;font-size:.95rem;line-height:1.4}.projection-detail{color:var(--muted);padding:0 0 8px 16px;font-size:.85rem}.projection-detail p{margin:6px 0 0}.projection-badge{border:1px solid var(--line);border-radius:6px;margin-left:4px;padding:1px 5px;font-size:.72rem;display:inline-block}.projection-icon,.projection-action{cursor:pointer;color:var(--primary);border:1px solid var(--line);font:inherit;background:0 0;border-radius:8px;padding:8px 10px}.projection-icon{min-height:40px;color:var(--muted);border-color:#0000;flex:0 0 40px;font-size:1rem}.projection-icon:hover,.projection-action:hover{background:var(--bg)}.projection-picker>summary{color:var(--primary);padding:8px 0}.projection-picker ul{max-height:320px;margin:6px 0;padding:0;list-style:none;overflow-y:auto}.projection-picker li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-size:.9rem;display:flex}.projection-picker li button{flex-shrink:0}.projection-page .projection-finals{padding:16px 22px;display:block}.projection-finals>summary{font-weight:700}.projection-finals label{gap:6px;min-width:0;display:grid}.projection-finals select{width:100%;min-width:0}.projection-finals .projection-action{justify-self:start}.projection-page .projection-content{border:0;gap:12px;min-width:0;margin:0;padding:0;display:grid}.projection-heading,.projection-save-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.projection-heading{margin-bottom:14px}.projection-heading h2{margin:0}.projection-save-controls{font-size:.85rem}.projection-reset{color:var(--muted);border-color:#0000}.projection-sync-notice{border-left:3px solid var(--primary);margin-bottom:12px;padding:8px 12px}.projection-sync-notice p{margin:0 0 8px}.projection-finals-summary{color:var(--muted);margin-top:5px;font-size:.85rem;font-weight:400;display:block}.projection-final-filters{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.projection-final-filters button{font-size:.85rem}.projection-final-filters [aria-pressed=true],.projection-final-terms [aria-pressed=true]{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);font-weight:700}.projection-finals .projection-action,.projection-period-finals .projection-action{min-height:44px}.projection-final-list>li{padding:12px 0}.projection-final-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px 16px;display:grid}.projection-final-title{min-width:0}.projection-final-meta{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin-top:4px;font-size:.85rem;display:flex}.projection-final-actions{justify-items:end;gap:4px;font-size:.85rem;display:grid}.projection-final-actions .projection-action{justify-self:end}.projection-final-list>.projection-final-review{border-left:3px solid var(--primary);padding-left:12px}.projection-review-label{color:var(--text);font-weight:700}.projection-final-editor{border:1px solid var(--line);box-sizing:border-box;border-radius:12px;justify-self:start;width:fit-content;min-width:0;max-width:min(100%,34rem);margin-top:6px;padding:12px}.projection-final-editor h4{margin:0 0 12px;font-size:.95rem}.projection-final-editor label{width:150px;max-width:100%;margin-top:0}.projection-final-terms{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.projection-final-terms>div{flex:0 auto;min-width:0;max-width:min(100%,15rem)}.projection-final-terms p,.projection-final-reason{overflow-wrap:anywhere;margin:6px 0;font-size:.85rem}.projection-final-editor-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.projection-final-editor button:disabled{color:var(--muted);cursor:not-allowed}.projection-period-finals>.projection-action{margin-top:8px;display:block}@media (max-width:600px){.projection-heading,.projection-save-controls{align-items:flex-start}.projection-save-controls{width:100%}.projection-final-row{grid-template-columns:minmax(0,1fr)}.projection-final-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}}.projection-period-finals{color:var(--muted);margin-top:8px;font-size:.9rem}.projection-setup{margin-top:12px}.projection-load-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.projection-load-controls input[type=number]{text-align:center;appearance:textfield;width:82px}.projection-load-controls input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.projection-load-controls input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.projection-load-controls button:disabled{opacity:.45;cursor:default}@media (max-width:600px){.projection-summary{grid-template-columns:1fr}.projection-page .side-card{padding:18px}}:root{--bg:#f4f6ff;--text:#12182b;--muted:#697083;--card:#ffffffdb;--line:#e2e7f2e6;--primary:#4257f5;--purple:#7c3aed;--green:#16a34a;--blue:#2563eb;--yellow:#d97706;--red:#dc2626;--shadow:0 18px 50px #12182b1a}*{box-sizing:border-box}body{background:radial-gradient(circle at 8% 0%, #4257f538, transparent 32%), radial-gradient(circle at 100% 15%, #7c3aed29, transparent 30%), var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:Inter,system-ui,sans-serif}button,input,select{font:inherit}.app-shell{width:min(1440px,100%);margin:0 auto;padding:44px clamp(18px,5vw,72px) 72px}.hero{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:30px;display:flex}.eyebrow{color:var(--primary);letter-spacing:.13em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:900}h1{letter-spacing:-.08em;margin:0;font-size:clamp(52px,8vw,96px);line-height:.86}.subtitle{max-width:700px;color:var(--muted);margin:22px 0 0;font-size:clamp(18px,2vw,22px);line-height:1.35}.reset{border:1px solid var(--line);color:var(--text);cursor:pointer;box-shadow:var(--shadow);background:#fff;border-radius:999px;align-items:center;gap:9px;padding:12px 16px;font-weight:800;display:inline-flex}.dashboard{grid-template-columns:2fr 1fr 1fr;align-items:start;gap:18px;margin-bottom:24px;display:grid}.dashboard-top-card{align-self:stretch}.dashboard-bottom-row{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.progress-card,.side-card,.advisor,.subjects-panel{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:28px}.progress-card{padding:24px}.progress-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.card-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:13px;font-weight:900}.progress-head h2{letter-spacing:-.05em;margin:10px 0 0;font-size:clamp(30px,5vw,54px)}.progress-track{background:#e3e7f2;border-radius:999px;height:18px;margin:24px 0;overflow:hidden}.progress-track div{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--purple));height:100%;transition:width .25s}.stat-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.stat-card{border:1px solid var(--line);background:#f7f8fc;border-radius:18px;align-items:center;gap:12px;padding:14px;display:flex}.stat-icon{color:var(--primary)}.stat-card p{color:var(--muted);margin:0 0 4px;font-size:12px;font-weight:800}.stat-card strong{font-size:26px}.side-card{flex-direction:column;justify-content:flex-start;padding:24px;display:flex}.side-card strong{letter-spacing:-.06em;margin:14px 0 8px;font-size:54px;display:block}.side-card span{color:var(--muted);line-height:1.35}.advisor,.subjects-panel{margin-bottom:24px;padding:24px}.section-title{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.section-title h2{letter-spacing:-.04em;margin:0;font-size:32px}.rec-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.rec-card{border:1px solid var(--line);background:#f8f9ff;border-radius:20px;padding:16px}.rec-card p{color:var(--primary);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:12px;font-weight:900}.rec-card h3{margin:8px 0;font-size:18px}.rec-card span{color:var(--muted);font-size:14px;line-height:1.35}.toolbar{flex-direction:column;gap:16px;margin-bottom:18px;display:flex}.tabs{flex-wrap:wrap;gap:9px;display:flex}.tabs button{border:1px solid var(--line);cursor:pointer;color:var(--text);background:#fff;border-radius:999px;padding:11px 15px;font-weight:900}.tabs button.active{background:var(--text);color:#fff}.filters{gap:12px;display:flex}.filters label{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:9px;width:100%;padding:0 13px;display:flex}.filters input{background:0 0;border:0;outline:0;width:100%;padding:13px 0}.filters select{border:1px solid var(--line);background:#fff;border-radius:16px;width:210px;padding:13px}.subject-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.subject-card{border:1px solid var(--line);background:#fff;border-radius:22px;flex-direction:column;gap:13px;padding:17px;display:flex}.subject-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.code{color:var(--muted);margin:0;font-size:12px;font-weight:900}.subject-card h3{margin:6px 0 4px;font-size:18px;line-height:1.15}.hours{color:var(--muted);margin:0;font-size:13px}.status{white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:950}.status.pending{color:var(--red);background:#fee2e2}.status.taking{color:var(--yellow);background:#fef3c7}.status.regularized{color:var(--blue);background:#dbeafe}.status.approved{color:var(--green);background:#dcfce7}.mini-rules{grid-template-columns:1fr 1fr;gap:8px;display:grid}.rule{border:1px solid var(--line);border-radius:13px;padding:9px;font-size:12px;font-weight:900}.rule.ok{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.rule.no{color:#991b1b;background:#fff1f2;border-color:#fecaca}.details{color:var(--muted);font-size:13px;line-height:1.45}.details b{color:var(--text)}.status-actions{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.status-actions button{border:1px solid var(--line);cursor:pointer;color:var(--text);background:#f8fafc;border-radius:13px;padding:9px 7px;font-weight:850}.status-actions button.active{outline:2px solid var(--primary);background:#eef2ff}.empty{color:var(--muted);border:1px dashed var(--line);background:#fff;border-radius:22px;grid-column:1/-1;place-items:center;gap:8px;padding:36px;display:grid}@media (max-width:1100px){.dashboard{grid-template-columns:1fr 1fr}.progress-card{grid-column:1/-1}.subject-grid,.rec-grid{grid-template-columns:1fr 1fr}}@media (max-width:760px){.app-shell{padding-top:32px}.hero{flex-direction:column}.dashboard,.dashboard-bottom-row,.subject-grid,.rec-grid,.stat-grid{grid-template-columns:1fr}.filters{flex-direction:column}.filters select{width:100%}.subject-head{flex-direction:column}}.subject-card{cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.subject-card:hover{border-color:#4257f559;transform:translateY(-3px);box-shadow:0 18px 45px #12182b1f}.subject-card.open{border-color:#4257f5a6;box-shadow:0 22px 55px #4257f529}.top-nav{flex-wrap:wrap;gap:10px;margin:0 0 24px;display:flex}.top-nav button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#ffffffdb;border-radius:999px;padding:12px 16px;font-weight:900;box-shadow:0 8px 25px #12182b0f}.top-nav button:hover{color:var(--text);background:#fff}.top-nav button.active{background:var(--text);color:#fff}.placeholder-page{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffdb;border-radius:28px;padding:36px}.placeholder-page h2{letter-spacing:-.04em;margin:0 0 10px;font-size:38px}.placeholder-page p{color:var(--muted);font-size:18px}.career-map-page{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffdb;border-radius:28px;padding:28px;overflow-x:auto}.map-header{margin-bottom:24px}.map-header h2{letter-spacing:-.04em;margin:0 0 10px;font-size:38px}.map-header p{color:var(--muted);margin:0;font-size:18px}.career-map{grid-auto-columns:minmax(240px,280px);grid-auto-flow:column;align-items:start;gap:18px;padding-bottom:12px;display:grid;overflow-x:auto}.year-column{border:1px solid var(--line);background:#f8f9ff;border-radius:24px;padding:16px}.year-title{align-items:baseline;gap:8px;margin-bottom:18px;display:flex}.year-title span{letter-spacing:-.06em;font-size:34px;font-weight:950}.year-title strong{color:var(--muted);font-size:16px}.term-block{margin-bottom:18px}.term-block h3{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;font-size:13px}.map-subjects{gap:9px;display:grid}.map-subject{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:16px;padding:11px}.map-subject span{color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:900;display:block}.map-subject strong{color:var(--text);font-size:13px;line-height:1.2;display:block}.map-subject.aprobada{background:#dcfce7;border-color:#bbf7d0}.map-subject.regularizada{background:#dbeafe;border-color:#bfdbfe}.map-subject.cursando{background:#fef3c7;border-color:#fde68a}.map-subject.pendiente{background:#fff}.map-subject{transition:transform .18s,box-shadow .18s,opacity .18s,border-color .18s}.map-subject.selected{border-color:#4257f5d9;outline:3px solid #4257f529;transform:scale(1.04);box-shadow:0 16px 38px #4257f538}.map-subject.related{border-color:#4257f58c;box-shadow:0 12px 28px #12182b1a}.map-subject.prereq{outline:2px solid #16a34a47}.map-subject.unlock{outline:2px solid #7c3aed3d}.map-subject.dimmed{opacity:.38}.planner-page{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffdb;border-radius:28px;padding:28px}.planner-header h2{letter-spacing:-.04em;margin:0 0 10px;font-size:38px}.planner-header p{color:var(--muted);margin:0;font-size:18px}.planner-summary{grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0;display:grid}.planner-summary article{border:1px solid var(--line);background:#f8f9ff;border-radius:20px;padding:18px}.planner-summary span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:13px;font-weight:900;display:block}.planner-summary strong{font-size:36px}.planner-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.planner-subject{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:20px;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s}.planner-subject:hover{transform:translateY(-2px);box-shadow:0 14px 32px #12182b1a}.planner-subject.selected{background:#eef2ff;border-color:#4257f5bf;box-shadow:0 16px 38px #4257f529}.planner-subject span{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:900;display:block}.planner-subject strong{color:var(--text);margin-bottom:8px;font-size:18px;display:block}.planner-subject small{color:var(--muted)}@media (max-width:900px){.planner-summary,.planner-grid{grid-template-columns:1fr}}.map-link-btn{border:1px solid var(--line);color:var(--primary);cursor:pointer;background:#eef2ff;border-radius:12px;margin-top:8px;padding:10px 12px;font-weight:900}.map-link-btn:hover{background:#e0e7ff}.map-to-planner-btn{border:1px solid var(--line);color:var(--primary);cursor:pointer;background:#eef2ff;border-radius:14px;margin-top:16px;padding:12px 16px;font-weight:900}.map-to-planner-btn:hover{background:#e0e7ff}.suggest-btn{background:var(--text);color:#fff;cursor:pointer;border:0;border-radius:16px;margin-top:16px;padding:13px 18px;font-weight:950;box-shadow:0 14px 32px #12182b29}.suggest-btn:hover{transform:translateY(-2px)}.career-selector{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffdb;border-radius:24px;grid-template-columns:minmax(320px,1fr) auto;align-items:center;gap:32px;margin-bottom:22px;padding:20px 32px;display:grid}.career-selector h2{letter-spacing:-.04em;margin:0 0 6px;font-size:26px}.career-selector span{color:var(--muted)}.career-selectors{align-items:end;gap:14px;min-width:0;display:grid}.career-selectors.two-columns{grid-template-columns:repeat(2,minmax(220px,280px));justify-content:end}.career-selectors.three-columns{grid-template-columns:minmax(170px,.9fr) minmax(230px,1.3fr) minmax(150px,.8fr)}.career-selectors label{min-width:0;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;gap:6px;font-size:12px;font-weight:900;display:grid}.career-selector select{border:1px solid var(--line);width:100%;min-width:0;font:inherit;color:var(--text);background:#fff;border-radius:16px;outline:none;padding:13px 16px;font-weight:800}@media (max-width:1100px){.career-selector{grid-template-columns:minmax(0,1fr);align-items:stretch}.career-selector>div{min-width:0}.career-selector h2,.career-selector span{overflow-wrap:anywhere}.career-selectors.two-columns{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.career-selectors.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.career-selector select{text-overflow:ellipsis;max-width:100%}}@media (max-width:760px){.career-selector{gap:20px;padding:20px}.career-selectors.two-columns,.career-selectors.three-columns{grid-template-columns:minmax(0,1fr)}}.auth-box,.auth-login{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:10px;margin-bottom:18px;padding:10px 14px;font-weight:900;display:inline-flex;box-shadow:0 8px 25px #12182b0f}.auth-box button,.auth-login{cursor:pointer}.auth-box button{background:var(--text);color:#fff;border:0;border-radius:999px;padding:8px 12px;font-weight:900}.login-page{place-items:center;min-height:70vh;display:grid}.login-card{border:1px solid var(--line);width:min(560px,100%);box-shadow:var(--shadow);text-align:center;background:#ffffffe6;border-radius:32px;padding:42px}.login-card h1{letter-spacing:-.05em;margin:0 0 12px;font-size:42px}.login-card p{color:var(--muted);font-size:18px}.login-google-btn{background:var(--text);color:#fff;cursor:pointer;border:0;border-radius:999px;margin-top:18px;padding:14px 22px;font-weight:950;box-shadow:0 16px 36px #12182b2e}.login-logo{object-fit:contain;width:110px;height:110px;margin:0 auto 22px;display:block}.login-features{text-align:left;gap:10px;margin:24px 0 8px;display:grid}.login-features span{border:1px solid var(--line);color:var(--text);background:#f8f9ff;border-radius:16px;padding:12px 14px;font-weight:850}.brand-title{align-items:center;gap:18px;display:flex}.brand-title img{object-fit:contain;border-radius:24px;width:86px;height:86px}.user-pill{border:1px solid var(--line);background:#ffffffe6;border-radius:999px;align-items:center;gap:12px;padding:8px 10px;display:flex;box-shadow:0 10px 28px #12182b14}.user-pill img{object-fit:cover;border-radius:50%;width:42px;height:42px}.user-pill div{line-height:1.1;display:grid}.user-pill strong{font-size:14px}.user-pill span{color:var(--muted);font-size:12px}.user-pill button{background:var(--text);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:8px 12px;font-weight:900}.login-card h3{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:22px 0 10px;font-size:14px}.welcome-options{gap:10px;display:grid}.welcome-option{border:1px solid var(--line);color:var(--text);cursor:pointer;text-align:left;background:#f8f9ff;border-radius:16px;padding:13px 14px;font-weight:900}.welcome-option.active{background:var(--text);color:#fff;border-color:var(--text)}.planner-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.clear-planner-btn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#fff;border-radius:999px;margin-left:12px;padding:10px 14px;font-weight:900}.clear-planner-btn:hover{background:#f4f6ff}.progress-summary{flex-wrap:wrap;gap:12px;margin-top:18px;margin-bottom:24px;display:flex}.summary-item{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:700;display:flex}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.summary-item.approved .dot{background:#16a34a}.summary-item.regularized .dot{background:#2563eb}.summary-item.in-progress .dot{background:#d97706}.summary-item.pending .dot{background:#9ca3af}.clickable-card{cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.clickable-card:hover{border-color:#4257f573;transform:translateY(-3px);box-shadow:0 22px 55px #4257f526}.expandable-card{justify-content:flex-start;padding:0;overflow:hidden}.expandable-card-header{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:24px}.expandable-card-header>div{flex-direction:column;display:flex}.expandable-card-header strong{letter-spacing:-.06em;margin:14px 0 8px;font-size:54px;display:block}.expandable-card-header span{color:var(--muted);line-height:1.35}.expandable-card{transition:transform .18s,box-shadow .18s,border-color .18s}.expandable-card:hover{border-color:#4257f573;transform:translateY(-3px);box-shadow:0 22px 55px #4257f526}.expandable-card-details{border-top:1px solid var(--line);gap:10px;padding:0 24px 24px;display:grid}.mini-subject{padding-top:14px}.mini-subject+.mini-subject{border-top:1px solid var(--line)}.mini-subject span{color:var(--muted);margin-bottom:5px;font-size:12px;font-weight:900;display:block}.mini-subject strong{letter-spacing:0;margin:0;font-size:15px;display:block}.empty-card-message{color:var(--muted);margin:16px 0 0}.card-action{color:var(--primary);margin-top:14px;font-size:12px;font-weight:900;display:block}.subject-title{flex-direction:column;gap:4px;display:flex}.subject-toggle{color:var(--primary);letter-spacing:.02em;font-size:12px;font-weight:900}.MuiDialog-root .MuiBackdrop-root{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#12182b7a}.MuiDialog-root .MuiDialog-paper{background:#fffffff7;border:1px solid #e2e7f2f2;border-radius:28px;width:min(980px,100% - 40px);max-width:980px;max-height:88vh;margin:20px;overflow:hidden;box-shadow:0 30px 80px #12182b3d,0 8px 30px #4257f514}.subject-modal{color:var(--text);padding:0!important}.subject-modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:24px;padding:28px 32px 24px;display:flex}.subject-modal-header .code{color:var(--primary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px;font-size:12px;font-weight:900}.subject-modal-header h2{letter-spacing:-.045em;margin:0;font-size:clamp(28px,4vw,38px);line-height:1.05}.subject-modal-header .MuiIconButton-root{border:1px solid var(--line);width:42px;height:42px;color:var(--muted);background:#f7f8fc;flex-shrink:0;font-size:18px;transition:background .18s,color .18s,transform .18s}.subject-modal-header .MuiIconButton-root:hover{color:var(--primary);background:#eef2ff;transform:rotate(4deg)}.subject-modal-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:480px;display:grid}.subject-modal-left,.subject-modal-right{padding:30px 32px 34px}.subject-modal-left{border-right:1px solid var(--line);background:#fafbff}.subject-modal-right{background:#fff}.subject-modal-left>h3:first-child,.subject-modal-right>h3:first-child{letter-spacing:-.025em;margin:0 0 22px;font-size:20px}.subject-modal-left p{color:var(--muted);border-bottom:1px solid var(--line);margin:0;padding:14px 0;font-size:14px;line-height:1.55}.subject-modal-left p:first-of-type{padding-top:0}.subject-modal-left p strong{color:var(--text);font-weight:900}.subject-modal-right>p{color:var(--muted);margin:0 0 28px;font-size:15px;line-height:1.7}.subject-modal-right h3:not(:first-child){letter-spacing:-.02em;margin:30px 0 16px;font-size:17px}.subject-modal-right ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.subject-modal-right li{border:1px solid var(--line);color:var(--text);background:#f8f9ff;border-radius:14px;padding:11px 14px 11px 38px;font-size:14px;font-weight:700;line-height:1.35;position:relative}.subject-modal-right li:before{content:"✓";color:var(--primary);font-weight:950;position:absolute;top:10px;left:14px}.subject-description-empty{border:1px dashed var(--line);background:#f8f9ff;border-radius:16px;padding:18px}.subject-modal .map-link-btn{width:100%;color:var(--primary);background:#eef2ff;border:1px solid #4257f533;border-radius:14px;margin-top:22px;padding:12px 16px;font-weight:900;transition:transform .18s,background .18s,box-shadow .18s}.subject-modal .map-link-btn:hover{background:#e0e7ff;transform:translateY(-2px);box-shadow:0 10px 24px #4257f51f}@media (max-width:760px){.MuiDialog-root .MuiDialog-paper{border-radius:22px;width:calc(100% - 24px);max-height:92vh;margin:12px}.subject-modal-header{padding:22px 20px 18px}.subject-modal-header h2{font-size:27px}.subject-modal-grid{grid-template-columns:1fr}.subject-modal-left,.subject-modal-right{padding:24px 20px}.subject-modal-left{border-right:0;border-bottom:1px solid var(--line)}}.planning-participants{flex-wrap:wrap;gap:10px;margin:12px 0 20px;padding:0;list-style:none;display:flex}.subject-detail-button{cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:8px 0}.subject-card :is(button):focus-visible{outline:2px solid var(--primary);outline-offset:3px}.map-to-planner-btn:disabled{opacity:.65;cursor:not-allowed}#map-planner-reason{margin-top:12px}.planner-intelligent{gap:24px;min-width:0;display:grid}.planner-intelligent .planner-subject small{margin-top:4px;display:block}.planner-intelligent .planner-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.planner-intelligent .planner-summary article{min-width:0}.planner-intelligent .planner-summary strong{overflow-wrap:anywhere;font-size:clamp(1.4rem,2.2vw,2.25rem)}.planner-intelligent .planner-uncertainty{flex-wrap:wrap;gap:4px 8px;margin:4px 0;display:flex}.planner-intelligent .planner-uncertainty small{border:1px solid var(--line);text-transform:none;border-radius:6px;margin:0;padding:2px 6px;font-size:.75rem;font-weight:400;display:inline}@media (max-width:900px){.planner-intelligent .planner-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.planner-intelligent h3{margin:0 0 12px}.planner-intelligent p{line-height:1.5}.planner-intelligent section{min-width:0}.planner-controls{flex-wrap:wrap;align-items:flex-start;gap:16px 24px;display:flex}.planner-controls fieldset{border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;max-width:100%;padding:12px;display:flex}.planner-controls legend{padding:0 4px;font-weight:700}.planner-controls small{flex-basis:100%}.planner-controls input,.planner-controls select{box-sizing:border-box;border:1px solid var(--line);min-height:40px;color:var(--text);font:inherit;background:#fff;border-radius:8px;padding:8px}.planner-controls #planner-year{width:7rem}.planner-quantity{align-items:center;gap:8px;max-width:100%;display:flex}.planner-quantity input{text-align:center;appearance:textfield;width:6rem}.planner-quantity input::-webkit-inner-spin-button{appearance:none;margin:0}.planner-quantity input::-webkit-outer-spin-button{appearance:none;margin:0}.planner-intelligent button:not(.planner-subject){border:1px solid var(--line);cursor:pointer;min-height:40px;font:inherit;border-radius:10px;padding:8px 14px}.planner-intelligent button:disabled{opacity:.6;cursor:not-allowed}.planner-intelligent :is(button,input,select,summary):focus-visible{outline:2px solid var(--primary);outline-offset:3px}.planner-note{color:var(--muted);font-size:.9rem}.planner-selection ul{margin:0;padding:0;list-style:none}.planner-selection li{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.planner-selection li>div{overflow-wrap:anywhere;flex:1;min-width:12rem}.planner-selection li p{margin:4px 0}.planner-intelligent details{padding:12px 0}.planner-intelligent summary{cursor:pointer;padding:4px 0;font-weight:700}.planner-intelligent details li{margin:8px 0;line-height:1.5}.planner-comparison{border-top:1px solid var(--line);overflow-wrap:anywhere;margin-top:16px;padding-top:16px}.planner-comparison-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.planner-comparison-columns article{background:#f8fafc;border-radius:10px;padding:12px}.planner-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}@media (max-width:640px){.planner-intelligent .planner-summary,.planner-comparison-columns{grid-template-columns:1fr}.planner-controls{flex-direction:column}.planner-intelligent .planner-grid{grid-template-columns:1fr}}.planner-unavailable{border:1px solid var(--line);border-radius:12px;padding:16px}.planner-unavailable ul{padding:0;list-style:none}.planner-unavailable li{flex-wrap:wrap;align-items:center;gap:12px;padding:8px 0;display:flex}.planner-unavailable li span{overflow-wrap:anywhere;flex:1;min-width:0}.planner-unavailable button{cursor:pointer;padding:8px 12px}.planning-participants li{overflow-wrap:anywhere;border:1px solid #cbd5e1;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;max-width:100%;padding:10px;display:flex}.planning-participants .reset,.joint-plan .reset,.delete-progress-dialog .reset,.progress-danger-zone .reset{white-space:normal;max-width:100%;min-height:44px}.planning-controls select,.joint-plan select{min-width:0;max-width:100%}.planning-comparison .comparison-subset{background:#fef9c3;border:2px solid #a16207}.planning-comparison .comparison-incomplete{border-style:dashed}.comparison-detail{overflow-wrap:anywhere;margin-top:16px}.comparison-timestamp{font-size:12px}.joint-plan{overflow-wrap:anywhere;min-width:0}.joint-plan button:disabled,.planning-controls select:disabled{opacity:.55;cursor:not-allowed}.joint-plan .side-card{margin:16px 0}.joint-proposal{border:1px solid #cbd5e1;border-radius:12px;gap:12px;min-width:0;margin-top:18px;display:grid}.joint-proposal label{align-items:center;gap:8px;min-height:32px;display:flex}.joint-subjects{padding:0;list-style:none}.joint-subjects>li{border-top:1px solid #cbd5e1;padding:16px 0}.joint-subjects h4{margin:0}.joint-subjects ul{margin-bottom:12px;padding-left:20px}.progress-danger-zone{border-top:1px solid #cbd5e1;margin-top:32px;padding-top:16px}.progress-danger-zone summary{cursor:pointer;padding:10px 0}.progress-danger-zone>button{margin-top:12px}.reset.destructive{color:#991b1b;background:#fee2e2;border:1px solid #b91c1c}.reset.destructive:hover{background:#fecaca}.delete-progress-dialog{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:18px;width:min(480px,100% - 32px);max-height:calc(100dvh - 32px);padding:24px;overflow-y:auto}.delete-progress-dialog::backdrop{background:#0f172a99}.delete-progress-dialog h2{margin-top:0;font-size:22px}@media (max-width:600px){.planning-participants{display:grid}.planning-participants li{align-items:flex-start}.planning-controls .top-nav{gap:8px}.planning-controls .top-nav button{white-space:normal;flex:120px}.delete-progress-dialog{padding:18px}.delete-progress-dialog .friend-actions{flex-direction:column}}.joint-editors{gap:12px;margin:18px 0;display:grid}.joint-editors summary,.joint-plan>details>summary{cursor:pointer;padding:8px 0;font-weight:600}.joint-editors .friend-search label{flex:1;gap:8px;min-width:0;display:grid}.joint-editors input:not([type=checkbox]),.joint-editors select,.joint-plan>details input{box-sizing:border-box;width:100%;min-width:0}.joint-editors .joint-proposal label{flex-wrap:wrap}@media (max-width:600px){.joint-editors .friend-search{align-items:stretch}.joint-editors .friend-search button{justify-content:center;width:100%}}.planning-ui{min-width:0}.planning-ui .planning-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:660px;display:grid}.planning-ui .planning-tabs button{min-height:44px;padding:10px 12px}.planning-ui .planning-section-head,.planning-ui .planning-dialog-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.planning-ui .planning-section-head h2,.planning-ui .planning-dialog-head h2{letter-spacing:-.035em;margin:0;font-size:28px}.planning-ui .planning-plan-head{border:1px solid var(--line);background:var(--card);border-radius:24px;margin-bottom:20px;padding:24px;box-shadow:0 8px 25px #12182b0d}.planning-ui .planning-primary,.planning-ui .planning-secondary,.planning-ui .planning-link,.planning-ui .planning-icon{font:inherit;cursor:pointer;border-radius:12px;min-height:44px}.planning-ui .planning-primary{background:var(--text);color:#fff;border:1px solid var(--text);padding:12px 18px;font-weight:700}.planning-ui .planning-secondary{color:var(--text);border:1px solid var(--line);background:#fff;padding:10px 16px;font-weight:600}.planning-ui .planning-link{color:var(--primary);text-align:left;background:0 0;border:0;padding:8px 4px}.planning-ui .planning-icon{color:var(--text);background:0 0;border:0;flex-shrink:0;min-width:44px;padding:0;font-size:24px}.planning-ui .planning-danger{color:#991b1b}.planning-ui button:disabled{opacity:.5;cursor:not-allowed}.planning-ui :is(button,select,input,summary):focus-visible{outline:3px solid var(--primary);outline-offset:3px}.planning-ui .planning-field{gap:8px;min-width:0;margin-bottom:16px;font-size:14px;display:grid}.planning-ui .planning-field :is(input,select),.planning-ui .planning-add-friend select{border:1px solid var(--line);width:100%;min-width:0;min-height:44px;color:var(--text);background:#fff;border-radius:12px;padding:10px 12px}.planning-ui .planning-section-head .planning-field{flex:1;max-width:420px;margin:0}.planning-ui .planning-muted{color:var(--muted);font-size:14px;line-height:1.5}.planning-ui .planning-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.planning-ui .planning-friend-picker{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0;display:flex}.planning-ui .planning-chip{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:4px;max-width:100%;min-height:44px;padding:4px 4px 4px 12px;display:inline-flex}.planning-ui .planning-chip small{color:var(--muted);font-size:12px;display:block}.planning-ui .planning-add-friend{max-width:240px}.planning-ui .planning-sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.planning-ui .planning-comparison{margin-top:20px}.planning-ui .planning-comparison .top-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:620px;display:grid}.planning-ui .planning-comparison .top-nav button{min-height:44px;box-shadow:none;padding:10px}.planning-ui .comparison-legend{color:var(--muted);flex-wrap:wrap;gap:12px 20px;margin-bottom:16px;font-size:13px;display:flex}.planning-ui .comparison-filter{align-items:center;gap:8px;min-height:44px;display:flex}.planning-ui .comparison-filter input{flex-shrink:0;margin:0}.planning-ui .comparison-legend span{align-items:center;gap:6px;display:inline-flex}.planning-ui .comparison-legend i{border:1px solid var(--line);border-radius:4px;width:14px;height:14px;display:inline-block}.planning-ui .comparison-legend .comparison-both{border-color:var(--green);background:#eaf8ed}.planning-ui .comparison-subset,.planning-ui .comparison-mine,.planning-ui .comparison-friend{background:#f1f4ff;border-color:#aab7f7}.planning-ui .comparison-incomplete{border-style:dashed}.planning-ui .planning-roster summary{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:14px;display:flex}.planning-ui .planning-avatar-row{flex-shrink:0;display:flex}.planning-ui .planning-avatar{width:32px;height:32px;color:var(--primary);background:#e9edff;border:2px solid #fff;border-radius:50%;place-items:center;margin-right:-5px;font-size:13px;font-weight:700;display:grid}.planning-ui .planning-roster ul{padding-left:20px;font-size:14px;line-height:1.8}.planning-ui .planning-options{flex-shrink:0;font-size:14px;position:relative}.planning-ui .planning-options summary{cursor:pointer;border:1px solid var(--line);border-radius:12px;min-height:44px;padding:12px}.planning-ui .planning-options>div{z-index:4;border:1px solid var(--line);width:240px;box-shadow:var(--shadow);background:#fff;border-radius:14px;gap:4px;padding:8px;display:grid;position:absolute;right:0}.planning-ui .planning-options>div>button{text-align:left;cursor:pointer;min-height:44px;box-shadow:none;background:#fff;border:0;border-radius:8px;padding:10px;font-weight:500}.planning-ui .planning-plan-cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.planning-ui .planning-course-card{border:1px solid var(--line);background:var(--card);overflow-wrap:anywhere;border-radius:20px;min-width:0;padding:20px}.planning-ui .planning-course-card h3{margin:0 0 10px;font-size:18px}.planning-ui .planning-course-card p{margin:8px 0;font-size:14px;line-height:1.5}.planning-ui .planning-course-detail{border-top:1px solid var(--line);margin-top:8px;padding-top:10px}.planning-ui .planning-badge{background:#eef2ff;border-radius:8px;margin:0 6px 4px 0;padding:5px 8px;font-size:12px;display:inline-block}.planning-ui .planning-warning{color:#885315;font-size:14px}.planning-ui .planning-person-detail{padding:0;list-style:none}.planning-ui .planning-person-detail li{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:10px 0;font-size:14px;display:flex}.planning-ui .planning-person-detail small{color:var(--muted);display:block}.planning-ui .planning-empty,.planning-ui .planning-invitation{border:1px dashed var(--line);background:#fff;border-radius:20px;padding:24px}.planning-ui .planning-picker-layout{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.planning-ui .planning-choice{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;width:100%;margin-bottom:8px;padding:12px;display:block}.planning-ui .planning-choice strong{letter-spacing:normal;margin:0 0 8px;font-size:15px;display:block}.planning-ui .planning-choice small{color:var(--muted);display:block}.planning-ui .planning-choice.selected{border:2px solid var(--primary);background:#f1f4ff}.planning-ui .planning-picker-list h3{margin:20px 0 12px;font-size:14px}.planning-ui .planning-review{overflow-wrap:anywhere;background:#f7f8fc;border-radius:16px;min-width:0;padding:16px;position:sticky;top:0}.planning-ui .planning-review h3{margin-top:0;font-size:16px}.planning-ui fieldset{border:1px solid var(--line);border-radius:12px;min-width:0;margin:12px 0;padding:12px}.planning-ui .planning-check{align-items:center;gap:10px;min-height:44px;font-size:14px;display:flex}.planning-ui .planning-check input{flex-shrink:0;width:18px;height:18px}.planning-dialog .MuiDialog-paper{border-radius:24px}.planning-dialog .planning-dialog-content{padding:24px}.planning-ui .planning-dialog-footer{border-top:1px solid var(--line);background:#fff;justify-content:flex-end;gap:12px;margin-top:20px;padding:16px 0;display:flex;position:sticky;bottom:-24px}@media (max-width:1100px){.planning-ui .planning-plan-cards{grid-template-columns:1fr}}@media (max-width:760px){.planning-ui .planning-section-head{flex-wrap:wrap;align-items:flex-start}.planning-ui .planning-section-head h2{font-size:24px}.planning-ui .planning-plan-head{padding:18px}.planning-ui .planning-picker-layout{grid-template-columns:1fr}.planning-ui .planning-review{order:-1;position:static}.planning-ui .planning-tabs button,.planning-ui .planning-comparison .top-nav button{border-radius:12px;font-size:13px}.planning-dialog .MuiDialog-paper{border-radius:0;width:100%;max-width:none;height:100dvh;max-height:100%;margin:0}.planning-dialog .planning-dialog-content{padding:18px}.planning-ui .planning-dialog-footer{padding-bottom:max(16px, env(safe-area-inset-bottom));bottom:-18px}.planning-ui .planning-course-card{padding:16px}.planning-ui .planning-options>div{left:0;right:auto}}.header-personal{align-items:center;gap:12px;min-width:0;display:flex}.activity-control{z-index:30;flex:none;position:relative}.activity-trigger{border:1px solid var(--line);width:44px;height:44px;color:var(--text);cursor:pointer;background:#fff;border-radius:50%;place-items:center;display:grid;position:relative}.activity-control button:focus-visible,.activity-panel:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.activity-trigger:hover,.activity-panel-head button:hover,.activity-item button:hover{background:var(--bg)}.activity-badge{background:var(--primary);color:#fff;border:2px solid #fff;border-radius:99px;min-width:20px;padding:2px 5px;font-size:.7rem;font-weight:700;position:absolute;top:-5px;right:-7px}.activity-panel{overscroll-behavior:contain;width:min(370px,100vw - 32px);max-height:min(70vh,560px);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;position:absolute;top:calc(100% + 12px);right:0;overflow-y:auto}.activity-panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.activity-panel-head h2{margin:0;font-size:1.1rem}.activity-panel-head button{width:36px;height:36px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.activity-message{margin:0;padding:12px 16px;font-size:.9rem}.activity-message button,.activity-navigation-notice button{color:var(--primary);cursor:pointer;font:inherit;background:0 0;border:0;padding:6px;text-decoration:underline}.activity-list{margin:0;padding:0;list-style:none}.activity-item{border-bottom:1px solid var(--line)}.activity-item:last-child{border:0}.activity-item button{text-align:left;width:100%;color:var(--text);font:inherit;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;gap:10px;padding:16px;font-size:.9rem;line-height:1.4;display:flex}.activity-item button:disabled{cursor:progress}.activity-item button>span:last-child{min-width:0}.activity-copy{display:block}.activity-unread{background:var(--bg)}.activity-unread .activity-copy{font-weight:600}.activity-dot{background:0 0;border-radius:50%;flex:0 0 7px;height:7px;margin-top:6px}.activity-unread .activity-dot{background:var(--primary)}.activity-item time{color:var(--muted);margin-top:5px;font-size:.78rem;display:block}.activity-navigation-notice{border-left:3px solid var(--primary);padding:10px 14px}@media (max-width:900px){.header-personal{flex-wrap:wrap;width:100%}.activity-panel{left:0;right:auto}.header-personal .user-pill{box-sizing:border-box;flex-wrap:wrap;min-width:0;max-width:100%}.header-personal .user-pill div{overflow-wrap:anywhere;min-width:0}}@media (max-width:480px){.activity-panel{width:auto;max-height:calc(100dvh - 32px);position:fixed;top:16px;left:16px;right:16px}}.emulator-indicator{text-align:center;color:var(--text);background:var(--bg);border-bottom:1px solid var(--line);padding:6px 16px;font-size:.8rem;font-weight:700}.activity-sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.my-careers-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.my-careers-actions select{flex:18rem;min-width:0;max-width:100%}.my-careers-list{gap:1rem;padding:0;list-style:none;display:grid}.my-careers-list>li{border:1px solid var(--border,#d5dae3);overflow-wrap:anywhere;border-radius:.75rem;padding:1rem}.my-careers-list h4{margin:0}.my-career-archived{border-style:dashed!important}.my-careers-confirm{min-width:0;margin-top:1rem}.my-careers :is(button,select):focus-visible{outline-offset:3px;outline:2px solid}.onboarding-entry{flex-flow:wrap;align-items:center;gap:12px;margin:0 0 24px;padding:16px 24px;display:flex}.onboarding-entry .onboarding-entry-icon{height:40px;color:var(--primary);flex:0 0 40px;place-items:center;display:grid}.onboarding-entry-icon svg{width:28px;height:28px}.onboarding-entry-copy{flex:0 auto;min-width:0;max-width:100%}.onboarding-entry-copy h2{letter-spacing:-.04em;margin:0 0 6px;font-size:18px;line-height:1.25}.onboarding-entry-copy p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.onboarding-entry button{border:1px solid var(--line);background:var(--purple);color:#fff;cursor:pointer;max-width:100%;min-height:44px;box-shadow:var(--shadow);border-radius:999px;padding:12px 16px;font-weight:900}.onboarding-entry button:hover:not(:disabled){background:var(--primary)}.onboarding-entry button:focus-visible{outline:3px solid var(--primary);outline-offset:3px}fieldset:disabled .onboarding-entry button{opacity:.5;cursor:not-allowed}@media (max-width:600px){.onboarding-entry{gap:12px;padding:16px}.onboarding-entry-copy{flex-basis:calc(100% - 52px)}.onboarding-entry button{width:100%}}:root{--demo-muted:#71778b;--demo-border:#e9eaf3}body{background:#eef0f9;font-size:14px}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.6;cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #9ba8ff}.demo-stage{grid-template-columns:340px 440px;justify-content:center;align-items:start;gap:clamp(50px,8vw,130px);padding:48px 32px;display:grid}.demo-intro{padding-top:36px;position:sticky;top:60px}.intro-brand{letter-spacing:-.8px;align-items:center;gap:12px;margin-bottom:70px;font-size:22px;font-weight:800;display:flex}.intro-brand img{border-radius:11px;width:40px;height:40px}.intro-kicker{color:var(--primary);letter-spacing:2px;font-size:10px;font-weight:800}.demo-intro h1{letter-spacing:-3.8px;margin:20px 0 22px;font-size:65px;line-height:1.04}.demo-intro>p{color:var(--demo-muted);max-width:290px;font-size:16px;line-height:1.8}.intro-points{color:#454d68;gap:15px;margin:30px 0 40px;display:grid}.intro-points span{align-items:center;gap:12px;display:flex}.intro-points svg{color:var(--primary)}.intro-note{background:#f5f6fc;border:1px solid #dce0f0;border-radius:18px;padding:20px;font-size:13px;font-weight:700}.intro-note p{color:var(--demo-muted);font-weight:400;line-height:1.7}.intro-note small{color:#545d79;font-size:11px;font-weight:400;line-height:1.6;display:block}.intro-footer{letter-spacing:1.5px;color:#6b7292;align-items:center;gap:14px;margin-top:30px;font-size:9px;display:flex}.demo-device{background:#f8f9fd;border:1px solid #fff;border-radius:32px;width:100%;min-width:0;position:relative;overflow:clip;box-shadow:0 25px 95px #29315c1c,0 0 0 6px #fff5}.demo-ribbon{color:#5865a2;letter-spacing:1px;background:#edf0ff;justify-content:space-between;align-items:center;gap:8px;padding:10px 20px;font-size:9px;display:flex}.demo-ribbon>span{align-items:center;gap:6px;display:flex}.demo-dot{background:#6e7de7;border-radius:100%;width:6px;height:6px;margin-right:4px;display:inline-block}.demo-ribbon button{color:#5360a0;letter-spacing:0;background:0 0;border:0;align-items:center;gap:5px;min-height:28px;padding:0;font-size:10px;display:flex}.mobile-brand{justify-content:space-between;align-items:center;padding:20px 23px 10px;display:flex}.brand-home{letter-spacing:-.9px;color:var(--text);background:0 0;border:0;align-items:center;gap:8px;min-height:44px;padding:0;font-size:21px;font-weight:800;display:flex}.brand-home img{object-fit:contain;border-radius:9px;width:30px;height:30px}.brand-period{color:var(--primary)}.header-actions{align-items:center;gap:12px;display:flex}.icon-btn{color:#535b74;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:8px;display:inline-flex}.notification-button{position:relative}.notification-dot{color:#654225;background:#f8c59f;border-radius:8px;place-items:center;min-width:15px;height:15px;padding:0 3px;font-size:9px;font-weight:750;display:grid;position:absolute;top:4px;right:3px;box-shadow:0 0 0 2px #f8f9fd}.avatar{border:0;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:12px;font-weight:750;display:inline-flex}.lavender{color:#6655bd;background:#ece8ff}.peach{color:#ae6239;background:#fff0df}.mint{color:#33876c;background:#e5f3ec}.mobile-content{outline:none;min-height:580px;padding:16px 23px 24px}.section-kicker{letter-spacing:1.6px;color:#8186a1;font-size:9px;font-weight:750}.greeting .section-kicker{margin:0 0 13px}.greeting .section-kicker span{color:#d99b4f;margin-left:4px}.mobile-content h1{letter-spacing:-1.2px;font-size:32px;font-weight:760;line-height:1.13}.greeting>p:last-child,.page-heading>p{color:var(--demo-muted);margin:12px 0 22px;font-size:12px;line-height:1.7}.career-chip{border:1px solid var(--demo-border);background:#fff;border-radius:15px;align-items:center;gap:10px;margin-bottom:18px;padding:13px 12px;display:flex}.career-icon{color:var(--primary);background:#f0f1ff;border-radius:11px;padding:8px;display:flex}.career-chip div{flex:1;gap:4px;min-width:0;display:grid}.career-chip strong{letter-spacing:-.25px;font-size:12px}.career-chip div>span{color:var(--demo-muted);font-size:10px}.tiny-tag{color:#707795;white-space:nowrap;background:#f2f3fa;border:1px solid #eceef7;border-radius:6px;padding:5px 7px;font-size:9px}.journey-card{color:#fff;background:linear-gradient(115deg,#4257f5 0%,#6553e6 70%,#7960df 100%);border-radius:22px;overflow:hidden;box-shadow:0 12px 20px #4257f51c}.journey-top{justify-content:space-between;align-items:center;gap:10px;padding:22px 21px;display:flex}.white-kicker{color:#e2e3ff;letter-spacing:1.6px;font-size:9px;font-weight:600}.journey-top h2{letter-spacing:-.8px;margin:10px 0 12px;font-size:24px;font-weight:650;line-height:1.15}.journey-top p{color:#e2e3ff;margin:0;font-size:10px}.progress-ring{background:conic-gradient(#fff var(--progress), #ffffff29 0);border-radius:100%;flex-shrink:0;width:110px;height:110px;padding:5px;transform:rotate(-30deg)}.progress-ring>div{background:#6454e9;border-radius:100%;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.progress-ring strong{letter-spacing:-1px;padding-top:10px;font-size:35px;font-weight:650;transform:rotate(30deg)}.progress-ring small{font-size:18px;font-weight:500}.progress-ring span{color:#e4e0ff;margin-top:-2px;margin-left:-12px;font-size:9px;transform:rotate(30deg)}.journey-footer{color:#f2efff;background:#393ab21f;border-top:1px solid #ffffff24;justify-content:space-between;padding:12px 21px;font-size:10px;display:flex}.light-dot{background:#ddd5ff;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.overview-card{text-align:left;border:1px solid var(--demo-border);color:var(--text);background:#fff;border-radius:16px;flex-direction:column;align-items:flex-start;min-width:0;padding:13px 12px;transition:transform .18s;display:flex}.overview-card:hover{transform:translateY(-3px)}.stat-symbol{border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:10px;display:flex}.overview-card strong{letter-spacing:-1px;font-size:25px;font-weight:720}.overview-card>span:not(.stat-symbol){margin:3px 0 6px;font-size:10px;font-weight:650}.overview-card small{color:#83899c;font-size:8px;line-height:1.5}.section-heading{justify-content:space-between;align-items:center;gap:8px;margin:26px 0 12px;display:flex}.section-heading h2{letter-spacing:-.5px;margin:0;font-size:16px;font-weight:750}.soft-label{letter-spacing:.7px;color:#9a9db0;font-size:7px}.next-step-card{text-align:left;color:#47417d;background:#f0effc;border:1px solid #e4e3f4;border-radius:17px;align-items:center;gap:11px;width:100%;padding:17px 13px;display:flex}.next-step-card>div{flex:1;min-width:0}.next-step-card .section-kicker{color:#8b80b4;letter-spacing:1px;font-size:7px}.next-step-card h3{letter-spacing:-.3px;margin:6px 0;font-size:13px}.next-step-card p{color:#858098;margin:0;font-size:10px;line-height:1.5}.next-icon{color:#8671c4;background:#e7e2f9;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.text-btn{color:var(--primary);background:0 0;border:0;align-items:center;gap:5px;min-height:44px;padding:8px 0;font-size:10px;font-weight:600;display:inline-flex}.subject-list{gap:9px;display:grid}.demo-subject-row{border:1px solid var(--demo-border);text-align:left;color:#737b93;background:#fff;border-radius:15px;align-items:center;gap:12px;width:100%;padding:15px 13px;display:flex}.subject-symbol{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:40px;display:flex}.subject-symbol.taking{color:#b7853e;background:#fcf2e5}.subject-symbol.approved{color:#48927b;background:#eaf5ef}.subject-symbol.regularized{color:#537bc5;background:#ebf0fc}.subject-symbol.pending{color:#8b90a7;background:#f0f2f7}.pending-circle{border:1.5px solid;border-radius:50%;width:14px;height:14px}.subject-row-copy{flex:1;gap:5px;min-width:0;display:grid}.subject-row-copy strong{color:#313a52;font-size:12px;font-weight:650;line-height:1.4}.subject-row-copy small{color:#8e93a5;font-size:9px}.demo-status{border-radius:5px;width:fit-content;padding:3px 5px;font-size:9px;font-weight:600;display:inline-flex}.demo-status.approved{color:#3b8066;background:#eff8f1}.demo-status.taking{color:#a47730;background:#fdf5e8}.demo-status.regularized{color:#537abb;background:#eef3fd}.demo-status.pending{color:#81879b;background:#f3f4f8}.plan-shortcut{color:#6670ae;text-align:left;background:0 0;border:1px dashed #cdd2eb;border-radius:15px;align-items:center;gap:12px;width:100%;margin-top:20px;padding:16px 13px;display:flex}.plan-shortcut>span{flex:1;gap:4px;font-size:12px;font-weight:650;display:grid}.plan-shortcut>span>span{color:#9296ac;font-size:9px;font-weight:400}.mobile-footer{color:#969aae;justify-content:center;align-items:center;gap:8px;margin:28px 0 8px;font-size:10px;display:flex}.mobile-footer img{opacity:.55;border-radius:7px;width:22px;height:22px}.mobile-footer span{gap:3px;display:grid}.mobile-footer small{font-size:8px}.bottom-nav{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:7px 10px max(12px, env(safe-area-inset-bottom));background:#ffffffed;border-top:1px solid #e9ebf4;grid-template-columns:repeat(4,1fr);display:grid;position:sticky;bottom:0}.bottom-nav button{color:#9b9eb1;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;min-height:53px;padding:5px 2px;font-size:9px;font-weight:550;display:flex}.bottom-nav button>span{border-radius:10px;justify-content:center;align-items:center;width:45px;height:27px;display:flex}.bottom-nav button[aria-current]{color:#5260d4;font-weight:750}.bottom-nav button[aria-current]>span{background:#edf0ff}.page-heading{margin-top:6px}.page-heading h1{margin-top:8px}.search-field{border:1px solid var(--demo-border);color:#9da1b4;background:#fff;border-radius:13px;align-items:center;gap:9px;padding:0 12px;display:flex}.search-field input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:none;padding:15px 0;font-size:12px}.search-field input::placeholder{color:#9b9eb1}.filter-scroller{scrollbar-width:none;-ms-overflow-style:none;gap:8px;padding:14px 6px;scroll-padding-inline:6px;display:flex;overflow-x:auto}.filter-scroller::-webkit-scrollbar{display:none}.filter-scroller button{color:#7d8298;background:#fff;border:1px solid #e5e7f1;border-radius:10px;flex-shrink:0;min-height:44px;padding:12px 14px;font-size:11px}.filter-scroller button[aria-pressed=true]{color:#fff;background:#5262e8;border-color:#5262e8}.list-caption{color:#9399ac;justify-content:space-between;margin:7px 0 13px;font-size:10px;display:flex}.map-tip{color:#6873a4;background:#f0f2fb;border:1px solid #e4e7f6;border-radius:13px;align-items:center;gap:10px;margin-bottom:18px;padding:13px;display:flex}.map-tip p{margin:0;font-size:11px;line-height:1.6}.map-tip svg{flex-shrink:0}.demo-device .map-header{margin:0;display:block}.demo-device .map-header h2,.demo-device .map-header .eyebrow,.demo-device .map-header>div>p{display:none}.demo-device .progress-summary{gap:6px;margin:12px 0 18px;display:flex}.demo-device .summary-item{gap:5px;padding:6px 8px;font-size:9px}.demo-device .dot{width:6px;height:6px}.demo-device .career-map{scroll-snap-type:x mandatory;scrollbar-width:thin;align-items:flex-start;gap:12px;max-width:100%;padding:6px 4px 18px;display:flex;overflow-x:auto}.demo-device .year-column{scroll-snap-align:start;background:#eef0f8;border-radius:17px;flex:0 0 79%;min-width:0;padding:14px}.demo-device .year-title{color:#49547b;margin-bottom:16px}.demo-device .year-title strong{font-size:14px}.demo-device .term-block h3{text-transform:uppercase;letter-spacing:1px;color:#8b91a7;margin:16px 0 10px;font-size:9px}.demo-device .map-subjects{gap:9px;display:grid}.demo-device .map-subject{width:100%;min-height:76px;box-shadow:none;border:1px solid #e0e4f0;border-radius:12px;padding:12px}.demo-device .map-subject strong{font-size:12px;line-height:1.45}.demo-device .map-subject>span{font-size:8px}.demo-device .map-subject.selected{outline-offset:2px;outline:2px solid #5764dc}.demo-device .map-subject.related{outline-offset:1px;outline:2px solid #d4b473}.demo-device .map-to-planner-btn{white-space:normal;border-radius:12px;max-width:100%;margin:8px 0;padding:12px;font-size:11px;line-height:1.6}#map-planner-reason{color:#737b92;font-size:11px;line-height:1.65}.map-selected{border:1px solid var(--demo-border);background:#fff;border-radius:17px;margin-top:18px;padding:18px}.map-selected h2{font-size:17px;line-height:1.4}.map-selected p{color:var(--demo-muted);font-size:12px}.primary-btn,.secondary-btn{color:#fff;background:#5262e8;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:14px 17px;font-size:12px;font-weight:650;line-height:1.5;display:inline-flex}.secondary-btn{color:#646d95;background:#f2f4fb;border:1px solid #e6e9f5}.full{width:100%;margin-top:15px}.community-cover{color:#6d62a5;background:linear-gradient(110deg,#e9e8fc,#f2edf9);border-radius:17px;align-items:center;gap:14px;margin-bottom:22px;padding:20px 15px;display:flex}.community-cover>svg{flex-shrink:0}.community-cover strong{font-size:13px}.community-cover p{color:#9487aa;margin:7px 0 0;font-size:10px;line-height:1.5}.segmented{background:#eff1f8;border:1px solid #e7e8f3;border-radius:12px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.segmented button{color:#959bb0;background:0 0;border:0;border-radius:9px;min-height:44px;padding:11px;font-size:12px}.segmented button[aria-pressed=true]{color:#5262d2;background:#fff;font-weight:650;box-shadow:0 2px 6px #2228440a}.count{color:#8c92ab;background:#e9edf8;border-radius:6px;margin-left:4px;padding:4px 7px;font-size:10px}.bordered{background:#fff;border:1px solid #e4e7f2;border-radius:12px}.friend-card{border:1px solid var(--demo-border);text-align:left;color:#969cb0;background:#fff;border-radius:15px;align-items:center;gap:12px;width:100%;margin-bottom:10px;padding:17px 13px;display:flex}.friend-card>span:nth-child(2){flex:1;gap:5px;display:grid}.friend-card strong{color:#414962;font-size:12px}.friend-card small{color:#8a91a8;font-size:10px}.privacy-note{text-align:center;color:#989db0;padding:10px;font-size:10px;line-height:1.8}.group-card{border:1px solid var(--demo-border);text-align:left;width:100%;color:var(--text);background:#fff;border-radius:17px;margin-bottom:12px;padding:18px;position:relative}.group-icon{border-radius:13px;justify-content:center;align-items:center;width:43px;height:43px;font-size:13px;font-weight:700;display:inline-flex}.group-card>.tiny-tag{position:absolute;top:20px;right:18px}.group-card h3{letter-spacing:-.3px;margin:17px 0 7px;font-size:15px}.group-card p{color:#979aac;font-size:11px;line-height:1.5}.group-card>div{color:#989db1;border-top:1px solid #f0f1f6;align-items:center;gap:8px;margin-top:17px;padding-top:13px;font-size:10px;display:flex}.group-card>div>svg{margin-left:auto}.stacked-avatars{display:flex}.stacked-avatars i{color:#716c9b;background:#eae6f7;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:-5px;font-size:7px;font-style:normal;display:flex}.stacked-avatars i:nth-child(2){background:#faedde}.stacked-avatars i:nth-child(3){background:#e7f0eb}.demo-sheet{color:var(--text);background:#fff;border:1px solid #ececf5;border-radius:25px;width:min(440px,100% - 24px);max-height:85dvh;padding:13px 23px 26px;overflow-y:auto;box-shadow:0 25px 80px #111d4633}.demo-sheet::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#18234470}.sheet-handle{background:#dde0ee;border-radius:3px;width:35px;height:4px;margin:0 auto 10px}.demo-sheet>header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.demo-sheet>header h2{letter-spacing:-.6px;margin:0;font-size:19px}.demo-sheet .subject-card{box-shadow:none;cursor:default;background:#fbfcff;border:1px solid #e7e9f3;border-radius:16px;padding:16px}.demo-sheet .subject-head{flex-wrap:wrap;gap:12px}.demo-sheet .subject-card h3{font-size:19px;line-height:1.3}.demo-sheet .subject-card .code{overflow-wrap:anywhere;font-size:9px}.demo-sheet .subject-card .hours{font-size:10px}.demo-sheet .subject-card .status{padding:6px 9px;font-size:10px}.demo-sheet .subject-detail-button{min-height:44px}.demo-sheet .mini-rules{flex-wrap:wrap;gap:6px;display:flex}.demo-sheet .rule{font-size:10px}.demo-sheet .status-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.demo-sheet .status-actions button{border-radius:9px;width:100%;min-height:44px;font-size:11px}.sheet-hint{color:#8e95ac;font-size:10px;line-height:1.7}.sheet-info{color:#7c839a;background:#f5f6fb;border-radius:13px;margin:15px 0;padding:15px;font-size:12px;line-height:1.8}.grade-form{border-top:1px solid #eef0f6;margin-top:22px;padding-top:20px}.grade-form label{gap:6px;margin-bottom:14px;font-size:13px;font-weight:650;display:grid}.grade-form label span{color:#969cb1;font-size:10px;font-weight:400}.grade-form input{background:#f8f9fe;border:1px solid #dfe3f4;border-radius:11px;width:100%;padding:14px;font-size:19px}.grade-form p{color:#8f94a8;font-size:11px;line-height:1.7}.grade-form #grade-error{color:#b04f53}.average-feature,.profile-feature{text-align:center;color:#646bc8;padding:14px}.average-feature strong{letter-spacing:-3px;margin-top:10px;font-size:60px;display:block}.average-feature p,.profile-feature p{color:#9197ac;font-size:12px}.grade-line{color:#7c839b;border-bottom:1px solid #eef0f6;justify-content:space-between;gap:20px;padding:13px 0;font-size:12px;line-height:1.5;display:flex}.grade-line strong{color:#5c67b4}.notification-tools{color:#9ba0b1;justify-content:space-between;align-items:center;font-size:11px;display:flex}.notification-item{color:#7e85a0;text-align:left;background:#f6f7ff;border:1px solid #e5e8f6;border-radius:13px;align-items:center;gap:10px;width:100%;margin:10px 0;padding:17px 12px;display:flex}.notification-item.read{background:#fff;border-color:#eef0f5}.notification-item>span:nth-child(2){flex:1}.notification-item strong{color:#4d577c;font-size:12px}.notification-item p{font-size:11px;line-height:1.6}.notification-item small{color:#9da3b6;font-size:9px}.notification-mark{color:#8277bd;background:#eaeafd;border-radius:10px;padding:8px;display:inline-flex}.profile-feature .avatar{border-radius:23px;width:70px;height:70px;font-size:22px}.profile-feature h3{color:#505a78;margin-bottom:8px;font-size:22px}.friend-progress{text-align:center;color:#8790ad;gap:10px;padding:20px 10px;display:grid}.friend-progress strong{color:#6870ce;font-size:36px}.friend-progress span{font-size:12px}.friend-progress>div{background:#eef0fb;border-radius:8px;height:8px;margin-top:10px;overflow:hidden}.friend-progress>div:before{content:"";width:var(--width);background:#8b8de6;border-radius:8px;height:100%;display:block}.group-title{letter-spacing:-.5px;font-size:23px;line-height:1.4}.group-members{color:#9299b0;align-items:center;gap:9px;margin:20px 0;font-size:12px;display:flex}.empty-state{text-align:center;color:#8a92ac;padding:42px 15px}.empty-state h2{color:#5c6688;font-size:19px}.empty-state p{font-size:12px;line-height:1.8}.selection-item{margin-bottom:14px}.demo-toast{z-index:1500;pointer-events:none;width:min(380px,100% - 32px);position:fixed;bottom:100px;left:50%;transform:translate(-50%)}.demo-toast>span{color:#fff;background:#30395ef2;border-radius:12px;align-items:center;gap:8px;padding:15px 18px;font-size:12px;display:flex;box-shadow:0 10px 40px #19204030}.MuiDialog-root .MuiDialog-paper{max-height:85dvh}@media (max-width:850px){body{background:#f8f9fd}.demo-stage{padding:0;display:block}.demo-intro{display:none}.demo-device{max-width:480px;min-height:100dvh;box-shadow:none;border:0;border-radius:0;margin:auto;overflow:clip}.demo-ribbon{padding-top:max(10px, env(safe-area-inset-top))}.bottom-nav{width:min(480px,100%);position:fixed;left:50%;transform:translate(-50%)}.mobile-content{padding-bottom:calc(105px + env(safe-area-inset-bottom))}.demo-sheet{width:min(480px,100%);max-height:88dvh;padding-bottom:max(26px, env(safe-area-inset-bottom));border-bottom:0;border-radius:25px 25px 0 0;margin:auto auto 0}}@media (max-width:359px){.mobile-content,.mobile-brand{padding-left:16px;padding-right:16px}.career-chip>.tiny-tag{display:none}.journey-top{padding:20px 16px}.journey-top h2{font-size:22px}.progress-ring{width:92px;height:92px}.progress-ring strong{font-size:29px}.overview-grid{gap:7px}.overview-card{padding:11px 9px}.overview-card strong{font-size:23px}.overview-card small{font-size:7px}.soft-label{display:none}.next-step-card p{font-size:9px}.demo-ribbon{padding-left:16px;padding-right:16px;font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.demo-sheet-root .MuiDialog-paper.demo-sheet{border-radius:25px;width:min(440px,100% - 24px);max-width:440px;max-height:85dvh;margin:12px;padding:13px 23px 26px;display:block;overflow-y:auto}@media (max-width:850px){.demo-sheet-root .MuiDialog-container{align-items:flex-end}.demo-sheet-root .MuiDialog-paper.demo-sheet{width:min(480px,100%);max-width:480px;max-height:88dvh;padding-bottom:max(26px, env(safe-area-inset-bottom));border-radius:25px 25px 0 0;margin:0}}.mobile-map .map-tip.compact{margin-bottom:10px;padding:10px 12px}.mobile-map .progress-summary{margin:10px 0}.mobile-map .career-map-page{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.mobile-map .map-header{display:none}.mobile-map .career-map{scroll-snap-type:x proximity;overscroll-behavior-x:contain;gap:12px;padding:5px 3px 14px;scroll-padding-inline:3px}.mobile-map .year-column{scroll-snap-align:center;flex-basis:85%;padding:12px}.mobile-map .map-subject{min-height:68px}.map-year-controls{justify-content:space-between;align-items:center;margin:6px 0 10px;display:flex}.map-year-controls>span{color:#69749b;font-size:12px;font-weight:650}.map-year-controls small{color:#949bb1;margin-left:4px;font-size:10px;font-weight:400}.map-selection-bar{background:#fff;border:1px solid #e4e7f4;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 9px;margin:0 0 10px;padding:12px;display:grid}.map-selection-bar>div{gap:6px;min-width:0;display:grid}.map-selection-bar strong{color:#4e5775;font-size:12px;line-height:1.5}.map-selection-bar>div>span{color:#8b93aa;font-size:9px}.map-add-btn{color:#5262d2;background:#edf0ff;border:1px solid #e0e5ff;border-radius:10px;justify-content:center;align-items:center;gap:5px;min-height:44px;padding:9px;font-size:10px;font-weight:650;display:flex}.map-selection-bar #mobile-map-reason{color:#8d7758;background:#fcf7ee;border-radius:8px;grid-column:1/-1;margin:3px 0;padding:9px;font-size:11px;line-height:1.6}.map-detail-link{grid-column:1/-1;width:fit-content;min-height:44px;padding:4px 0}.group-state{border-radius:7px;justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-size:9px;font-weight:600;display:inline-flex}.group-state.member{color:#45816b;background:#edf7f1;border:1px solid #dcefe3}.group-state.invitation{color:#a0763c;background:#fff6e8;border:1px solid #f6e8d0}.group-card>.group-state{position:absolute;top:20px;right:13px}.group-card.is-member{border-color:#dcebe4}.group-card.is-invitation{border-color:#eee3d3}.demo-sheet>.group-state{margin-left:12px}.demo-sheet-root .MuiDialog-container{top:var(--sheet-viewport-top,0px);width:100%;height:var(--sheet-viewport-height,100dvh);position:absolute}.demo-sheet-root .MuiDialog-paper.demo-sheet{max-height:calc(var(--sheet-viewport-height,100dvh) * .9);overscroll-behavior-y:contain;scroll-padding-block:75px 90px}.demo-sheet>header{z-index:2;background:#fff;padding-block:5px;position:sticky;top:-13px}.grade-form input{min-height:48px;scroll-margin-block:80px}.grade-submit-bar{padding:10px 0 max(10px, env(safe-area-inset-bottom));z-index:1;background:#fff;position:sticky;bottom:-26px}.grade-submit-bar>.full{margin-top:0}@media (max-width:359px){.map-selection-bar{column-gap:6px;padding:10px}.map-selection-bar strong{font-size:11px}.map-add-btn{padding:8px 6px;font-size:9px}.group-card>.group-state{padding-inline:6px;font-size:8px}}.android-demo .demo-stage{padding:0;display:block}.android-demo .demo-intro{display:none}.android-demo .demo-device{max-width:600px;min-height:100dvh;box-shadow:none;border:0;border-radius:0;margin:auto}.android-demo .bottom-nav{width:min(600px,100%);position:fixed;left:50%;transform:translate(-50%)}.android-demo .mobile-content{padding-bottom:calc(105px + env(safe-area-inset-bottom))}.android-demo .demo-ribbon{padding-top:max(10px, env(safe-area-inset-top))}.navigation-links{gap:10px;margin-bottom:24px;display:grid}.navigation-destination{text-align:left;min-height:64px;margin:0}.navigation-destination>span{overflow-wrap:anywhere;min-width:0}.navigation-back{min-width:80px;min-height:44px;margin-bottom:12px}.navigation-page{gap:16px;display:grid}.navigation-page .page-heading{margin-bottom:0}.navigation-page .profile-feature h2{font-size:23px}.navigation-page .career-chip{flex-wrap:wrap}.mobile-brand{padding-top:max(16px, env(safe-area-inset-top))}.bottom-nav{padding-bottom:max(12px, env(safe-area-inset-bottom))}.mobile-content{padding-bottom:calc(120px + env(safe-area-inset-bottom))}.icon-btn,.bottom-nav button,.segmented button{min-width:44px;min-height:44px}@media (max-width:360px){.navigation-destination{gap:10px;padding:14px 12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}.final-navigation-stage .bottom-nav{padding-inline:max(4px, env(safe-area-inset-left)) max(4px, env(safe-area-inset-right));grid-template-columns:repeat(6,minmax(0,1fr));gap:0}.final-navigation-stage .bottom-nav button{letter-spacing:-.1px;min-width:44px;min-height:56px;padding-inline:0;font-size:9px}.final-navigation-stage .bottom-nav button>span{width:40px}.final-navigation-stage .mobile-content{padding-inline:max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right))}.academic-snapshot{border:1px solid var(--demo-border);background:#fff;border-radius:20px;margin:20px 0;padding:18px}.academic-snapshot h2{color:#28324e;margin:0 0 15px;font-size:16px}.academic-snapshot dl{grid-template-columns:1fr 1fr;gap:14px;margin:0;display:grid}.academic-snapshot dl>div{flex-direction:column-reverse;gap:6px;min-width:0;display:flex}.academic-snapshot dt{color:#626b83;overflow-wrap:anywhere;font-size:12px}.academic-snapshot dd{color:var(--primary);margin:0;font-size:26px;font-weight:750}.academic-snapshot p{color:#71778b;margin:15px 0 0;font-size:11px;line-height:1.5}@media (min-width:361px){.final-navigation-stage .mobile-content{padding-inline:max(23px, env(safe-area-inset-left)) max(23px, env(safe-area-inset-right))}}.context-selector{text-align:left;color:#424e86;background:#eef0ff;border:1px solid #dce0f5;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;width:calc(100% - 32px);min-height:64px;margin:0 16px 8px;padding:14px;display:grid}.context-selector>span:first-child{overflow-wrap:anywhere;font-size:12px}.context-selector strong{grid-column:1;font-size:12px}.context-selector-action{grid-area:1/2/3;align-self:center;font-size:11px;font-weight:750}.context-page,.context-empty{gap:16px;display:grid}.context-page .side-card{box-shadow:none;border-radius:18px;margin:0;padding:16px}.context-page h2{font-size:18px}.context-page h3{font-size:16px}.context-page h4{overflow-wrap:anywhere;font-size:14px}.context-page p,.context-empty p{font-size:13px;line-height:1.65}.context-page label,.context-scenarios label{gap:8px;font-size:12px;display:grid}.context-page select,.context-scenarios select{color:#34405f;background:#fff;border:1px solid #dce0ef;border-radius:10px;width:100%;min-width:0;max-width:100%;min-height:48px;padding:10px 8px;font-size:16px}.context-page button,.context-scenarios summary{border:1px solid #dce0ef;border-radius:10px;min-height:44px;padding:10px 12px}.context-page .my-careers-actions{flex-wrap:wrap;gap:10px;display:flex}.context-page .my-careers-actions select{flex:100%}.context-page .my-careers-list{margin:0;padding:0;list-style:none}.context-page .my-careers-list>li{border-top:1px solid #e9eaf3;padding-block:14px}.context-page fieldset{border:1px solid #dce0ef;border-radius:12px;min-width:0;margin-top:12px;padding:12px}.context-page .career-selector{gap:12px;margin:0;padding:16px;display:grid}.context-page .career-selector h2{font-size:18px}.context-page .career-selectors{grid-template-columns:1fr;gap:14px;display:grid}.context-notice{background:#eef3ff;border-radius:12px;padding:12px;font-size:12px;line-height:1.6}.context-scenarios{border:1px dashed #b5bcde;border-radius:14px;margin-top:24px;padding:14px}.context-scenarios summary{cursor:pointer;margin-bottom:12px;font-size:12px;font-weight:750}.context-scenarios p{color:#71778b;font-size:12px;line-height:1.6}.career-chip{flex-wrap:wrap}.career-chip>div{flex:1;min-width:0}.career-chip strong,.career-chip span{overflow-wrap:anywhere;white-space:normal}.page-heading h1{overflow-wrap:anywhere}.career-manager,.career-tiles,.career-wizard{gap:16px;min-width:0;display:grid}.career-manager .career-lead{color:#566078;margin:0}.career-tiles,.wizard-options{margin:0;padding:0;list-style:none}.career-tile{background:#fff;border:1px solid #dfe3ef;border-radius:20px;min-width:0;padding:16px;box-shadow:0 3px 12px #343d6410}.career-tile.is-selected{background:#f1f3ff;border:2px solid #6675bf;padding:15px}.career-tile-top{align-items:flex-start;gap:12px;display:flex}.career-tile-top>div{flex:1;min-width:0}.career-tile-icon{color:#4a568d;background:#e9ecfa;border-radius:13px;flex:0 0 42px;place-items:center;height:42px;display:grid}.context-page .career-tile h3{overflow-wrap:anywhere;margin:4px 0 6px;font-size:1rem;line-height:1.4}.context-page .career-tile p{color:#515c73;margin:0 0 8px;font-size:.75rem;line-height:1.5}.career-plan{color:#3e496a;font-size:.75rem;font-weight:700;display:inline-block}.selected-badge{color:#3e4d8c;align-items:center;gap:4px;font-size:.6875rem;font-weight:800;display:inline-flex}.career-tile-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.career-tile-actions button{justify-content:center;align-items:center;gap:6px;min-height:44px;padding:10px 14px;font-size:.8125rem;display:inline-flex}.career-tile-actions .career-archive{color:#535f79;background:0 0;border-color:#0000;margin-left:auto}.context-page .career-section-heading{justify-content:space-between;align-items:center;margin:6px 0 12px;font-size:.9375rem;display:flex}.career-section-heading span{color:#596480;font-size:.75rem}.archived-careers{border-top:1px solid #dfe3ef;padding-top:6px}.archived-careers summary{cursor:pointer;color:#46516d;align-items:center;gap:8px;min-height:48px;font-size:.875rem;font-weight:700;list-style:none;display:flex}.archived-careers summary::-webkit-details-marker{display:none}.archived-careers summary svg:last-child{margin-left:auto;transition:transform .15s}.archived-careers[open] summary svg:last-child{transform:rotate(180deg)}.archived-careers>p{color:#566078;margin:8px 0 16px}.career-tile.is-archived{box-shadow:none;background:#f7f8fb}.archive-confirm{border-top:1px solid #dce0ed;margin-top:12px;padding-top:12px}.context-page .archive-confirm h4{margin:0 0 8px;font-size:.875rem}.career-state{color:#46516b;background:#f1f3fa;border-radius:18px;padding:24px 16px}.career-state h2{font-size:1.1875rem}.wizard-controls{justify-content:space-between;align-items:center;gap:12px;display:flex}.wizard-controls button{align-items:center;gap:6px;min-height:44px;padding:10px 12px;display:inline-flex}.wizard-heading h1{margin:10px 0;font-size:1.6875rem;line-height:1.2}.wizard-heading p{color:#566078;overflow-wrap:anywhere;font-size:.875rem;line-height:1.6}.wizard-progress{justify-content:space-between;gap:8px;margin:0;padding:0;list-style:none;display:flex}.wizard-progress li{color:#566078;align-items:center;gap:5px;font-size:.6875rem;display:flex}.wizard-progress li>span{background:#e9ecf5;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.wizard-progress [aria-current]{color:#3e4d8c;font-weight:800}.wizard-progress [aria-current]>span{color:#fff;background:#4c5c9b}.wizard-search{gap:8px;font-size:.8125rem;font-weight:700;display:grid}.wizard-search>div{background:#fff;border:1px solid #bbc3da;border-radius:14px;align-items:center;gap:8px;padding:0 12px;display:flex}.wizard-search input{color:#34405f;background:0 0;border:0;width:100%;min-width:0;min-height:48px;padding:12px 0;font-size:1rem}.wizard-result-count{color:#566078;margin:0;font-size:.75rem}.wizard-options{gap:10px;display:grid}.wizard-options button,.plan-option{text-align:left;color:#34405f;cursor:pointer;background:#fff;border:1px solid #d9dfed;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:64px;padding:14px;display:flex}.wizard-options button>span,.plan-option>span{flex:1;min-width:0}.wizard-options strong{overflow-wrap:anywhere;font-size:.875rem;line-height:1.5;display:block}.wizard-options small{color:#566078;margin-top:4px;font-size:.75rem;line-height:1.5;display:block}.plan-option{justify-content:flex-start}.plan-option input{accent-color:#4c5c9b;flex-shrink:0;width:22px;height:22px}.plan-option.is-chosen{background:#f1f3ff;border:2px solid #6675bf;padding:13px}.wizard-review{overflow-wrap:anywhere;background:#f1f3ff;border-radius:18px;padding:18px}.wizard-review h2{margin:0 0 12px;font-size:.875rem}.wizard-review>strong{font-size:1.0625rem}.wizard-review p{color:#46516d;font-size:.8125rem;line-height:1.6}.career-wizard button:focus-visible,.career-manager button:focus-visible,.archived-careers summary:focus-visible,.career-tile:focus,.wizard-search:focus-within,.plan-option:focus-within{outline-offset:3px;outline:3px solid #687ab8}.career-wizard button:disabled,.career-manager button:disabled{opacity:.55;cursor:default}.demo-device:has(.career-wizard) .mobile-content{padding-bottom:max(24px,env(safe-area-inset-bottom))}@media (prefers-reduced-motion:reduce){.archived-careers summary svg{transition:none}}.career-tile-actions button,.wizard-controls button{white-space:normal;overflow-wrap:anywhere}.subjects-mobile{min-width:0}.subjects-search-row{align-items:stretch;gap:8px;margin-bottom:14px;display:flex}.subjects-search-row .search-field{flex:1;min-width:0;margin:0}.subjects-search-row input{min-width:0;font-size:1rem}.subject-filter-trigger{color:#3d4d86;background:#eef1ff;border:1px solid #b8c2df;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:76px;min-height:48px;padding:9px;display:flex}.subject-filter-trigger>span{align-items:center;gap:5px;font-size:.6875rem;font-weight:750;display:flex}.subject-filter-trigger b{color:#fff;background:#465991;border-radius:50%;place-items:center;min-width:17px;height:17px;display:grid}.subjects-mobile .filter-scroller{margin-bottom:10px}.subjects-mobile .filter-scroller button{color:#495572;min-height:44px}.subjects-mobile .filter-scroller button[aria-pressed=true]{color:#fff;background:#495bd0}.applied-subject-filters{flex-wrap:wrap;gap:7px;margin:8px 0 12px;display:flex}.applied-subject-filters button{color:#3e4c77;text-align:left;overflow-wrap:anywhere;background:#f0f2ff;border:1px solid #c4cbe2;border-radius:12px;align-items:center;gap:6px;min-height:44px;padding:10px;font-size:.75rem;display:flex}.subjects-mobile .subject-results{color:#535e78;flex-wrap:wrap;gap:10px;margin-top:14px;font-size:.75rem}.subject-clear-all{color:#435486;text-align:left;background:0 0;border:0;min-height:44px;padding:8px 0;font-size:.8125rem;font-weight:650}.subject-results-list{gap:10px;margin-top:10px;display:grid}.subject-results-list .subject-result-row{border:1px solid #e0e5f1;border-radius:18px;gap:12px;min-height:100px;padding:15px 13px;box-shadow:0 2px 8px #37476a08}.subject-result-row .subject-row-copy{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.subject-result-row .subject-row-copy strong{color:#283550;overflow-wrap:anywhere;font-size:.9375rem;line-height:1.4}.subject-result-row .subject-row-copy small{color:#515e77;overflow-wrap:anywhere;font-size:.6875rem;line-height:1.5}.subject-result-row .subject-row-copy .subject-code{letter-spacing:.02em;margin-top:5px}.subject-result-row>svg{color:#647095;flex-shrink:0}.subject-result-row .subject-symbol{flex-shrink:0;width:36px;height:36px}.subject-result-row .demo-status{color:#46516b;margin-top:7px;font-size:.6875rem}.subject-result-row .demo-status.approved{color:#26634d;background:#e0f3e9}.subject-result-row .demo-status.taking{color:#7e4c1b;background:#fff0dc}.subject-result-row .demo-status.regularized{color:#394d96;background:#e9edff}.subject-result-row .demo-status.pending{color:#4e5971;background:#edf0f5}.subject-availability{color:#515e77;text-align:left;align-items:center;gap:4px;margin-top:6px;font-size:.6875rem;line-height:1.5;display:inline-flex}.subject-availability.eligible{color:#28634f}.subject-window-count{color:#515e77;margin:18px 0 12px;font-size:.75rem;line-height:1.5}.subject-load-more{min-height:48px}.subject-filter-form{gap:10px;min-width:0;display:grid}.subject-filter-form>p{color:#4b5874;margin:4px 0 10px;font-size:.8125rem;line-height:1.6}.subject-filter-form>label{color:#344363;margin-top:5px;font-size:.8125rem;font-weight:750}.subject-filter-form select{color:#344363;background:#fff;border:1px solid #bec7dd;border-radius:12px;width:100%;min-width:0;min-height:48px;padding:12px;font-size:1rem}.subject-filter-form fieldset{border:0;min-width:0;margin:14px 0 0;padding:0}.subject-filter-form legend{color:#344363;padding:0 0 6px;font-size:.8125rem;font-weight:750}.subject-criterion{color:#344363;cursor:pointer;align-items:center;gap:12px;min-height:50px;padding:10px 0;font-size:.875rem;display:flex}.subject-criterion input{accent-color:#495bd0;flex:0 0 22px;width:22px;height:22px;margin:0}.subject-filter-form>small{color:#515e77;font-size:.75rem;line-height:1.6}.subject-filter-form .subject-filter-preview{color:#3d4c7d;background:#eef1ff;border-radius:12px;margin:8px 0;padding:12px;font-weight:700}.subject-filter-form .text-btn{color:#435486;justify-self:start;min-height:44px;padding:8px 0}.subject-filter-actions{padding-block:10px max(12px,env(safe-area-inset-bottom));flex-wrap:wrap;gap:8px;display:flex}.subject-filter-actions button{white-space:normal;flex:1;min-width:100px;min-height:48px}.subjects-mobile button:focus-visible,.subject-filter-form :is(button,input,select):focus-visible{outline-offset:3px;outline:3px solid #6678be}@media (max-width:340px){.subject-results-list .subject-result-row{gap:9px;padding:13px 10px}}.subject-result-row .subject-row-copy{gap:3px}.subject-result-row .subject-row-copy .subject-code{margin-top:1px}.subject-result-row .demo-status{margin-top:3px}.subject-result-row .subject-availability{margin-top:2px}.subjects-search-row .search-field{color:#5e6a87}.subjects-search-row input::placeholder{color:#626f89}.subject-filter-trigger{border-color:#7c89a8}.subject-filter-form select{border-color:#8793b1}.subject-filter-actions{z-index:1;background:#fff;position:sticky;bottom:0;box-shadow:0 -10px 14px #ffffffef}.overview-grid.without-average{grid-template-columns:repeat(2,minmax(0,1fr))}.academic-simulation{border-top:1px solid #dce0ef;gap:12px;margin-top:18px;padding-top:12px;display:grid}.academic-simulation h3{margin:0;font-size:16px}.academic-simulation button,.academic-feedback button{white-space:normal;min-height:44px;padding:10px 12px}.academic-feedback{color:#394568;background:#eef2ff;border:1px solid #dce0ef;border-radius:14px;margin-block:12px;padding:12px}.academic-feedback p{margin:0 0 8px;font-size:13px;line-height:1.6}.academic-feedback small{font-size:12px;line-height:1.5;display:block}.academic-feedback.has-issue{color:#655139;background:#fff7ea;border-color:#e7d7b9}.academic-editor{border:0;min-width:0;margin:0;padding:0}