@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap";.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 (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 (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 (width<=1100px){.dashboard{grid-template-columns:1fr 1fr}.progress-card{grid-column:1/-1}.subject-grid,.rec-grid{grid-template-columns:1fr 1fr}}@media (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 (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 (width<=1100px){.career-selector{grid-template-columns:1fr;align-items:stretch}.career-selectors{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.career-selectors{grid-template-columns: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 (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 (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 (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 (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 (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 (width<=1100px){.planning-ui .planning-plan-cards{grid-template-columns:1fr}}@media (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 (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 (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}