@font-face{font-family:Avenir;src:url(/assets/avenir-300-BHCoUwWl.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Avenir;src:url(/assets/avenir-400-CCTKS5-I.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Avenir;src:url(/assets/avenir-500-wMCQrknA.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Avenir;src:url(/assets/avenir-700-DqnYpsQb.woff2) format("woff2");font-weight:600 700;font-style:normal;font-display:swap}@font-face{font-family:Avenir;src:url(/assets/avenir-800-RY0ntxZp.woff2) format("woff2");font-weight:800 900;font-style:normal;font-display:swap}:root{--navy-50: #EAF1F7;--navy-100: #D5E3EE;--navy-200: #ABC6DD;--navy-300: #7FA6C7;--navy-400: #4E7CA3;--navy-500: #285C82;--navy-600: #0D3E62;--navy-700: #0B3453;--navy-800: #082941;--navy-900: #061E30;--navy-950: #04141F;--navy-ink: #0E2233;--teal-50: #EAF1F7;--teal-100: #D5E3EE;--teal-200: #ABC6DD;--teal-300: #7FA6C7;--teal-400: #4E7CA3;--teal-500: #285C82;--teal-600: #1A5079;--teal-700: #0D3E62;--teal-800: #0B3453;--teal-900: #082941;--gold-50: #FFF8EB;--gold-100: #FEEFC7;--gold-200: #FCDF8A;--gold-500: #F5A524;--gold-600: #D98A0B;--gold-700: #B26E08;--gold-800: #8A5406;--slate-50: #F7F9FB;--slate-100: #EEF2F6;--slate-200: #E2E8F0;--slate-300: #CBD5E1;--slate-400: #94A3B8;--slate-500: #64748B;--slate-600: #475569;--slate-700: #334155;--slate-800: #1E293B;--slate-900: #0F172A;--success: #16A34A;--success-bg: #DCFCE7;--success-text: #15803D;--warning: #D97706;--warning-bg: #FEF3C7;--warning-text: #B45309;--danger: #DC2626;--danger-bg: #FEE2E2;--danger-text: #B91C1C;--info: #2563EB;--info-bg: #DBEAFE;--info-text: #1D4ED8;--bg-app: #F5F8FB;--bg-surface: #FFFFFF;--bg-subtle: #EEF2F6;--bg-inset: #F7F9FB;--bg-overlay: rgba(6,30,48,.5);--border: #E2E8F0;--border-strong: #CBD5E1;--divider: #EEF2F6;--text-primary: #0E2233;--text-body: #334155;--text-secondary:#475569;--text-muted: #64748B;--text-inverse: #FFFFFF;--text-link: #0D3E62;--focus-ring: 0 0 0 3px rgba(13,62,98,.35);--prio-bg: var(--gold-100);--prio-text: var(--gold-800);--prio-dot: var(--gold-500);--new-bg: var(--teal-50);--new-text: var(--teal-700);--chip-bg: var(--slate-100);--chip-text: var(--slate-700);--chip-border: var(--slate-200);--live-dot: var(--success);--r-xs: 6px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--shadow-xs: 0 1px 2px rgba(13,62,98,.06);--shadow-sm: 0 1px 3px rgba(13,62,98,.08), 0 1px 2px rgba(13,62,98,.05);--shadow-md: 0 4px 12px rgba(13,62,98,.09);--shadow-lg: 0 12px 28px rgba(13,62,98,.14);--shadow-sticky: 0 -6px 20px rgba(13,62,98,.08);--font-sans: "Avenir", "Avenir Next", "Nunito Sans", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--container-portal: 1120px;--container-read: 640px;--container-cms: 1200px;--header-h: 64px;--sidebar-w: 240px;--sidebar-w-collapsed: 72px;--btn-primary-bg: var(--teal-700);--btn-primary-bg-hover: var(--teal-800);--btn-primary-text: #FFFFFF}:root[data-theme=dark]{--bg-app: #0A1622;--bg-surface: #10202F;--bg-subtle: #16293B;--bg-inset: #0E1E2C;--bg-overlay: rgba(2,10,18,.62);--border: #22415C;--border-strong: #2E4E6B;--divider: #1A2E42;--text-primary: #E9F1F8;--text-body: #C4D4E2;--text-secondary:#9FB4C6;--text-muted: #8098AD;--text-inverse: #04141F;--text-link: #7FA6C7;--focus-ring: 0 0 0 3px rgba(127,166,199,.45);--btn-primary-bg: #2E6A96;--btn-primary-bg-hover: #24587E;--btn-primary-text: #FFFFFF;--prio-bg: #3A2E10;--prio-text: #F5C86B;--prio-dot: #F5A524;--new-bg: #0E2A40;--new-text: #7FA6C7;--chip-bg: #16293B;--chip-text: #C4D4E2;--chip-border: #22415C;--shadow-sm: 0 1px 3px rgba(0,0,0,.5);--shadow-md: 0 4px 14px rgba(0,0,0,.5);--shadow-lg: 0 14px 34px rgba(0,0,0,.6);--shadow-sticky: 0 -6px 20px rgba(0,0,0,.5)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--font-sans);background:var(--bg-app);color:var(--text-body);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit}img{max-width:100%}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--r-sm)}.container{max-width:var(--container-portal);margin:0 auto;padding:0 16px}@media (min-width: 1024px){.container{padding:0 24px}}.read{max-width:var(--container-read);margin:0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.btn{height:46px;padding:0 18px;border-radius:var(--r-md);font:700 15px/1 var(--font-sans);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;transition:background .12s ease,box-shadow .12s ease,transform .12s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-primary:hover:not(:disabled){background:var(--btn-primary-bg-hover)}.btn-secondary{background:var(--bg-surface);border-color:var(--navy-600);color:var(--navy-600)}.btn-secondary:hover:not(:disabled){background:var(--navy-50)}.btn-ghost{background:transparent;color:var(--navy-600);border:none}.btn-ghost:hover:not(:disabled){background:var(--slate-100)}.btn-block{width:100%}.icon-btn{width:44px;height:44px;border-radius:var(--r-sm);display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--navy-600);cursor:pointer}.icon-btn:hover{background:var(--slate-100)}.header{position:sticky;top:0;z-index:40;background:var(--bg-surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-xs)}.header-inner{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:12px}.logo{display:inline-flex;align-items:center;gap:10px}.logo-img{height:38px;width:auto;display:block;flex:none}.wordmark{font-size:22px;font-weight:800;letter-spacing:.02em;color:var(--navy-ink);display:inline-flex;align-items:center}.wordmark.on-dark{color:#fff}.origin-dot{width:6px;height:6px;border-radius:50%;background:var(--teal-500);box-shadow:0 0 0 2px var(--teal-200);display:inline-block;margin:0 1px -1px}.karir{background:var(--navy-600);color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:var(--r-pill)}.karir.on-dark{background:#ffffff1f}.nav{display:none;gap:8px;align-items:center}.nav-link{font-size:14px;font-weight:600;color:var(--text-secondary);padding:9px 12px;border-radius:var(--r-md)}.nav-link:hover{color:var(--navy-600);background:var(--slate-100)}@media (min-width: 768px){.nav{display:flex}}.searchrow{display:flex;gap:8px;padding:16px 0 4px}.search{flex:1;display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-pill);box-shadow:var(--shadow-xs);color:var(--slate-400)}.search:focus-within{border-color:var(--teal-500);box-shadow:var(--focus-ring)}.search input{flex:1;border:none;outline:none;font:400 15px/1 var(--font-sans);color:var(--text-primary);background:transparent}.search input::placeholder{color:var(--text-muted)}.filter-btn{display:flex;align-items:center;gap:8px;height:48px;padding:0 18px;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--r-pill);color:var(--navy-600);font-size:14px;font-weight:600;cursor:pointer;position:relative}.filter-btn:hover{background:var(--bg-subtle)}.filter-btn.active{border-color:var(--teal-300)}.filter-btn .count{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 3px;background:var(--teal-500);color:#fff;font-size:10px;font-weight:800;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-app)}.filter-btn .lbl{display:none}@media (min-width: 480px){.filter-btn .lbl{display:inline}}.section{margin-top:32px}.sec-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.sec-title{display:flex;align-items:center;gap:9px;min-width:0}.sec-bullet{width:12px;height:12px;border-radius:50%;border:2.5px solid var(--navy-600);position:relative;flex:none}.sec-bullet:after{content:"";position:absolute;top:1.5px;right:1.5px;bottom:1.5px;left:1.5px;border-radius:50%;background:var(--teal-500)}.sec-bullet.gold{border-color:var(--gold-500)}.sec-bullet.gold:after{background:var(--gold-500)}.sec-title h2{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.sec-title .count{font-size:12px;font-weight:500;color:var(--text-muted)}.sec-all{font-size:13px;font-weight:600;color:var(--teal-700);display:inline-flex;align-items:center;gap:4px;cursor:pointer;white-space:nowrap;background:none;border:none;font-family:inherit;padding:0}.sec-all:hover{text-decoration:underline}.grid{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 768px){.grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (min-width: 1280px){.grid.for-you{grid-template-columns:repeat(3,1fr)}}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:16px;display:flex;flex-direction:column;gap:12px;cursor:pointer;text-align:left;width:100%;transition:transform .15s ease-out,box-shadow .15s ease-out,border-color .15s}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--teal-200)}.card.priority{box-shadow:inset 3px 0 0 var(--gold-500),var(--shadow-sm)}.card.priority:hover{box-shadow:inset 3px 0 0 var(--gold-500),var(--shadow-md)}@media (min-width: 1024px){.card{padding:20px}}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:22px}.badge-prio{display:inline-flex;align-items:center;gap:5px;background:var(--prio-bg);color:var(--prio-text);font-size:11px;font-weight:800;padding:3px 8px 3px 7px;border-radius:var(--r-pill)}.badge-prio .d{width:5px;height:5px;border-radius:50%;background:var(--prio-dot)}.badge-new{background:var(--new-bg);color:var(--new-text);font-size:11px;font-weight:800;padding:3px 8px;border-radius:var(--r-pill)}.time{font-size:12px;font-weight:500;color:var(--text-muted);margin-left:auto}.card-title{font-size:16px;font-weight:700;line-height:1.35;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row{display:flex;align-items:center;gap:7px;font-size:14px}.row.loc{color:var(--text-secondary)}.row .ic{color:var(--slate-400);flex:none}.salary{color:var(--text-primary);font-weight:700;font-size:15px}.salary .ic{color:var(--teal-700)}.salary.nego{color:var(--text-muted);font-weight:400;font-size:14px}.salary.nego .ic{color:var(--slate-400)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--chip-bg);color:var(--chip-text);border:1px solid var(--chip-border);font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--r-pill)}.chip .ic{color:var(--slate-400)}.chip.type-tetap{background:var(--info-bg);color:var(--info-text);border-color:transparent}.chip.type-magang{background:var(--teal-50);color:var(--teal-700);border-color:transparent}.state{padding:48px 16px;text-align:center;color:var(--text-muted)}.state h3{color:var(--text-primary);font-size:18px;font-weight:700;margin-bottom:6px}.state p{font-size:14px;max-width:380px;margin:0 auto}.state.error h3{color:var(--danger-text)}.spinner{width:20px;height:20px;border-radius:50%;border:2.5px solid currentColor;border-top-color:transparent;display:inline-block;animation:spin .7s linear infinite}.center-spin{display:flex;justify-content:center;padding:56px 0;color:var(--teal-700)}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--bg-subtle) 25%,var(--slate-100) 37%,var(--bg-subtle) 63%);background-size:400% 100%;animation:sk 1.3s ease infinite;border-radius:var(--r-md)}.skeleton.card-sk{height:168px}@keyframes sk{0%{background-position:100% 0}to{background-position:0 0}}.load-more-row{display:flex;justify-content:center;margin-top:24px}.detail-top{display:flex;align-items:center;gap:8px;padding:12px 0}.detail-top .spacer{flex:1}.detail-layout{display:block;padding-bottom:128px}@media (min-width: 1024px){.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start;padding-bottom:48px}}.hero{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;display:flex;flex-direction:column;gap:12px}.hero.priority{box-shadow:inset 3px 0 0 var(--gold-500)}.hero h1{font-size:24px;font-weight:700;line-height:1.25;color:var(--text-primary);letter-spacing:-.01em}@media (min-width: 1024px){.hero h1{font-size:28px}}.hero-badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.hero-salary{font-size:20px;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:8px}.hero-salary .ic{color:var(--teal-700)}.hero-salary.nego{font-size:16px;font-weight:500;color:var(--text-muted)}.hero-salary.nego .ic{color:var(--slate-400)}.detail-sections{margin-top:24px;display:flex;flex-direction:column;gap:24px}.detail-section h2{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;display:flex;align-items:center;gap:9px;margin-bottom:12px}.bullets{list-style:none;display:flex;flex-direction:column;gap:10px}.bullets li{position:relative;padding-left:20px;font-size:15px;line-height:1.6;color:var(--text-body)}.bullets li:before{content:"";position:absolute;left:2px;top:9px;width:6px;height:6px;border-radius:50%;background:var(--navy-300)}.benefits{list-style:none;display:flex;flex-direction:column;gap:12px}.benefit{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:var(--text-body);line-height:1.5}.benefit .ck{flex:none;width:24px;height:24px;border-radius:50%;background:var(--teal-50);color:var(--teal-700);display:flex;align-items:center;justify-content:center;margin-top:1px}.similar-scroll{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 640px){.similar-scroll{grid-template-columns:repeat(2,1fr)}}.apply-card{display:none;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:20px;flex-direction:column;gap:12px}@media (min-width: 1024px){.apply-card{display:flex}}.apply-card .live{margin-bottom:4px}.stickybar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--bg-surface);border-top:1px solid var(--border);box-shadow:var(--shadow-sticky);padding:12px 16px calc(12px + env(safe-area-inset-bottom))}@media (min-width: 1024px){.stickybar{display:none}}.stickybar-inner{max-width:var(--container-portal);margin:0 auto}.live{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-muted);margin-bottom:10px}.live .d{width:8px;height:8px;border-radius:50%;background:var(--live-dot);box-shadow:0 0 0 3px #16a34a2e;flex:none}.actions{display:flex;gap:8px}.actions .grow2{flex:2}.actions .grow1{flex:1}.form-page{padding:16px 0 48px}.form-head{margin-bottom:20px}.form-head h1{font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.form-head p{font-size:14px;color:var(--text-muted);margin-top:4px}.form-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:20px}.field{margin-bottom:16px}.field>label,.field-label{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.req{color:var(--danger)}.input,.select,.textarea{width:100%;height:46px;padding:0 12px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-surface);color:var(--text-primary);font:400 15px/1.4 var(--font-sans)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;cursor:pointer}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--teal-500);box-shadow:var(--focus-ring)}.input:disabled,.select:disabled{background:var(--bg-subtle);cursor:not-allowed}.field.error .input,.field.error .select,.field.error .dropzone,.field.error .segmented{border-color:var(--danger)}.err-text{color:var(--danger-text);font-size:12px;margin-top:4px}.ok-text{color:var(--success-text, #15803D);font-size:12px;margin-top:4px;font-weight:600}.submit-hint{text-align:center;color:var(--text-muted, #64748B);font-size:12px;margin-top:8px}.cooling-modal{text-align:center}.cooling-ic{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:var(--warning-bg, #FEF3C7);color:var(--warning-text, #B45309)}.cooling-modal p{font-size:14px;color:var(--text-muted);margin-bottom:18px;line-height:1.5}.hint{color:var(--text-muted);font-size:12px;margin-top:4px}.grid-2{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 480px){.grid-2{grid-template-columns:1fr 1fr}}.wa-wrap{display:flex}.wa-prefix{display:inline-flex;align-items:center;padding:0 12px;background:var(--bg-subtle);border:1px solid var(--border);border-right:none;border-radius:var(--r-sm) 0 0 var(--r-sm);color:var(--text-secondary);font-weight:600;font-size:15px}.wa-wrap .input{border-radius:0 var(--r-sm) var(--r-sm) 0}.segmented{display:flex;gap:8px}.seg{flex:1;height:46px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-surface);color:var(--text-body);font-weight:600;font-size:14px;cursor:pointer}.seg.on{border-color:var(--teal-500);background:var(--teal-50);color:var(--teal-700)}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--r-md);background:var(--bg-inset);padding:24px 16px;text-align:center;cursor:pointer;transition:border-color .12s,background .12s}.dropzone:hover,.dropzone.drag{border-color:var(--teal-400);background:var(--teal-50)}.dropzone .up-ic{color:var(--teal-700);margin-bottom:8px}.dropzone .dz-main{font-size:14px;color:var(--text-body)}.dropzone .dz-main b{color:var(--teal-700)}.dropzone .dz-hint{font-size:12px;color:var(--text-muted);margin-top:4px}.file-selected{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-surface)}.file-selected .fi{flex:1;min-width:0}.file-selected .fn{font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-selected .fs{font-size:12px;color:var(--text-muted)}.opt{color:var(--text-muted);font-weight:500;font-size:12px}.photo-hint{font-size:12px;color:var(--text-muted);margin:-2px 0 8px}.photo-editor{display:flex;gap:16px;align-items:flex-start}.photo-frame{width:150px;height:150px;flex:none;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--border);background:var(--bg-inset);box-shadow:var(--shadow-xs)}.photo-canvas{width:100%;height:100%;display:block}.photo-controls{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.photo-controls .ctl{display:flex;flex-direction:column;gap:5px}.photo-controls .ctl-l{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-secondary)}.photo-controls input[type=range]{width:100%;height:22px;accent-color:var(--teal-700);cursor:pointer}.photo-btns{display:flex;gap:18px;margin-top:2px}.btn-textlink{background:none;border:none;padding:0;font:600 13px var(--font-sans);color:var(--text-link);cursor:pointer}.btn-textlink:hover{text-decoration:underline}.btn-textlink.danger{color:var(--danger-text)}@media (max-width: 420px){.photo-editor{flex-direction:column;align-items:center}.photo-controls{width:100%}}.checkbox-row{display:flex;align-items:flex-start;gap:10px;margin:8px 0 16px}.checkbox-row input{width:18px;height:18px;margin-top:2px;accent-color:var(--teal-700);flex:none}.checkbox-row label{font-size:14px;color:var(--text-body);line-height:1.5}.checkbox-row a,.link{color:var(--text-link);font-weight:600}.form-error-banner{background:var(--danger-bg);color:var(--danger-text);border-radius:var(--r-md);padding:10px 14px;font-size:14px;margin-bottom:16px}.success{text-align:center;padding:40px 20px}.success .ck-circle{width:72px;height:72px;border-radius:50%;background:var(--teal-50);color:var(--teal-700);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.success h1{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.success p{font-size:15px;color:var(--text-muted);max-width:360px;margin:0 auto 24px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);z-index:60;display:flex;animation:fade .15s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.scrim.center{align-items:center;justify-content:center;padding:16px}.modal{background:var(--bg-surface);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:24px;width:100%;max-width:400px;position:relative;animation:pop .2s cubic-bezier(.16,1,.3,1)}@keyframes pop{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:none;opacity:1}}.modal .close{position:absolute;top:12px;right:12px}.modal .icon-top{width:40px;height:40px;border-radius:50%;background:var(--teal-50);color:var(--teal-700);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.modal h2{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.modal .sub{font-size:14px;color:var(--text-muted);margin-bottom:16px}.modal-actions{display:flex;gap:8px;margin-top:16px}.modal-actions .btn{flex:1}.scrim.right{justify-content:flex-end}.filter-panel{background:var(--bg-surface);width:100%;max-width:380px;height:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:slidein .2s cubic-bezier(.16,1,.3,1)}@keyframes slidein{0%{transform:translate(100%)}to{transform:none}}.scrim.sheet{align-items:flex-end}.scrim.sheet .filter-panel{max-width:none;height:auto;max-height:88vh;border-radius:var(--r-xl) var(--r-xl) 0 0;animation:slideup .2s cubic-bezier(.16,1,.3,1)}@keyframes slideup{0%{transform:translateY(100%)}to{transform:none}}.sheet-handle{width:40px;height:4px;border-radius:2px;background:var(--slate-300);margin:10px auto 0}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.panel-head h2{font-size:20px;font-weight:700;color:var(--text-primary)}.panel-body{padding:20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:20px}.panel-foot{display:flex;gap:8px;padding:16px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--border)}.panel-foot .btn.grow{flex:1}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.switch-row .lbl{font-size:14px;font-weight:600;color:var(--text-primary)}.switch{position:relative;width:44px;height:26px;flex:none}.switch input{opacity:0;width:0;height:0}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--slate-300);border-radius:var(--r-pill);transition:background .15s;cursor:pointer}.switch .track:before{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:var(--shadow-xs)}.switch input:checked+.track{background:var(--teal-600)}.switch input:checked+.track:before{transform:translate(18px)}.switch input:focus-visible+.track{box-shadow:var(--focus-ring)}.num-prefix{display:flex}.num-prefix .pfx{display:inline-flex;align-items:center;padding:0 12px;background:var(--bg-subtle);border:1px solid var(--border);border-right:none;border-radius:var(--r-sm) 0 0 var(--r-sm);color:var(--text-secondary);font-weight:600}.num-prefix .input{border-radius:0 var(--r-sm) var(--r-sm) 0}.toast-wrap{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:80}.toast{background:var(--navy-ink);color:#fff;padding:12px 18px;border-radius:var(--r-pill);font-size:14px;font-weight:600;box-shadow:var(--shadow-lg);animation:pop .2s ease}.footer{border-top:1px solid var(--border);margin-top:48px;padding:24px 0;color:var(--text-muted);font-size:13px}.footer .container{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;justify-content:space-between}.test-page{min-height:100vh;background:var(--bg-app);padding-bottom:56px}.test-topbar{position:sticky;top:0;z-index:40;background:var(--bg-surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-xs)}.test-topbar-inner{max-width:var(--container-portal);margin:0 auto;padding:0 16px;height:var(--header-h);display:flex;align-items:center;gap:12px}@media (min-width: 1024px){.test-topbar-inner{padding:0 24px}}.test-progress{margin-left:auto;display:flex;align-items:baseline;gap:6px}.test-progress .tp-count{font-size:15px;font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums}.test-progress .tp-lbl{font-size:12px;color:var(--text-muted)}.test-timer{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:var(--r-pill);background:var(--teal-50);color:var(--teal-700);border:1px solid var(--teal-200);font-weight:800;font-variant-numeric:tabular-nums}.test-timer .tt-val{font-size:18px;letter-spacing:.02em}.test-timer.low{background:var(--warning-bg);color:var(--warning-text);border-color:var(--gold-200)}.test-timer.critical{background:var(--danger-bg);color:var(--danger-text);border-color:#f5b5b5;animation:timerPulse 1s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.55}}.test-progress-track{height:3px;background:var(--bg-subtle)}.test-progress-fill{display:block;height:100%;background:var(--teal-600);transition:width .25s ease}.test-body{padding:20px 16px 40px;display:flex;flex-direction:column;gap:16px}.test-notice,.test-warn{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--r-md);background:var(--info-bg);color:var(--info-text);font-size:13px;font-weight:600}.test-notice svg,.test-warn svg{flex:none}.test-intro .test-kind{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--teal-700);background:var(--teal-50);padding:4px 10px;border-radius:var(--r-pill);margin-bottom:12px}.test-intro h1{font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.test-facts{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 8px}.test-facts .fact{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--r-md);background:var(--bg-inset);border:1px solid var(--border);font-size:14px;color:var(--text-body)}.test-facts .fact-ic{color:var(--teal-700);display:inline-flex}.test-facts .fact-t b{color:var(--text-primary);font-weight:800}.test-rules{margin:12px 0 16px}.test-rules h2{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.test-rules ul{list-style:none;display:flex;flex-direction:column;gap:8px}.test-rules li{position:relative;padding-left:20px;font-size:14px;line-height:1.55;color:var(--text-body)}.test-rules li:before{content:"";position:absolute;left:3px;top:8px;width:6px;height:6px;border-radius:50%;background:var(--teal-500)}.test-warn{margin-bottom:16px;background:var(--warning-bg);color:var(--warning-text)}.q-card,.disc-block{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:18px}.q-head{display:flex;gap:12px;margin-bottom:14px}.qnum{flex:none;width:26px;height:26px;border-radius:50%;background:var(--navy-600);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.q-text{font-size:16px;font-weight:600;color:var(--text-primary);line-height:1.45}.opts{display:flex;flex-direction:column;gap:8px}.opt{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-surface);cursor:pointer;transition:border-color .12s,background .12s}.opt:hover{border-color:var(--teal-300);background:var(--teal-50)}.opt.sel{border-color:var(--teal-500);background:var(--teal-50)}.opt input{margin-top:2px;width:18px;height:18px;accent-color:var(--teal-700);flex:none;cursor:pointer}.opt-text{font-size:15px;color:var(--text-body);line-height:1.45}.opt.sel .opt-text{color:var(--text-primary);font-weight:600}.disc-grid{display:flex;flex-direction:column;gap:6px}.disc-row{display:grid;grid-template-columns:1fr 68px 68px;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--r-sm)}.disc-row:not(.disc-colhead){border:1px solid var(--border);background:var(--bg-surface)}.disc-colhead{padding:0 10px 2px}.disc-colhead .ml{text-align:center;font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;line-height:1.15}.disc-colhead .ml.most{color:var(--teal-700)}.disc-colhead .ml.least{color:var(--danger-text)}.disc-stmt{font-size:14px;color:var(--text-body);line-height:1.4}.disc-pick{display:flex;align-items:center;justify-content:center;cursor:pointer;min-height:32px}.disc-pick .rd{width:20px;height:20px;cursor:pointer}.disc-pick .rd.most{accent-color:var(--teal-700)}.disc-pick .rd.least{accent-color:var(--danger)}@media (max-width: 420px){.disc-row{grid-template-columns:1fr 54px 54px;gap:4px}.disc-colhead .ml{font-size:10px}}.test-foot{margin-top:8px;display:flex;flex-direction:column;gap:10px}.save-ind{min-height:18px;font-size:12px;font-weight:600;color:var(--text-muted);display:inline-flex;align-items:center;gap:5px}.save-ind.saved{color:var(--success-text)}.save-ind.error{color:var(--danger-text)}.test-foot-hint{font-size:12px;color:var(--text-muted);text-align:center}.ck-circle.expired{background:var(--warning-bg);color:var(--warning-text)}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}.card:hover{transform:none}.test-timer.critical{animation:none}}@media (min-width: 768px){body{zoom:.85}}.kel-shell{max-width:720px;margin:0 auto;padding-top:24px;padding-bottom:64px}.kel-head h1{font-size:26px;font-weight:800;color:var(--navy-ink);margin:0 0 6px}.kel-head p{color:var(--text-body);font-size:14.5px;margin:0}.kel-note{margin-top:12px;background:var(--navy-50);border:1px solid var(--border);border-radius:var(--r-md);padding:10px 14px;font-size:13px;color:var(--navy-600)}.kel-alert{margin:16px 0;background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger-text);border-radius:var(--r-md);padding:11px 14px;font-size:14px}.kel-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;margin-top:20px;box-shadow:var(--shadow-xs)}.kel-section-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;color:var(--navy-ink);margin:0 0 16px}.kel-ic{font-size:20px}.kel-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.kel-grid .field{margin:0}.kel-grid .field:has(textarea),.kel-grid .field:first-child{grid-column:1 / -1}@media (max-width: 560px){.kel-grid{grid-template-columns:1fr}}.kel-submit{width:100%;margin-top:24px}.file-row{display:flex;align-items:center;gap:12px;border:1.5px dashed var(--border-strong);border-radius:var(--r-md);padding:10px 12px;cursor:pointer;transition:border-color .12s,background .12s}.file-row:hover{border-color:var(--navy-600);background:var(--navy-50)}.field.error .file-row{border-color:var(--danger)}.file-btn{flex:none;background:var(--navy-600);color:#fff;font-size:13px;font-weight:700;padding:6px 14px;border-radius:var(--r-pill)}.file-name{font-size:13px;color:var(--text-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-name.empty{color:var(--text-muted)}.size-picker{display:flex;gap:8px;flex-wrap:wrap}.size-opt{min-width:46px;padding:8px 10px;border:1.5px solid var(--border-strong);border-radius:var(--r-md);background:var(--bg-surface);font-weight:700;font-size:14px;color:var(--text-body);cursor:pointer;transition:all .12s}.size-opt:hover{border-color:var(--navy-600)}.size-opt.on{background:var(--navy-600);border-color:var(--navy-600);color:#fff}.kel-state{text-align:center;padding:60px 20px;max-width:480px;margin:0 auto}.kel-state h1{font-size:24px;color:var(--navy-ink);margin:0 0 10px}.kel-state p{color:var(--text-body);font-size:15px}.kel-check{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:var(--success-bg, #CFF3DD);color:var(--success-text, #15803D);display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:800}