@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}@keyframes livePulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #22c55eb3}50%{opacity:.8;transform:scale(1.2);box-shadow:0 0 0 8px #22c55e00}}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes reactorPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes reactorGlow{0%,to{filter:drop-shadow(0 0 30px rgba(245,245,245,.4)) drop-shadow(0 0 60px rgba(245,245,245,.2))}50%{filter:drop-shadow(0 0 40px rgba(245,245,245,.6)) drop-shadow(0 0 80px rgba(245,245,245,.4))}}@keyframes ringPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.5}to{transform:translate(-50%,-50%) scale(1.3);opacity:0}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes progressGlow{0%,to{box-shadow:0 0 10px #f5f5f580}50%{box-shadow:0 0 20px #f5f5f5cc}}@keyframes cornerFade{0%,to{opacity:.3}50%{opacity:.6}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root[data-theme=dark],:root:not([data-theme]){--bg-primary: #020202;--bg-secondary: #0a0a0a;--card-bg: rgba(10, 10, 10, .7);--card-bg-form: rgba(10, 10, 10, .6);--text-primary: #f5f5f5;--text-secondary: rgba(245, 245, 245, .5);--text-tertiary: rgba(245, 245, 245, .35);--border-color: rgba(245, 245, 245, .12);--border-hover: rgba(245, 245, 245, .3);--hover-bg: rgba(245, 245, 245, .06);--input-bg: rgba(0, 0, 0, .6);--stat-bg: rgba(0, 0, 0, .4);--splash-bg: #020202;--splash-text: #f5f5f5;--splash-overlay: rgba(245, 245, 245, .03)}:root[data-theme=light]{--bg-primary: #f8f8f8;--bg-secondary: #ffffff;--card-bg: rgba(255, 255, 255, .9);--card-bg-form: rgba(255, 255, 255, .8);--text-primary: #1a1a1a;--text-secondary: rgba(26, 26, 26, .6);--text-tertiary: rgba(26, 26, 26, .4);--border-color: rgba(26, 26, 26, .15);--border-hover: rgba(26, 26, 26, .3);--hover-bg: rgba(26, 26, 26, .08);--input-bg: rgba(255, 255, 255, .9);--stat-bg: rgba(245, 245, 245, .6);--splash-bg: #f8f8f8;--splash-text: #1a1a1a;--splash-overlay: rgba(26, 26, 26, .05)}html{height:100%;-webkit-text-size-adjust:100%}body{margin:0;font-family:Space Grotesk,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100%;min-height:-webkit-fill-available;overflow-x:hidden;overflow-y:auto;transition:background-color .3s ease,color .3s ease;-webkit-overflow-scrolling:touch}*{box-sizing:border-box}#root{max-width:1400px;margin:0 auto;padding:12px clamp(12px,2vw,24px);min-height:100%;min-height:-webkit-fill-available;overflow-x:hidden}.app-container{display:flex;flex-direction:column;gap:12px;height:100%}.app-header.single{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;border-bottom:1px solid var(--border-color);padding-bottom:8px;flex-shrink:0}.app-header.single h1{margin:0;font-family:Bebas Neue,sans-serif;font-size:clamp(24px,3.5vw,40px);letter-spacing:.12em;color:var(--text-primary);line-height:1}.app-subtitle{font-size:16px;letter-spacing:.32em;text-transform:uppercase;color:var(--text-secondary)}.app-main.single{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;overflow:hidden}.gradex-layout{display:flex;flex-direction:column;gap:12px;height:100%;overflow:hidden}.gradex-toolbar{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:10px;flex-shrink:0}.gradex-chip{font-size:12px;letter-spacing:.4em;text-transform:uppercase;color:var(--text-secondary)}.gradex-toolbar h1{margin:2px 0 0;font-size:clamp(18px,2.2vw,24px);font-weight:600;letter-spacing:.1em;line-height:1.2}.gradex-sub{font-size:11px;color:var(--text-secondary);margin-top:2px}.gradex-toolbar-actions{display:flex;gap:16px;align-items:center}.hidden-preset-btn{position:absolute;top:8px;width:20px;height:20px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--text-primary);opacity:.14;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:9px;letter-spacing:.1em;padding:0;transition:opacity .25s ease,border-color .25s ease,transform .2s ease;z-index:12}.hidden-preset-btn:hover,.hidden-preset-btn:focus-visible{opacity:.55;border-color:var(--border-hover);outline:none;transform:translateY(-1px)}.hidden-preset-btn:active{opacity:.6;transform:translateY(0)}@media (hover: none) and (pointer: coarse){.hidden-preset-btn{opacity:.32;border-color:var(--border-color)}}.gradex-sgpa-display{display:flex;flex-direction:column;align-items:flex-end;border:1px solid var(--border-color);padding:8px 14px;border-radius:8px;background:var(--card-bg)}.gradex-sgpa-display .value{font-size:24px;font-weight:600;letter-spacing:.08em;line-height:1}.gradex-sgpa-display .label{font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--text-secondary);margin-top:6px}.gradex-toolbar-buttons{display:flex;gap:12px}.gradex-toolbar-buttons button{padding:8px 16px;border-radius:999px;border:1px solid var(--border-color);background:transparent;color:var(--text-primary);font-weight:600;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:all .2s ease;font-size:11px}.gradex-toolbar-buttons button:hover{border-color:var(--border-hover);background:var(--hover-bg)}.gradex-toolbar-buttons .reset-btn{border-color:#d946ef66;color:#f472b6}.gradex-toolbar-buttons .reset-btn:hover{background:#d946ef1f}.gradex-form{border:1px solid var(--border-color);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:20px;background:var(--card-bg-form);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gradex-form-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.gradex-form label{display:flex;flex-direction:column;gap:10px;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--text-secondary)}.gradex-form input,.gradex-form select{padding:12px 16px;border-radius:10px;border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-primary);font-size:15px;transition:border-color .2s ease}.gradex-form input:focus,.gradex-form select:focus{outline:none;border-color:var(--border-hover)}.gradex-grade-selector{display:flex;flex-direction:column;gap:14px}.gradex-grade-options{display:flex;flex-wrap:wrap;gap:10px}.gradex-grade-options button{padding:10px 18px;border-radius:999px;border:1px solid var(--border-color);background:transparent;color:var(--text-primary);letter-spacing:.24em;text-transform:uppercase;font-size:12px;cursor:pointer;transition:all .2s ease}.gradex-grade-options button.active{border-color:var(--text-primary);background:var(--text-primary);color:var(--bg-primary)}.gradex-form-actions{display:flex;justify-content:flex-end;gap:12px}.gradex-form-actions button{padding:12px 24px;border-radius:999px;border:1px solid var(--border-color);background:transparent;color:var(--text-primary);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.gradex-form-actions .primary{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.gradex-grid{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);flex:1;overflow-y:auto;padding-bottom:4px}@media (max-width: 1200px){.gradex-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.gradex-grid{grid-template-columns:1fr}}.gradex-card{border:1px solid var(--border-color);border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:8px;background:var(--card-bg);transition:border-color .2s ease,background .2s ease}.gradex-card.disabled{opacity:.45}.gradex-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.gradex-card header h2{margin:0;font-size:13px;letter-spacing:.08em;text-transform:uppercase;line-height:1.2}.gradex-card header p{margin:2px 0 0;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary)}.gradex-toggle{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--text-secondary)}.gradex-toggle input{accent-color:var(--text-primary)}.gradex-stat-row{display:flex;justify-content:space-between;align-items:center;gap:6px;border:1px solid var(--border-color);border-radius:5px;padding:5px 8px;background:var(--stat-bg)}.gradex-stat{display:flex;align-items:center;gap:8px}.gradex-inline{width:55px;background:transparent;border:none;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:14px;font-weight:600;text-align:center;padding:2px;transition:border-color .2s ease}.gradex-inline:focus{outline:none;border-color:var(--text-primary)}.gradex-stat-divider{font-size:16px;color:var(--text-tertiary)}.gradex-grade-chip{padding:4px 10px;border-radius:999px;border:1px solid var(--border-color);letter-spacing:.2em;text-transform:uppercase;font-size:10px}.gradex-slider{display:flex;flex-direction:column;gap:4px}.gradex-slider input[type=range]{width:100%;accent-color:var(--text-primary)}.gradex-scale{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-tertiary)}.gradex-goal{display:flex;justify-content:space-between;align-items:center;gap:8px}.gradex-goal div:first-child{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--text-secondary)}.gradex-goal-display{display:flex;align-items:baseline;gap:8px}.gradex-goal-value{font-size:16px;font-weight:600;letter-spacing:.1em}.gradex-goal-max{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary)}.gradex-card footer{display:flex;justify-content:flex-end}.gradex-card footer button{padding:6px 12px;border-radius:999px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);letter-spacing:.18em;text-transform:uppercase;font-size:10px;cursor:pointer;transition:all .2s ease}.gradex-card footer button:hover{border-color:#ef444499;color:#f87171}@media (max-width: 960px){.app-header.single{flex-direction:column;align-items:flex-start;gap:12px}.app-header.single h1{font-size:clamp(20px,4vw,32px)}.gradex-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.gradex-toolbar-actions{width:100%;justify-content:space-between;flex-wrap:wrap}.gradex-toolbar-buttons{width:100%}.gradex-toolbar-buttons button{flex:1;text-align:center}.gradex-form-grid{grid-template-columns:1fr}.gradex-card header{flex-direction:column;align-items:flex-start}}@media (max-width: 768px){html{height:auto}#root{padding:8px 12px;height:auto;min-height:auto}body{height:auto;min-height:100vh;min-height:-webkit-fill-available;overflow-y:auto;overflow-x:hidden}.app-container{min-height:auto}.app-header.single{padding-bottom:12px}.gradex-toolbar-actions{flex-direction:column;align-items:stretch;gap:16px;width:100%}.gradex-sgpa-display{width:100%;align-items:center;padding:12px}.gradex-toolbar-buttons{flex-direction:column;width:100%}.gradex-toolbar-buttons button{width:100%}.gradex-form{padding:16px}.gradex-card{padding:12px}.gradex-stat-row,.gradex-goal{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 600px){#root{padding:8px}.app-header.single h1{font-size:clamp(18px,5vw,28px);line-height:1.1}.app-header.single p{font-size:10px;margin-top:4px}.gradex-toolbar h1{font-size:clamp(16px,4vw,20px)}.gradex-sub{font-size:10px}.gradex-sgpa-display .value{font-size:20px}.gradex-sgpa-display .label{font-size:10px}.gradex-toolbar-buttons button{padding:10px 14px;font-size:11px}.gradex-card header h2{font-size:12px}.gradex-card header p{font-size:8px}.gradex-stat{font-size:11px}.gradex-goal-value{font-size:14px}.gradex-form label{font-size:10px}.gradex-form input,.gradex-form select{font-size:13px;padding:8px}.gradex-grade-options{gap:6px;flex-wrap:wrap}.gradex-grade-options button{font-size:10px;padding:6px 10px}.gradex-card footer button{font-size:9px;padding:5px 10px}}@media (max-width: 400px){.app-header.single h1{font-size:clamp(16px,6vw,24px)}.gradex-sgpa-display{padding:10px}.gradex-sgpa-display .value{font-size:18px}.gradex-card{padding:10px}.gradex-form{padding:12px}}@media (min-width: 1400px){#root{max-width:1600px}.gradex-grid{grid-template-columns:repeat(4,1fr)}}@media (hover: none) and (pointer: coarse){.gradex-toolbar-buttons button,.gradex-form-actions button,.gradex-card footer button{min-height:44px;min-width:44px}.gradex-toggle input{width:20px;height:20px}}.seatfinder-ra-input::placeholder{text-transform:none!important}