:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#263c50;background:#f6f8fb;font-synthesis:none;--blue:#1587c5;--dark:#183c55;--muted:#738393;--border:#e7edf2;--shadow:0 4px 22px #25496805;font-size:14px;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #70bdec;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #92cee9;outline-offset:1px;border-color:#50a7d6}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#223e53;line-height:1.35}h1{font-size:28px;letter-spacing:-.7px;margin-bottom:9px;font-weight:720}h2{font-size:20px;letter-spacing:-.3px;margin-bottom:12px;font-weight:680}h3{font-size:15px;font-weight:650;margin-bottom:7px}p{margin-bottom:15px}small{font-size:11px}svg{flex-shrink:0;vertical-align:middle}input,select,textarea{width:100%;background:#fff;border:1px solid #dce5ec;border-radius:9px;padding:11px 13px;color:#30495d;min-height:43px}input::placeholder{color:#98a4b1}select{padding-right:28px}label{display:block;font-size:13px;font-weight:550;margin-bottom:19px}label input,label select{margin-top:7px}form .button{margin-top:5px}fieldset{min-width:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;border:1px solid #dce6ed;border-radius:9px;padding:10px 17px;background:#fff;font-size:13px;font-weight:600;transition:background .15s,transform .15s;white-space:normal;text-align:center}.button:hover:not(:disabled){background:#f0f7fc;border-color:#9bcbe4}.button.primary{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 4px 12px #168bc622}.button.primary:hover:not(:disabled){background:#0876b2}.button.full{width:100%}.button-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;border-radius:8px;padding:8px;min-width:34px;min-height:34px;color:#8797a5;flex-shrink:0}.icon-button:hover:not(:disabled){background:#eaf4fb;color:var(--blue)}.icon-button.saved{background:#eaf5fc;color:var(--blue)}.icon-button.danger:hover{background:#fff0ef;color:#c75656}.text-button{font:inherit;font-weight:inherit;line-height:inherit;text-align:left;padding:0;border:0;background:none;color:inherit}.text-button:hover{color:var(--blue)}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:13px;font-weight:600;padding:0;border:0;background:none}.text-link:hover{text-decoration:underline}.center{justify-content:center;width:100%}.muted{color:var(--muted);font-size:13px}.caption{color:#778896;font-size:12px;line-height:1.7}.blue{color:var(--blue)!important}.eyebrow{display:block;color:#7c98ab;font-size:10px;letter-spacing:1.8px;font-weight:700;margin-bottom:9px}.pill{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:6px;background:#d8effb;color:#287baf;font-size:10px;font-weight:700;letter-spacing:.8px}.panel{background:#fff;border:1px solid var(--border);border-radius:14px;padding:25px;box-shadow:var(--shadow);margin-bottom:24px}.panel h2 svg{margin-right:8px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.section-heading h2,.section-heading h3,.section-heading p{margin-bottom:0}.section-heading>div p{margin-top:5px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:27px}.page-title p{color:var(--muted);margin:0;font-size:13px}.notice{display:flex;gap:12px;align-items:flex-start;background:#eef6fc;border:1px solid #dcecf6;color:#50738c;border-radius:10px;padding:14px 17px;font-size:12px;line-height:1.8;margin:18px 0 24px}.notice svg{margin-top:2px}.notice a{color:var(--blue);text-decoration:underline}.error{color:#a33737;background:#fff0ef;border:1px solid #f1cdcb;padding:12px 15px;border-radius:8px;margin:15px 0;font-size:13px}.empty{text-align:center;padding:50px 20px;border:1px dashed #d8e4ee;background:#fff;border-radius:14px;margin-bottom:24px}.empty h3{font-size:19px;margin:17px 0 9px}.empty p{color:var(--muted);max-width:430px;margin:0 auto 22px;font-size:13px}.empty-icon{display:inline-flex;border-radius:50%;padding:17px;background:#edf6fc;color:#76acca}.source-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--blue);font-weight:550}.source-link:hover{text-decoration:underline}.source-box{background:#f7f9fb;border-radius:9px;padding:16px;margin-top:20px}.source-box p{margin:7px 0 3px;font-size:13px}.source-box small{color:var(--muted)}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.startup{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center}.startup .brand{margin-bottom:25px}.startup p{color:var(--muted)}.loader{border:3px solid #e0edf5;border-top-color:var(--blue);width:32px;height:32px;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.brand{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:750;letter-spacing:-1px;line-height:1.2}.brand>span>span{color:var(--blue)}.brand small{display:block;letter-spacing:1.7px;font-size:7px;color:#99a9b5;margin-top:4px}.brand-mark{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;border-radius:13px;box-shadow:0 4px 12px #1288bf22}.app-shell{display:flex;min-height:100vh}.sidebar{width:244px;background:#fff;border-right:1px solid var(--border);position:fixed;inset:0 auto 0 0;z-index:20;display:flex;flex-direction:column;padding:28px 17px 16px;overflow-y:auto}.sidebar-brand{padding:0 10px 35px;display:flex;align-items:center;justify-content:space-between}.nav-label{font-size:9px;letter-spacing:1.5px;font-weight:650;color:#97a5b1;padding:0 14px 13px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav a,.sidebar-bottom>a{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:500;color:#6b7d8e;padding:12px 13px;border-radius:8px}.sidebar nav a.active,.sidebar-bottom>a.active{background:#eaf5fd;color:#1282c0;font-weight:650}.sidebar nav a:hover,.sidebar-bottom>a:hover{background:#f1f7fb}.sidebar nav small{background:#d9edf9;border-radius:5px;margin-left:auto;min-width:22px;text-align:center;color:#1883bd;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:28px}.sidebar-tip{border-radius:11px;background:linear-gradient(135deg,#f0f8ff,#f7fbfe);padding:18px 14px;margin:0 4px 15px;color:#5b7b93}.sidebar-tip>span{font-size:25px;color:#6cafda}.sidebar-tip strong{display:block;font-size:11px;line-height:1.8;font-weight:500;margin:3px 0 9px}.sidebar-tip a{font-size:10px;color:#318ab9;display:flex;justify-content:space-between}.sidebar-version{color:#b1bdc7;font-size:9px;padding:16px 13px 0}.workspace{margin-left:244px;flex:1;min-width:0}.topbar{height:83px;padding:0 36px;background:#fffd;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar>div{display:flex;align-items:center;gap:13px}.topbar>div>span{font-size:12px;color:#8997a4}.breadcrumb{color:#abb7c1;margin-left:8px}.topbar-actions{gap:22px!important}.local-status{display:flex;align-items:center;gap:6px;font-size:10px!important;color:#719187!important}.local-status i{width:6px;height:6px;border-radius:50%;background:#5eae8b}.user-chip{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:650}.avatar{height:34px;width:34px;border-radius:50%;background:#e3f2fb;color:#2283b8;display:inline-flex;align-items:center;justify-content:center;font-weight:650}.avatar.big{width:60px;height:60px;font-size:24px}.user-chip small{display:block;font-size:9px;font-weight:400;color:#91a0ae}.mobile-only{display:none}.workspace main{padding:31px 36px;max-width:1500px;margin:auto;min-height:calc(100vh - 148px)}.footer{display:flex;justify-content:space-between;gap:20px;padding:20px 36px;color:#9caab5;border-top:1px solid var(--border);font-size:10px}.skip-link{position:fixed;top:-80px;left:260px;z-index:100;background:#fff;padding:15px;color:var(--blue)}.skip-link:focus{top:10px}.toast{position:fixed;right:24px;bottom:24px;z-index:100;display:flex;align-items:center;gap:10px;background:#163e53;color:#fff;padding:15px 20px;border-radius:11px;box-shadow:0 8px 30px #13344c26;max-width:min(450px,calc(100vw - 32px));font-size:13px}.toast.error{background:#a33f3f;border:0;margin:0}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{position:relative;overflow:hidden;background:linear-gradient(140deg,#e7f4fd,#eef7fc 55%,#dceffa);padding:45px 60px;display:flex;flex-direction:column}.auth-story .brand{position:relative;z-index:1}.story-content{margin:auto 0;padding:65px 0;position:relative;z-index:1}.story-content h1{font-size:49px;line-height:1.25;letter-spacing:-1.4px;margin:25px 0}.story-content em{font-style:normal;color:#208dc5}.story-content>p{max-width:390px;color:#648299;line-height:1.9}.story-features{display:flex;flex-direction:column;gap:17px;margin-top:32px}.story-features>div{display:flex;align-items:center;gap:14px;font-size:13px;color:#4a7894}.story-features svg{color:#3292c5;background:#fff9;padding:7px;box-sizing:content-box;border-radius:9px}.auth-story>small{font-size:9px;letter-spacing:1.5px;color:#86a2b5;z-index:1}.decor-orbit{position:absolute;border:1px solid #c4e3f5;width:500px;height:500px;border-radius:50%;right:-260px;bottom:-200px;box-shadow:0 0 0 50px #f2f9fd44,0 0 0 51px #c4e3f555,0 0 0 100px #f3faff44}.auth-form-wrap{background:#fff;display:flex;align-items:center;justify-content:center;padding:55px}.auth-form{width:100%;max-width:390px}.auth-form h2{font-size:29px;letter-spacing:-.7px;margin-top:13px}.auth-form>p{color:var(--muted);font-size:13px}.auth-tabs{display:flex;background:#f3f6f9;border-radius:9px;padding:4px;margin:26px 0}.auth-tabs button{width:50%;border:0;background:none;padding:10px;border-radius:7px;font-size:13px;color:#8794a1}.auth-tabs button.active{background:#fff;box-shadow:0 2px 7px #23394c0c;color:var(--blue);font-weight:650}.password-field{position:relative}.password-field input{padding-right:43px}.password-field button{position:absolute;right:8px;top:15px;border:0;background:none;padding:7px;color:#889aa8}.auth-footnote{text-align:center;font-size:11px!important;color:#a1adb7!important;margin-top:27px;line-height:1.9}.hero{display:flex;position:relative;overflow:hidden;min-height:300px;padding:33px 36px;border-radius:17px;background:linear-gradient(110deg,#e8f4fd,#ecf7fd 60%,#e2f1fb);border:1px solid #e0eef7;margin-bottom:25px}.hero-copy{z-index:1;width:62%}.hero h2{font-size:31px;letter-spacing:-.6px;line-height:1.42;margin:17px 0 12px;font-weight:700}.hero h2 em{color:var(--blue);font-style:normal}.hero p{max-width:420px;color:#7790a2;font-size:12px;line-height:1.85;margin-bottom:19px}.hero-note{display:block;color:#8aa2b3;font-size:10px;margin-top:11px}.hero-art{width:38%;position:relative;display:flex;align-items:center;justify-content:center}.art-center{width:160px;height:160px;border-radius:38px;background:linear-gradient(130deg,#fff,#e4f2fa);box-shadow:0 22px 45px #77b5d52a,0 0 0 12px #ffffff45;transform:rotate(-7deg);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#6daacf}.art-center span{font-size:7px;letter-spacing:1.5px;margin-top:12px}.orbit{position:absolute;border:1px solid #c8e4f5;border-radius:50%;width:230px;height:230px}.orbit-two{width:310px;height:310px;border-style:dashed;border-color:#cee5f3}.float-card{position:absolute;display:flex;align-items:center;gap:11px;z-index:2;padding:12px 15px;background:#fffffff2;box-shadow:0 7px 22px #5b9ec619;border:1px solid #ffffff;border-radius:10px;transform:rotate(-5deg);font-size:9px;color:#879dab;white-space:nowrap}.float-card strong{display:block;font-size:10px;color:#4d6e86;font-weight:600}.float-card svg{color:#43a0d0}.float-one{top:22px;left:-15px}.float-two{bottom:15px;right:-8px;transform:rotate(4deg)}.float-two svg{color:#6aafa6}.art-star{position:absolute;right:10px;top:10px;font-size:38px;color:#a0d0ed}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px}.stat-card{display:flex;gap:15px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px 18px}.stat-icon{width:39px;height:39px;border-radius:10px;background:#eaf5fd;color:#399acb;display:flex;justify-content:center;align-items:center;flex-shrink:0}.stat-card:nth-child(2) .stat-icon{background:#edf7f3;color:#5ca994}.stat-card:nth-child(3) .stat-icon{background:#f3effb;color:#9d83c4}.stat-card:nth-child(4) .stat-icon{background:#fff4e8;color:#d8a163}.stat-card strong{font-size:27px;font-weight:700;line-height:1}.stat-card h3{font-size:11px;margin:8px 0 3px;font-weight:550}.stat-card small{font-size:9px;color:#9aa8b4}.dashboard-columns{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.journey{display:flex;flex-direction:column}.journey-step{display:flex;align-items:center;gap:14px;padding:15px 0;border-top:1px solid #f0f3f6}.journey-step:first-child{border:0}.step-number{width:34px;height:34px;border-radius:50%;background:#f1f6f9;color:#94afc0;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11px;flex-shrink:0}.journey-step.done .step-number{background:#e6f5ef;color:#61a88c}.journey-step h3{font-size:13px;margin-bottom:3px}.journey-step p{color:#8a9aa8;font-size:11px;margin:0}.journey-step>svg{margin-left:auto;color:#8fb6cd}.discover-panel{background:linear-gradient(140deg,#f5fafc,#f9fbfd);padding:28px}.discover-panel h2{font-size:24px;line-height:1.5;margin:18px 0 14px}.discover-panel p{color:#8094a3;font-size:12px;max-width:300px;line-height:1.9}.quick-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.quick-fields>a{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px;transition:transform .15s}.quick-fields>a:hover{transform:translateY(-3px);border-color:#b7d8ee}.quick-fields>a>span{font-size:29px;color:#74a9c8;line-height:1.3}.quick-fields h3{font-size:13px;margin:15px 0 8px}.quick-fields small{color:#97a8b6;display:flex;align-items:center;justify-content:space-between;font-size:10px}.major-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.major-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:13px;padding:20px;background:#fff;transition:box-shadow .15s,border-color .15s;min-width:0}.major-card:hover{border-color:#bedced;box-shadow:0 6px 23px #2b6a9510}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.school-badge{font-size:12px;font-weight:800;letter-spacing:.3px;background:#eef5fd;color:#387dac;border-radius:8px;padding:9px 11px;display:inline-block;line-height:1}.school-UIT{background:#ebf6fe;color:#1675b3}.school-HCMUS{background:#ecf5fa;color:#365e98}.school-HCMUT{background:#eef3ff;color:#3c64ac}.school-IU{background:#fdf0ef;color:#b46060}.school-UEL{background:#f5f0ff;color:#8a68b3}.school-USSH{background:#f0f6f9;color:#537487}.school-UHS{background:#eaf7f3;color:#4a9d89}.school-AGU{background:#fff6e7;color:#ae9254}.field-label{font-size:9px;letter-spacing:.2px;color:#89a0b1;font-weight:550}.major-card h3{margin:7px 0 8px;font-size:16px;line-height:1.5}.school-name{font-size:11px;color:#8397a7;line-height:1.7;margin-bottom:15px}.major-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.major-tags>span{background:#f3f6f8;color:#7b91a2;font-size:9px;border-radius:4px;padding:4px 7px}.major-tags>span.amber{background:#fff6e7;color:#a98545}.major-facts{display:flex;justify-content:space-between;gap:10px;padding:14px 0;border-top:1px dashed #e8edf2;margin-top:auto}.major-facts small{display:block;font-size:9px;color:#91a2af;margin-bottom:5px}.major-facts strong{font-size:12px;font-weight:600;color:#536b7d}.card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eff3f5;padding-top:10px}.card-footer .text-link{font-size:11px}.explore-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:24px}.filters{align-self:start;padding:20px;position:sticky;top:20px}.filters h3{display:flex;align-items:center;gap:9px;font-size:14px;margin-bottom:23px}.filters label{font-size:11px;margin-bottom:18px}.filters select{font-size:11px;padding-left:10px;margin-top:7px}.filters .caption{font-size:10px}.checkbox-label{display:flex;align-items:center;gap:8px}.checkbox-label input{width:15px;height:15px;min-height:0;margin:0;accent-color:var(--blue)}.filter-note{border-top:1px solid var(--border);padding-top:20px;margin-top:22px;color:#8da4b5}.filter-note strong{font-size:12px;margin-left:6px}.filter-note p{font-size:10px;margin-top:8px;margin-bottom:0}.search-toolbar{display:flex;gap:13px}.search-input{position:relative;flex:1}.search-input>svg{position:absolute;left:14px;top:13px;color:#95a9b9}.search-input input{padding-left:43px;font-size:12px;height:44px}.search-toolbar>select{max-width:180px;font-size:11px;height:44px}.result-count{display:flex;justify-content:space-between;align-items:center;color:#9aa9b5;font-size:11px;margin:20px 0}.result-count strong{color:#536c80}.explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:25px;font-size:12px;color:#7890a1}.pagination .button{padding:8px;min-height:35px}.university-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.university-card{padding:0;overflow:hidden;display:flex;flex-direction:column;margin:0}.university-cover{height:120px;display:flex;align-items:center;justify-content:space-between;padding:30px;background-image:radial-gradient(circle at 95% 80%,#ffffff77 0 20%,transparent 20% 30%,#ffffff33 30% 40%,transparent 40%)}.university-cover>span{font-size:36px;font-weight:750;letter-spacing:-1px}.university-cover small{font-size:10px;letter-spacing:2px}.university-body{padding:24px;display:flex;flex-direction:column;flex:1}.university-body h2{font-size:20px;margin:10px 0}.university-body>p{color:#8a9baa;font-size:12px}.university-body .section-heading{margin-top:auto;align-items:flex-start}.university-body .section-heading strong{font-size:10px;color:#7894a7}.source-list>div{display:flex;gap:20px;padding:23px 0;border-bottom:1px solid var(--border);align-items:flex-start}.source-list>div:last-child{border:0;padding-bottom:0}.source-list p{font-size:12px;color:#7b91a2}.source-list .school-badge{min-width:67px;text-align:center}.quiz-intro{text-align:center;padding:40px 25px;background:linear-gradient(140deg,#fff,#f4faff)}.intro-symbol{width:64px;height:64px;background:#e6f4fd;color:#4d9fce;font-size:40px;line-height:64px;border-radius:20px;display:inline-block;margin-bottom:20px}.quiz-intro h2{font-size:34px;line-height:1.4;margin-bottom:18px}.quiz-intro>p{max-width:520px;margin:0 auto 22px;font-size:13px;color:#7a90a1;line-height:1.9}.intro-meta{display:flex;gap:24px;justify-content:center;color:#8ba0b0;font-size:11px;margin-bottom:23px}.intro-meta span{display:flex;gap:6px;align-items:center}.group-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.group-tile{background:#fff;border:1px solid var(--border);padding:22px;border-radius:13px}.group-tile>span{display:flex;align-items:center;justify-content:center;width:33px;height:33px;border-radius:9px;color:#fff;font-weight:700;margin-bottom:13px}.group-tile h3{font-size:14px}.group-tile p{font-size:11px;color:#8297a6;margin:0;line-height:1.8}.quiz-layout{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:25px}.quiz-progress{padding:20px 24px;margin-bottom:16px}.quiz-progress .section-heading{font-size:12px;margin-bottom:10px}progress{width:100%;height:6px;border:0;display:block;border-radius:10px;overflow:hidden;background:#e9f0f5}progress::-webkit-progress-bar{background:#e9f0f5}progress::-webkit-progress-value{background:#54a9d8;border-radius:10px}progress::-moz-progress-bar{background:#54a9d8}.progress-note{display:flex;justify-content:space-between;color:#91a5b4;font-size:10px;margin-top:8px}.progress-note>span:last-child{display:flex;align-items:center;gap:5px}.scale-guide{display:flex;justify-content:space-between;color:#8da1b2;font-size:9px;padding:0 8px;margin:15px 0}.question-card{border:1px solid var(--border);background:#fff;border-radius:12px;margin:0 0 20px;padding:18px 22px 20px}.question-card legend{float:left;width:100%;display:flex;gap:12px;align-items:flex-start;font-size:14px;font-weight:550;line-height:1.7;padding:0}.question-card legend>span{font-size:11px;color:#91aabb;margin-top:3px;min-width:20px}.answer-options{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;clear:both;padding-top:20px}.answer-option{cursor:pointer;position:relative;display:flex;align-items:center;flex-direction:column;gap:7px;font-size:9px;color:#8b9dab;margin:0;padding:8px 3px;border-radius:8px;text-align:center;font-weight:400;line-height:1.4}.answer-option:hover{background:#f3f9fc}.answer-option input{position:absolute;opacity:0;width:1px;height:1px;min-height:0}.answer-option:has(input:focus-visible){outline:3px solid #7dbbe0}.answer-number{width:38px;height:38px;background:#fff;border:1px solid #d9e5ee;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;color:#8aa1b3}.answer-option.selected{color:var(--blue);font-weight:600;background:#f0f8fd}.answer-option.selected .answer-number{background:var(--blue);border-color:var(--blue);color:#fff}.quiz-navigation{display:flex;justify-content:space-between;gap:14px}.quiz-aside{align-self:start;position:sticky;top:20px;padding:22px 18px}.quiz-aside h3{font-size:14px}.quiz-aside p{font-size:11px}.question-map{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:20px 0}.question-map button{width:100%;aspect-ratio:1;border:1px solid #e4ebf1;background:#f8fafc;border-radius:5px;font-size:10px;color:#9cafbd;padding:0}.question-map button.answered{background:#e4f4fd;color:#1d86c1;border-color:#d2eafa}.question-map button.current{box-shadow:inset 0 0 0 1px #7ab6db}.quiz-aside .text-link{font-size:11px;margin-top:16px}.result-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}.result-summary{padding:35px;background:linear-gradient(145deg,#fff,#f2f9fd)}.holland-code{display:flex;gap:8px;font-size:76px;font-weight:750;letter-spacing:-3px;line-height:1.2;margin:23px 0}.result-summary h2{font-size:20px}.result-summary>p{font-size:13px;color:#7a92a3;line-height:1.9}.result-summary .caption{font-size:10px;margin-top:12px;margin-bottom:0}.radar-panel{display:flex;align-items:center;flex-direction:column;justify-content:center}.radar{max-height:280px;width:100%}.radar-legend{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;width:100%;font-size:9px;color:#8196a7}.radar-legend i{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:5px}.score-bars{display:flex;flex-direction:column;gap:19px;margin-top:25px}.score-bars>div>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:12px;color:#7c91a2}.score-bars b{display:inline-block;width:20px}.score-bars strong{font-size:11px;color:#718b9f}.bar-track{background:#edf2f6;height:7px;border-radius:6px;overflow:hidden}.bar-track>span{height:100%;background:#58a9d5;display:block;border-radius:6px}.next-actions{margin:25px 0}.next-actions>div{display:flex;gap:13px;margin-bottom:18px}.next-actions>div>span{font-size:20px;font-weight:700;line-height:1.3}.next-actions p{font-size:12px;line-height:1.9;color:#7c91a3;margin:0}.history-list{display:flex;flex-direction:column}.history-list>button{display:flex;align-items:center;gap:20px;padding:16px 10px;background:none;border:0;border-bottom:1px solid #eef2f6;text-align:left;font-size:12px;color:#8499a9}.history-list>button.selected{background:#f0f8fd;border-radius:8px}.history-code{font-size:18px;letter-spacing:2px;font-weight:700;color:#6295b7;min-width:65px}.history-list>button>span:last-child{margin-left:auto;font-size:10px;display:flex;gap:10px}.answer-option input{top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;z-index:1;cursor:pointer}.wish-row{display:flex;gap:20px;padding:25px 0;border-top:1px solid var(--border)}.wish-rank{border-radius:10px;background:#eff7fc;min-width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:#70a6c6;font-size:15px;font-weight:600}.wish-body{flex:1;min-width:0}.wish-body h3{font-size:17px}.wish-body .major-tags{margin-bottom:9px}.wish-body>p{font-size:11px}.wish-note{display:flex;gap:9px}.wish-note input{font-size:12px;min-width:0}.wish-note .button{font-size:11px;flex-shrink:0}.wish-controls{display:flex;align-items:flex-start;gap:2px}.comparison-wrap{overflow-x:auto;padding:0}.comparison-table{border-collapse:collapse;width:100%;table-layout:fixed;min-width:650px}.comparison-table th,.comparison-table td{padding:20px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);text-align:left;vertical-align:top}.comparison-table thead th{background:#f8fbfd;position:relative}.comparison-table th:first-child{width:175px}.comparison-table thead h3{margin:20px 0 0;font-size:15px;line-height:1.7}.comparison-table thead th:first-child{vertical-align:bottom}.comparison-table tbody th{font-size:11px;font-weight:550;color:#8096a7}.comparison-table tbody td{font-size:12px;color:#576f82;line-height:1.9}.remove-compare{position:absolute;right:5px;top:5px}.scores-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}.subject-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:0 15px;margin-top:25px}.subject-inputs label{font-size:11px}.dgnl-input{border-top:1px solid var(--border);padding-top:20px}.dgnl-input label{margin-bottom:9px}.combination-list{max-height:640px;overflow-y:auto;margin-top:25px}.combination-list>div{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid var(--border)}.combination-list>div>div{flex:1;min-width:0}.combination-list strong{font-size:13px;color:#528bae}.combination-list small{display:block;color:#97a8b5;font-size:10px;margin-top:3px}.combination-list b{font-size:19px;font-weight:600;color:#3c6c8a;white-space:nowrap}.combination-list b small{display:inline;margin-left:3px;font-size:10px;font-weight:400}.subject-chart{display:grid;grid-template-columns:1fr 1fr;gap:20px 35px;margin-top:25px}.subject-chart>div{display:flex;align-items:center;gap:14px}.subject-chart>div>span{font-size:11px;color:#8196a7;min-width:108px}.subject-chart .bar-track{flex:1}.subject-chart strong{min-width:30px;text-align:right;font-size:12px;color:#6396b6}.profile-heading{display:flex;align-items:center;gap:17px;margin-bottom:30px}.profile-heading h2{margin:0 0 3px;font-size:20px}.profile-heading p{margin:0;font-size:12px}.modal{border:0;border-radius:17px;padding:0;width:min(690px,calc(100vw - 30px));max-height:90vh;box-shadow:0 20px 70px #173e5533;color:#4c667b}.modal::backdrop{background:#17364e66;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-inner{padding:28px 30px}.modal h3{font-size:14px;margin-top:24px}.modal p{font-size:13px;line-height:1.9}.modal .caption{font-size:11px}.modal .section-heading{align-items:flex-start}.modal .section-heading h2{font-size:23px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:#f6f9fb;padding:20px;border-radius:10px}.detail-grid small{display:block;color:#95a6b3;margin-bottom:5px;font-size:10px}.detail-grid strong{font-size:12px;font-weight:550;line-height:1.8}@media(min-width:1550px){.explore-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{min-height:315px}.hero-copy{width:65%}.hero-art{width:35%}}@media(max-width:1200px){.sidebar{width:220px;padding-left:12px;padding-right:12px}.workspace{margin-left:220px}.workspace main{padding:27px}.topbar{padding:0 27px}.page-title h1{font-size:25px}.stats-grid{grid-template-columns:repeat(2,1fr)}.hero h2{font-size:27px}.hero{padding:28px}.hero-copy{width:66%}.hero-art{width:34%}.art-center{width:125px;height:125px}.art-center svg{width:65px}.float-card{padding:9px;font-size:8px}.float-card strong{font-size:9px}.float-one{left:-28px;top:27px}.float-two{right:-15px}.orbit-one{width:190px;height:190px}.orbit-two{width:250px;height:250px}.major-grid:not(.explore-grid){grid-template-columns:repeat(2,minmax(0,1fr))}.quick-fields{grid-template-columns:repeat(2,1fr)}.explore-layout{grid-template-columns:195px minmax(0,1fr);gap:18px}.filters{padding:17px}.major-card{padding:16px}.major-card h3{font-size:14px}.dashboard-columns{grid-template-columns:1fr 1fr}.quiz-layout{grid-template-columns:minmax(0,1fr) 195px;gap:18px}.quiz-aside{padding:16px 12px}.question-card{padding:18px 15px}.answer-options{gap:3px}.quiz-aside .question-map{gap:4px}.auth-story{padding:40px}.story-content h1{font-size:42px}.auth-form-wrap{padding:40px}.scores-layout{grid-template-columns:1fr 1fr}.subject-inputs{grid-template-columns:repeat(2,1fr)}.breadcrumb{display:none}.wish-controls{flex-direction:column}}@media(max-width:960px){.sidebar{width:200px}.workspace{margin-left:200px}.sidebar nav a{font-size:12px;gap:9px;padding:11px 10px}.sidebar-brand{padding-left:7px}.brand{font-size:24px}.brand-mark{height:39px;width:39px}.workspace main{padding:25px 21px}.topbar{padding:0 21px;height:74px}.local-status{display:none!important}.hero-art{display:none}.hero-copy{width:100%}.hero h2{font-size:29px}.dashboard-columns{grid-template-columns:1fr}.discover-panel{display:none}.result-layout{grid-template-columns:1fr 1fr;gap:18px}.result-summary{padding:24px}.result-summary h2{font-size:17px}.radar-panel{padding:15px}.radar-legend{grid-template-columns:repeat(2,1fr)}.explore-layout{grid-template-columns:1fr}.filters{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 14px;margin-bottom:0}.filters>h3{grid-column:1/-1}.filters .caption,.filters .filter-note{display:none}.filters .button{align-self:center}.filters .checkbox-label{margin:5px 0;font-size:11px}.search-toolbar{margin-top:20px}.quiz-layout{grid-template-columns:1fr}.quiz-aside{position:static}.question-map{grid-template-columns:repeat(15,1fr)}.quiz-aside .button{max-width:250px}.quiz-aside .text-link{width:auto;margin-left:15px}.university-grid{gap:18px}.university-body{padding:20px}.university-body .section-heading{flex-direction:column;gap:8px;align-items:flex-start}.scores-layout{grid-template-columns:1fr}.subject-inputs{grid-template-columns:repeat(3,1fr)}.combination-list{max-height:420px}.subject-chart{grid-template-columns:1fr}.page-title{flex-direction:column;align-items:flex-start}.auth-story{padding:35px}.story-content h1{font-size:37px}.auth-form-wrap{padding:35px}.auth-form h2{font-size:25px}.wish-note{flex-direction:column}.wish-note .button{align-self:flex-start}.history-list>button{gap:10px}}@media(max-width:700px){.mobile-only{display:inline-flex}.sidebar{width:260px;transform:translate(-100%);transition:transform .2s;z-index:40}.sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#173b5266;z-index:39;border:0}.sidebar nav a{font-size:13px}.workspace{margin:0}.topbar{height:69px;padding:0 15px}.topbar>div{gap:7px}.topbar>div>span{font-size:11px}.topbar-actions{gap:10px!important}.user-chip>span:last-child{display:none}.workspace main{padding:25px 17px}.page-title{margin-bottom:22px}.page-title h1{font-size:25px}.page-title p{font-size:12px}.hero{padding:25px;margin-bottom:19px}.hero h2{font-size:28px}.stats-grid{gap:12px;margin-bottom:19px}.stat-card{padding:16px 12px;gap:11px}.stat-icon{width:31px;height:31px;border-radius:8px}.stat-icon svg{width:17px}.stat-card strong{font-size:23px}.stat-card h3{font-size:10px}.stat-card small{font-size:8px}.dashboard-columns{gap:0}.panel{padding:22px;margin-bottom:20px}.section-heading h2{font-size:18px}.section-heading .text-link{font-size:11px;flex-shrink:0}.section-heading p{font-size:11px}.major-grid{gap:12px}.major-grid:not(.explore-grid),.explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.major-card{padding:15px}.major-card h3{font-size:13px}.major-card .field-label{font-size:8px}.major-tags>span{font-size:8px}.school-name{font-size:10px}.major-facts{flex-direction:column;gap:8px}.major-facts strong{font-size:11px}.major-facts small{font-size:8px}.card-footer .text-link{font-size:10px;gap:4px}.card-footer .text-link svg{width:12px}.card-footer .icon-button{padding:5px;min-width:28px;min-height:28px}.result-layout{grid-template-columns:1fr;gap:0}.holland-code{font-size:65px}.result-summary{padding:26px}.radar{max-height:290px}.radar-legend{grid-template-columns:repeat(3,1fr)}.quiz-intro h2{font-size:29px}.group-grid{grid-template-columns:repeat(2,1fr);gap:12px}.group-tile{padding:18px}.quiz-intro{padding:30px 20px}.question-card legend{font-size:13px}.answer-options{gap:3px}.answer-option{font-size:8px}.answer-number{width:34px;height:34px}.question-map{grid-template-columns:repeat(10,1fr)}.quiz-aside .button{max-width:200px}.intro-meta{gap:12px;font-size:10px}.quiz-intro>p{font-size:12px}.source-list>div{gap:13px}.source-list .school-badge{min-width:50px;font-size:10px;padding:10px 6px}.source-list h3{font-size:14px}.source-list p{font-size:11px}.university-grid{grid-template-columns:1fr}.university-cover{height:100px}.filters{margin-bottom:0;padding:18px}.filters h3{margin-bottom:14px}.filters label{margin-bottom:13px}.search-toolbar>select{max-width:145px;font-size:10px}.search-input input{font-size:11px}.search-toolbar{gap:9px}.subject-inputs{gap:0 12px}.subject-inputs input{padding:10px}.wish-row{gap:12px}.wish-rank{min-width:29px;height:29px;font-size:12px}.wish-body h3{font-size:14px}.wishes-panel{padding:18px}.wish-controls .icon-button{min-width:26px;padding:4px}.comparison-table{min-width:680px}.comparison-table th:first-child{width:135px}.comparison-table th,.comparison-table td{padding:16px}.history-list>button{flex-wrap:wrap;gap:8px}.history-list>button>span:last-child{font-size:9px}.history-list>button>span:nth-child(2){font-size:10px}.modal-inner{padding:22px}.modal .section-heading h2{font-size:20px}.detail-grid{gap:15px;padding:15px}.detail-grid strong{font-size:11px}.footer{padding:20px;flex-direction:column;gap:5px;font-size:9px}.auth-page{grid-template-columns:1fr}.auth-story{padding:25px;min-height:0}.story-content{padding:30px 0 0}.story-content h1{font-size:32px;margin:15px 0 0}.story-content h1 br{display:none}.story-content h1 em:before{content:" "}.story-content>p,.story-features,.auth-story>small{display:none}.story-content .pill{font-size:8px}.auth-form-wrap{padding:35px 25px}.auth-form{max-width:440px}.auth-form h2{font-size:26px}.auth-footnote{margin-bottom:0}.skip-link{left:15px}.toast{right:16px;bottom:16px;font-size:12px}}@media(max-width:390px){.major-grid:not(.explore-grid),.explore-grid{grid-template-columns:1fr}.hero h2{font-size:24px}.hero{padding:22px}.stat-card{gap:8px}.stat-icon{display:none}.subject-inputs{grid-template-columns:1fr 1fr}.question-card{padding:15px 12px}.answer-number{width:30px;height:30px}.answer-option{font-size:7px}.topbar>div>span{font-size:10px}.radar-legend{font-size:8px}.search-toolbar{flex-direction:column}.search-toolbar>select{max-width:none}.quiz-aside .text-link{margin-left:0;margin-top:15px}.detail-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{.sidebar,.topbar,.footer,.toast,.no-print,.skip-link{display:none!important}.workspace{margin:0}.workspace main{padding:0;max-width:none}.panel{box-shadow:none;break-inside:avoid;border-color:#ddd}.page-title h1{font-size:23px}.result-layout,.dashboard-columns{display:grid;grid-template-columns:1fr 1fr}.result-summary{padding:20px}.notice{break-inside:avoid}.app-shell{display:block}body{background:#fff}.radar{max-height:240px}}.choice-step{display:flex;align-items:center;gap:12px;color:#688499;font-size:13px;margin:-5px 0 22px}.choice-step strong{color:#187caf}.choice-step a{text-decoration:underline}.major-choice-filters,.school-choice-filters{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px;margin-bottom:17px}.major-choice-filters .search-input,.school-choice-filters .search-input{flex:1 1 220px}.major-choice-filters label,.school-choice-filters label{margin:0;min-width:170px}.major-choice-filters label select,.school-choice-filters label select{margin-top:5px}.major-choice-filters .checkbox-label{display:flex;align-items:center;gap:7px;min-width:0}.major-choice-filters input[type=checkbox]{width:17px;min-height:17px;height:17px;margin:0}.selection-summary{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px;margin-bottom:24px}.selection-summary .caption{margin:5px 0 10px}.selection-summary .button{flex-shrink:0}.disabled-link{opacity:.5;cursor:not-allowed}.selected-chips{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.selected-chips button,.selected-chips span{display:inline-flex;align-items:center;border:0;background:#eaf5fb;color:#34799c;border-radius:20px;padding:7px 10px;font-size:11px;line-height:1.3}.selected-chips button:hover{background:#d3eaf7}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.choice-card{display:flex;flex-direction:column;min-width:0;margin:0;padding:19px}.choice-card.selected{border-color:#168bc6;box-shadow:0 0 0 2px #168bc620}.choice-card h3{font-size:16px;margin:10px 0}.choice-card .caption{margin-bottom:15px}.choice-card .button{margin-top:auto;width:100%}.choice-card .selected-button{background:#eaf6fd;color:#167bac;border-color:#91c9e8}.school-choice-list{display:grid;gap:16px}.school-choice-card{min-width:0;margin-bottom:0}.school-choice-heading{display:flex;align-items:start;gap:13px}.school-choice-heading h2{margin:0 0 4px}.school-choice-heading .caption{margin:0}.school-choice-card .button-row{margin-top:13px}.school-choice-card>.major-grid{margin:20px 0 0}.school-choice-card .source-link{font-size:11px}.field-choice-section{margin:22px 0}.field-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.field-choice{display:flex;flex-direction:column;gap:5px;align-items:flex-start;text-align:left;min-width:0;border:1px solid #dce6ed;background:#fff;border-radius:10px;padding:13px 15px}.field-choice strong{font-size:13px;color:#315b75}.field-choice small{color:#708fa1}.field-choice:hover,.field-choice.active{border-color:#168bc6;background:#eff8fd}@media(max-width:1100px){.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.choice-grid{grid-template-columns:1fr}.major-choice-filters,.school-choice-filters{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}.major-choice-filters .search-input,.school-choice-filters .search-input{grid-column:1/-1}.major-choice-filters label,.school-choice-filters label{min-width:0}.selection-summary{flex-direction:column;align-items:stretch}.selection-summary .button{width:100%}.school-choice-heading h2{font-size:16px}.choice-card{padding:17px}.choice-step{margin-top:0}}@media(max-width:700px){.field-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:390px){.major-choice-filters,.school-choice-filters{grid-template-columns:1fr}.major-choice-filters .search-input,.school-choice-filters .search-input{grid-column:auto}}.major-facts{flex-wrap:wrap}.major-facts .cutoff-fact{flex-basis:100%;border-top:1px dashed #e8edf2;padding-top:9px}.search-toolbar>select{width:225px;max-width:46%}.admission-scores{display:grid;gap:10px}.admission-scores>div{padding:10px 13px;border:1px solid #e5edf3;border-radius:8px;background:#f8fbfd}.admission-scores>div>span{font-size:11px;color:#607e94}.admission-scores strong{display:block;font-size:16px;color:#2584b9;margin:2px 0}.admission-scores .caption{margin:4px 0;font-size:11px}.admission-scores.compact{gap:5px}.admission-scores.compact>div{display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;padding:0;background:none}.admission-scores.compact>div>span{font-size:10px}.admission-scores.compact strong{font-size:12px;white-space:nowrap;margin:0}.cutoff-fact>.muted{font-size:10px}.comparison-table .admission-scores.compact>div{display:block}@media(max-width:390px){.search-toolbar>select{width:100%;max-width:none}}.method-tabs{display:flex;gap:8px;background:#eef4f8;padding:5px;border-radius:12px;margin-bottom:8px}.method-tabs button{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;min-width:0;border:0;border-radius:9px;background:transparent;color:#7890a1;padding:12px 16px;text-align:left;font-size:13px;font-weight:650}.method-tabs button.active{background:#fff;color:#167fba;box-shadow:0 2px 10px #314f6314}.method-tabs button small{font-size:11px;font-weight:500}.method-tabs button b{background:#dfeaf2;border-radius:20px;font-size:11px;min-width:28px;padding:2px 7px;text-align:center}.method-tabs button.active b{background:#e4f4fd}.method-caption{font-size:11px;color:#7890a1;line-height:1.7;margin:4px 1px 16px}.method-school-heading{display:flex;align-items:baseline;gap:8px;border-bottom:1px solid #e4ecf2;margin:23px 0 14px;padding-bottom:9px;font-size:14px}.method-school-heading small{color:#839cac;font-weight:400}.unverified-section{border-top:1px solid #e2eaf0;padding-top:20px;margin-top:23px}.unverified-section>.text-link{margin-bottom:14px}.unverified-section .caption{margin-top:3px}@media(max-width:700px){.method-tabs button{padding:10px 9px;font-size:11px;gap:5px}.method-tabs button small{font-size:9px}.method-tabs button b{font-size:10px;min-width:24px}.method-school-heading{font-size:12px;flex-wrap:wrap}.method-caption{font-size:10px}}
