@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--primary: #00f0ff;--primary-hover: #00d0e0;--primary-glow: rgba(0, 240, 255, .6);--bg-dark: #03040b;--bg-panel: rgba(8, 10, 22, .85);--text-main: #e0f2fe;--text-muted: #7dd3fc;--accent: #ff0055;--accent-glow: rgba(255, 0, 85, .6);--danger: #ff2a2a;--danger-glow: rgba(255, 42, 42, .5);--success: #39ff14;--border-color: rgba(0, 240, 255, .3);--glass-bg: rgba(5, 6, 15, .8);--glass-border: rgba(0, 240, 255, .4);--glow-shadow: 0 0 20px var(--primary-glow);--grid-color: rgba(0, 240, 255, .05);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:var(--text-main);background-color:var(--bg-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-dark);background-image:radial-gradient(circle at top right,rgba(255,0,85,.08),transparent 500px),radial-gradient(circle at bottom left,rgba(0,240,255,.08),transparent 500px),linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:100% 100%,100% 100%,40px 40px,40px 40px;background-position:center center;background-attachment:fixed;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:600;letter-spacing:-.02em;text-shadow:0 0 10px rgba(255,255,255,.1)}button{border-radius:8px;border:1px solid var(--border-color);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:"Outfit",inherit;background-color:#00f0ff0d;cursor:pointer;color:var(--primary);text-shadow:0 0 8px var(--primary-glow);transition:all .3s cubic-bezier(.25,.8,.25,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative;overflow:hidden}button:hover{background-color:#00f0ff26;border-color:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 0 15px var(--primary-glow),inset 0 0 10px var(--primary-glow)}button:focus,button:focus-visible{outline:none;box-shadow:0 0 0 3px #00f0ff66,0 0 15px var(--primary-glow)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 10px 40px #000c,inset 0 1px #ffffff1a,0 0 20px #00f0ff0d;transition:border-color .4s ease,box-shadow .4s ease,transform .4s ease}.glass-panel:hover{border-color:#00f0ffb3;box-shadow:0 10px 40px #000c,inset 0 1px #fff3,0 0 30px #00f0ff26}.app-container{display:flex;min-height:100vh;width:100%}.sidebar{width:280px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1.5rem;background:#03040bd9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:10;box-shadow:5px 0 30px #00000080}.main-content{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.experiment-area{flex:1;padding:2rem;display:flex;justify-content:center;align-items:center;position:relative}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000004d;border-left:1px solid var(--border-color)}::-webkit-scrollbar-thumb{background:#00f0ff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00f0ff99;box-shadow:0 0 10px var(--primary-glow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.device-display{font-family:Courier New,Courier,monospace;background:#111;color:#ef4444;text-shadow:0 0 8px rgba(239,68,68,.6);padding:.8rem;border-radius:6px;border:1px solid #000;box-shadow:inset 0 4px 10px #000c,0 1px #ffffff1a;font-weight:700;position:relative;overflow:hidden}.device-display:after{content:"";position:absolute;inset:0;background:linear-gradient(#ffffff08 50%,#00000008 50%);background-size:100% 4px;pointer-events:none}.device-display.green{color:#10b981;text-shadow:0 0 8px rgba(16,185,129,.6);background:#0f1712}@media(max-width:768px){.app-container{flex-direction:column}.sidebar{width:100%;padding:1rem;border-right:none;border-bottom:1px solid var(--border-color)}.sidebar nav{flex-direction:row!important;overflow-x:auto;padding-bottom:8px;gap:8px!important}.sidebar nav button{white-space:nowrap;width:auto!important}.sidebar .sidebar-footer{display:none}.sidebar .sidebar-header{margin-bottom:16px!important}.experiment-area{padding:1rem}.glass-panel{padding:16px!important}.responsive-grid{grid-template-columns:1fr!important}}.exam-input-group{display:flex;gap:12px;width:100%;flex-wrap:wrap}.exam-input{flex:1 1 120px;padding:12px 16px;background:#0006;border:1px solid var(--glass-border);border-radius:8px;color:#fff;font-size:1rem;outline:none;transition:all .2s ease;min-width:0}.exam-input:focus{border-color:var(--primary);background:#00f0ff14;box-shadow:0 0 15px #00f0ff33,inset 0 0 8px #00f0ff1a}.exam-input:disabled{opacity:.5;cursor:not-allowed;background:#ffffff0d}.landing-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:2rem}.landing-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:3rem;max-width:700px;width:100%;text-align:center}.landing-logo{display:flex;align-items:center;gap:16px}.logo-icon-wrapper{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 32px var(--primary-glow)}.logo-text h1{font-size:1.8rem;line-height:1.1;text-align:left;background:linear-gradient(135deg,#f8fafc,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-text span{font-size:.85rem;color:var(--text-muted);text-align:left;display:block}.landing-hero{display:flex;flex-direction:column;align-items:center;gap:1rem}.hero-title{font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1.15;color:var(--text-main)}.hero-accent{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px var(--primary-glow)}.hero-subtitle{font-size:1.05rem;color:var(--text-muted);max-width:520px;line-height:1.7}.landing-actions{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;width:100%}.landing-btn{display:flex;align-items:center;gap:16px;padding:1.1rem 1.8rem;border-radius:18px;border:1px solid var(--glass-border);background:#ffffff0a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);text-align:left;min-width:260px;position:relative;overflow:hidden}.landing-btn:before{content:"";position:absolute;inset:0;border-radius:18px;opacity:0;transition:opacity .3s ease}.landing-btn:hover{transform:translateY(-4px) scale(1.02)}.landing-btn:hover:before{opacity:1}.landing-btn:active{transform:translateY(-1px) scale(.99)}.landing-btn--primary{border-color:#00f0ff80;box-shadow:0 4px 24px #00f0ff26}.landing-btn--primary:before{background:linear-gradient(135deg,#00f0ff26,#ff005526)}.landing-btn--primary:hover{border-color:#00f0ffe6;box-shadow:0 8px 40px var(--primary-glow)}.landing-btn--secondary{border-color:#ff005580;box-shadow:0 4px 24px #ff005526}.landing-btn--secondary:before{background:linear-gradient(135deg,#ff005526,#00f0ff26)}.landing-btn--secondary:hover{border-color:#ff0055e6;box-shadow:0 8px 40px var(--accent-glow)}.btn-icon-wrapper{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-icon--primary{background:linear-gradient(135deg,#00f0ff40,#ff005526);color:var(--primary);box-shadow:0 0 20px var(--primary-glow)}.btn-icon--secondary{background:linear-gradient(135deg,#ff005540,#00f0ff26);color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.btn-text{flex:1;display:flex;flex-direction:column;gap:3px}.btn-title{font-size:1.15rem;font-weight:600;color:var(--text-main);font-family:Outfit,sans-serif}.btn-subtitle{font-size:.82rem;color:var(--text-muted)}.btn-arrow{color:var(--text-muted);flex-shrink:0;transition:transform .2s ease,color .2s ease}.landing-btn:hover .btn-arrow{transform:translate(4px);color:var(--text-main)}.landing-stats{display:flex;align-items:center;gap:2rem;padding:1.2rem 2.5rem;background:#ffffff08;border:1px solid var(--glass-border);border-radius:50px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-number{font-size:1.4rem;font-weight:700;font-family:Outfit,sans-serif;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 15px var(--accent-glow)}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-divider{width:1px;height:36px;background:var(--glass-border)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:2rem}.auth-card{position:relative;z-index:1;width:100%;max-width:440px;padding:2.5rem;display:flex;flex-direction:column;gap:1.8rem;animation:fadeIn .4s ease-out forwards;background:#0a0c19d9;border:1px solid rgba(0,240,255,.2);border-radius:16px;box-shadow:0 10px 40px #000000e6,inset 0 0 20px #00f0ff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.auth-card:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--primary),var(--accent),transparent);border-radius:16px 16px 0 0;opacity:.8}.auth-back-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--text-muted);font-size:.9rem;padding:0;width:fit-content;transition:color .2s ease,transform .2s ease,text-shadow .2s ease}.auth-back-btn:hover{color:var(--primary);transform:translate(-3px);background:transparent;border-color:transparent;text-shadow:0 0 10px var(--primary-glow)}.auth-header{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.auth-icon-wrapper{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.auth-icon--instructor{background:linear-gradient(135deg,#00f0ff26,#ff005526);color:var(--primary);box-shadow:0 0 30px var(--primary-glow);border:1px solid rgba(0,240,255,.3)}.auth-icon--student{background:linear-gradient(135deg,#ff005526,#00f0ff26);color:var(--accent);box-shadow:0 0 30px var(--accent-glow);border:1px solid rgba(255,0,85,.3)}.auth-title{font-size:1.6rem;font-weight:700;color:var(--text-main)}.auth-subtitle{font-size:.9rem;color:var(--text-muted)}.auth-form{display:flex;flex-direction:column;gap:1.2rem}.auth-field{display:flex;flex-direction:column;gap:8px}.auth-field label{font-size:.85rem;font-weight:500;color:var(--text-muted);letter-spacing:.03em}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none}.auth-input-wrapper input,.auth-input-wrapper select{width:100%;padding:.75rem 1rem .75rem 2.8rem;background:#0006;border:1px solid rgba(0,240,255,.2);border-radius:10px;color:var(--text-main);font-size:.95rem;font-family:inherit;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease;outline:none;appearance:none}.auth-input-wrapper select option{background-color:var(--bg-dark);color:var(--text-main)}.auth-input-wrapper input:focus,.auth-input-wrapper select:focus{border-color:var(--primary);background:#00f0ff0d;box-shadow:0 0 15px #00f0ff33,inset 0 0 8px #00f0ff1a}.auth-input-wrapper input::placeholder{color:#7dd3fc66}.auth-eye-btn{position:absolute;right:12px;background:transparent;border:none;color:var(--text-muted);padding:4px;border-radius:6px;cursor:pointer;line-height:0;transition:color .2s ease}.auth-eye-btn:hover{color:var(--text-main);background:transparent}.auth-error{font-size:.85rem;color:var(--danger);background:#ff2a2a1a;border:1px solid rgba(255,42,42,.3);border-radius:8px;padding:.6rem 1rem;box-shadow:0 0 15px #ff2a2a26;text-shadow:0 0 5px rgba(255,42,42,.5)}.auth-submit-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:.85rem 1.5rem;background:linear-gradient(135deg,var(--primary),var(--accent));border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;font-family:Outfit,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 6px 20px var(--primary-glow);margin-top:4px;position:relative;overflow:hidden;text-shadow:0 2px 5px rgba(0,0,0,.5)}.auth-submit-btn:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skew(-20deg);transition:left .5s ease}.auth-submit-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px var(--accent-glow)}.auth-submit-btn:hover:not(:disabled):after{left:150%}.auth-submit-btn:disabled,.auth-submit-btn--disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none;background:#ffffff1a}.auth-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-hint{text-align:center;font-size:.82rem;color:var(--text-muted);line-height:1.6}.session-code-label{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500;color:var(--text-muted)}.code-inputs{display:flex;gap:10px;justify-content:center}.code-digit-input{width:52px;height:62px;text-align:center;font-size:1.8rem;font-weight:700;font-family:Outfit,monospace;background:#00000080;border:1px solid rgba(0,240,255,.2);border-radius:12px;color:var(--text-main);caret-color:var(--primary);outline:none;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),border-color .2s ease,box-shadow .2s ease,background .2s ease;padding:0;text-shadow:0 0 10px var(--primary-glow)}.code-digit-input:focus{border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow),inset 0 0 10px #00f0ff33;background:#00f0ff14;transform:scale(1.05)}.code-digit-input.filled{border-color:var(--success);background:#39ff1414;color:#fff;text-shadow:0 0 15px var(--success-glow);box-shadow:0 0 15px var(--success-glow)}@media(max-width:520px){.landing-actions{flex-direction:column;align-items:center}.landing-btn{min-width:280px;width:100%}.landing-stats{gap:1.2rem;padding:1rem 1.5rem}.auth-card{padding:2rem 1.5rem}.code-digit-input{width:42px;height:52px;font-size:1.3rem}}.proctor-warning-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#7f1d1dd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:proctorOverlayIn .4s ease-out}@keyframes proctorOverlayIn{0%{opacity:0}to{opacity:1}}.proctor-warning-content{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;padding:48px 40px;max-width:480px;width:90%;background:#00000080;border:2px solid rgba(239,68,68,.5);border-radius:24px;box-shadow:0 0 80px #ef44444d,inset 0 0 40px #ef44440d;animation:proctorContentIn .5s ease-out .1s both}@keyframes proctorContentIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.proctor-warning-icon{color:#ef4444;animation:proctorPulse 1.5s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(239,68,68,.6))}@keyframes proctorPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}}.proctor-countdown-circle{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.proctor-countdown-svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.proctor-countdown-bg{fill:none;stroke:#ffffff1a;stroke-width:6}.proctor-countdown-progress{fill:none;stroke:#ef4444;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset 1s linear;filter:drop-shadow(0 0 8px rgba(239,68,68,.6))}.proctor-countdown-number{font-family:Outfit,sans-serif;font-size:2.8rem;font-weight:700;color:#fff;text-shadow:0 0 20px rgba(239,68,68,.5);z-index:1}.proctor-warning-title{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;color:#fca5a5;direction:rtl}.proctor-warning-text{font-size:1rem;color:#ffffffd9;line-height:1.8;direction:rtl}.proctor-warning-bar{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-top:8px}.proctor-warning-bar-fill{height:100%;background:linear-gradient(90deg,#ef4444,#f97316);border-radius:3px;transition:width 1s linear;box-shadow:0 0 10px #ef444480}.proctor-alerts-section{margin-bottom:40px}.proctor-alerts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.proctor-alerts-title{display:flex;align-items:center;gap:12px;font-size:1.3rem;font-weight:600;color:#fff}.proctor-alert-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border-radius:12px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.75rem;font-weight:700;animation:proctorBadgePulse 2s ease-in-out infinite;box-shadow:0 0 12px #ef444480}@keyframes proctorBadgePulse{0%,to{box-shadow:0 0 12px #ef444480}50%{box-shadow:0 0 24px #ef4444cc}}.proctor-alerts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.proctor-alert-card{background:#ef44440f;border:1px solid rgba(239,68,68,.2);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:14px;transition:all .3s ease;animation:proctorAlertSlideIn .4s ease-out both}.proctor-alert-card:hover{border-color:#ef444466;box-shadow:0 4px 20px #ef44441a}.proctor-alert-card.read{background:#ffffff05;border-color:#ffffff14;opacity:.6}@keyframes proctorAlertSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.proctor-alert-top{display:flex;align-items:center;justify-content:space-between}.proctor-alert-student{display:flex;flex-direction:column;gap:2px}.proctor-alert-name{font-weight:600;color:#fca5a5;font-size:1rem}.proctor-alert-id{font-size:.8rem;color:#94a3b8;font-family:monospace}.proctor-alert-time{font-size:.75rem;color:#6b7280;text-align:left;direction:ltr}.proctor-alert-snapshot{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.08);max-height:200px;object-fit:cover}.proctor-alert-actions{display:flex;gap:8px}.proctor-alert-btn{flex:1;padding:8px 12px;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.proctor-alert-btn--dismiss{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.proctor-alert-btn--dismiss:hover{background:#10b98133;border-color:#10b98166}.proctor-no-alerts{text-align:center;padding:32px;color:#6b7280;font-size:.95rem;background:#ffffff05;border-radius:12px;border:1px dashed rgba(255,255,255,.08)}.data-table-container{overflow-x:auto;border:1px solid var(--border-color);border-radius:12px;background:#0000004d;box-shadow:inset 0 0 20px #00f0ff0d}table{width:100%;border-collapse:collapse;text-align:right;font-size:.95rem}table th{background:#00f0ff1a;color:var(--primary);font-weight:600;padding:1rem;border-bottom:2px solid var(--border-color);text-shadow:0 0 8px var(--primary-glow);text-transform:uppercase;letter-spacing:.05em;font-family:Outfit,sans-serif}table td{padding:1rem;border-bottom:1px solid rgba(0,240,255,.1);color:var(--text-main);transition:background .2s ease}table tbody tr{transition:all .2s ease}table tbody tr:hover{background:#00f0ff0d}table tbody tr:hover td{color:#fff}table td button,table td .table-action-btn{padding:.4rem .8rem;font-size:.85rem;border-radius:6px;background:transparent;border:1px solid var(--border-color);color:var(--primary)}table td button:hover,table td .table-action-btn:hover{background:#00f0ff33;border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow);transform:translateY(-1px)}#root{width:100%;height:100%}.results-header-container{padding:24px 32px;border-bottom:1px solid var(--border-color);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;text-align:center}.results-header-content{display:flex;flex-direction:column;align-items:center;gap:16px}.results-title{font-size:1.8rem;font-weight:600;margin:0 0 8px;color:#f8fafc}.results-subtitle{color:var(--text-muted);font-size:1rem;margin:0}.results-back-btn{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-main);border-radius:8px;padding:8px 24px;cursor:pointer;display:flex;align-items:center;gap:8px;justify-content:center;font-weight:600;transition:background .2s}.results-back-btn:hover{background:#ffffff1a}.results-main{padding:40px;max-width:100%;margin:0 auto;width:100%}.results-panel{padding:24px;overflow-x:auto;min-height:60vh;display:flex;flex-direction:column}.results-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.results-panel-title{display:flex;align-items:center;gap:12px;color:var(--primary)}.results-panel-title h3{margin:0;font-size:1.2rem;color:#fff}.results-print-btn{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:8px 16px;display:flex;align-items:center;gap:8px;font-weight:600;cursor:pointer;transition:background .2s}.results-print-btn:hover{background:#2563eb}.proctor-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.proctor-modal-content{background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:12px;width:100%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.proctor-modal-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background:#0f172a80}.proctor-modal-title{display:flex;align-items:center;gap:12px}.proctor-modal-title h3{margin:0;color:#f8fafc;font-size:1.2rem}.proctor-modal-close{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.proctor-modal-close:hover{background:#ffffff1a;color:#f8fafc}.proctor-modal-body{padding:24px;overflow-y:auto;flex:1}.proctor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.proctor-image-card{background:#0f172a99;border:1px solid rgba(255,255,255,.05);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.proctor-image-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #00000080;border-color:#3b82f64d}.proctor-image-wrapper{position:relative;aspect-ratio:4/3;width:100%;background:#000}.proctor-image-wrapper img{width:100%;height:100%;object-fit:cover}.proctor-image-footer{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;background:#0f172a}.admin-layout{background:#0f172a;min-height:100vh;display:flex;flex-direction:column}.admin-navbar{padding:20px 40px;background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.admin-nav-brand{display:flex;align-items:center;gap:16px}.admin-nav-icon{background:linear-gradient(135deg,#38bdf8,#3b82f6);padding:10px;border-radius:12px;color:#fff;box-shadow:0 4px 15px #38bdf84d}.admin-nav-title{font-size:1.6rem;font-weight:600;margin:0;color:#f8fafc;letter-spacing:-.5px}.admin-nav-subtitle{font-size:.85rem;color:#94a3b8}.admin-logout-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171;border-radius:8px;padding:10px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;transition:all .2s}.admin-logout-btn:hover{background:#ef444433}.admin-body{display:flex;flex:1}.admin-sidebar{width:260px;background:#1e293b66;border-right:1px solid rgba(255,255,255,.05);padding:24px 16px;display:flex;flex-direction:column;gap:8px}.admin-sidebar-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 18px;border-radius:12px;border:none;cursor:pointer;background:transparent;color:#94a3b8;font-size:.95rem;font-weight:400;border-left:3px solid transparent;transition:all .2s}.admin-sidebar-btn.active{background:#38bdf826;color:#38bdf8;font-weight:600;border-left:3px solid #38bdf8}.admin-main{flex:1;padding:40px;max-width:900px}.admin-section-title{color:#f8fafc;font-size:1.5rem;margin-bottom:8px}.admin-section-desc{color:#64748b;margin-bottom:32px}.admin-form{display:flex;flex-direction:column;gap:20px;max-width:500px}.admin-submit-btn{padding:14px;border-radius:12px;border:none;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s,transform .2s;box-shadow:0 4px 15px #3b82f64d}.admin-submit-btn:disabled,.admin-submit-btn.loading{opacity:.6}.admin-list-container{display:flex;flex-direction:column;gap:12px}.admin-list-item{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-radius:14px;background:#1e293b99;border:1px solid rgba(255,255,255,.06)}.admin-list-info{display:flex;align-items:center;gap:14px}.admin-list-icon{width:40px;height:40px;border-radius:10px;background:#6366f126;color:#818cf8;display:flex;align-items:center;justify-content:center}.admin-list-name{color:#e2e8f0;font-weight:500;margin:0}.admin-list-sub{color:#64748b;font-size:.8rem;margin:0}.admin-action-btn-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#f87171;border-radius:8px;padding:8px 12px;cursor:pointer;transition:all .2s}.admin-action-btn-danger:hover{background:#ef444433}.student-entry-seb-warning{background:#ef44441a;padding:24px;border-radius:12px;border:1px solid rgba(239,68,68,.2);margin-bottom:24px}.student-entry-seb-icon{margin:0 auto 16px;display:block}.student-entry-seb-title{color:#ef4444;margin-bottom:12px;font-size:1.2rem}.student-entry-seb-text{color:var(--text-main);font-size:.9rem;line-height:1.6}.student-entry-seb-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.student-entry-seb-btn-launch{border:none;display:flex;justify-content:center;background:#10b981;color:#fff;box-shadow:0 0 15px #10b98166;cursor:pointer}.student-entry-seb-btn-download{border:none;display:flex;justify-content:center;background:#ef4444;color:#fff;text-decoration:none;cursor:pointer}.student-entry-label{display:block;color:var(--text-main);margin-bottom:8px;font-size:.9rem}.student-entry-label-flex{display:flex;justify-content:space-between;align-items:center;color:var(--text-main);margin-bottom:8px;font-size:.9rem}.student-entry-forgot-btn{background:transparent;border:none;color:#60a5fa;font-size:.8rem;cursor:pointer;text-decoration:underline}.student-entry-input-wrapper{position:relative}.student-entry-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#64748b}.student-entry-input{width:100%;padding:12px 16px 12px 44px;border-radius:8px;background:#0003;border:1px solid var(--border-color);color:#fff;outline:none}.student-entry-lobby-container{text-align:center;margin-top:10px}.student-entry-welcome{color:#fff;font-size:1.2rem;margin-bottom:8px}.student-entry-welcome-name{color:var(--primary);font-weight:700}.student-entry-id{color:var(--text-muted);margin-bottom:32px}.student-entry-completed{color:#10b981;padding:16px;background:#10b9811a;border-radius:8px;border:1px solid rgba(16,185,129,.2);margin-bottom:24px;line-height:1.5;font-size:1.1rem}.student-entry-completed-sub{font-size:.9rem;color:var(--text-main)}.student-entry-back-btn{background:transparent;border:1px solid var(--border-color);width:100%;display:flex;justify-content:center;color:var(--text-main);cursor:pointer}.student-entry-locked{padding:24px;background:#ef44441a;border-radius:12px;border:1px solid rgba(239,68,68,.3);margin-bottom:24px;text-align:center}.student-entry-locked-icon{font-size:3rem;margin-bottom:12px}.student-entry-locked-title{color:#ef4444;margin-bottom:12px;font-size:1.2rem}.student-entry-locked-text{color:#fca5a5;line-height:1.7;font-size:.95rem}.student-entry-locked-sub{color:#94a3b8;font-size:.85rem}.student-entry-assigned{color:#3b82f6;padding:16px;background:#3b82f61a;border-radius:8px;border:1px solid rgba(59,130,246,.2);margin-bottom:24px;line-height:1.5}.student-entry-start-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 15px #3b82f64d;border:none;cursor:pointer;display:flex;justify-content:center}.student-entry-info{color:var(--text-main);margin-bottom:24px;line-height:1.6;background:#ffffff0d;padding:16px;border-radius:12px}.student-entry-warning-text{color:#ef4444;font-size:.85rem;font-weight:700}.student-entry-generate-btn{background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 4px 15px #6366f14d;border:none;cursor:pointer;display:flex;justify-content:center}.ohms-law-container{padding:24px;display:flex;flex-direction:column;gap:24px}.ohms-law-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.ohms-law-title{font-size:2rem;margin-bottom:8px;color:var(--primary)}.ohms-law-formula{padding:12px 24px;background:#3b82f61a;border-radius:12px;border:1px solid var(--primary)}.ohms-law-formula span{font-size:1.5rem;font-weight:600;font-family:Outfit,sans-serif}.ohms-law-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px;margin-top:16px}.ohms-law-panel{padding:20px;background:#0f172ae6}.ohms-law-panel-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.ohms-law-icon-blue{padding:8px;background:#3b82f633;border-radius:50%;color:#3b82f6}.ohms-law-icon-green{padding:8px;background:#10b98133;border-radius:50%;color:#10b981}.ohms-law-icon-orange{padding:8px;background:#f59e0b33;border-radius:50%;color:#f59e0b}.ohms-law-meters{font-size:2.5rem;text-align:right;letter-spacing:2px}.ohms-law-slider-wrapper{margin-top:24px}.ohms-law-slider-labels{display:flex;justify-content:space-between;margin-bottom:8px;color:var(--text-muted);font-size:.9rem}.ohms-law-slider-minmax{display:flex;justify-content:space-between;margin-top:4px;color:var(--text-muted);font-size:.8rem}.ohms-law-progress-bar-container{height:4px;background:#10b98133;border-radius:2px;overflow:hidden}.ohms-law-progress-bar{height:100%;background:#10b981;transition:width .3s ease}.ohms-law-resistor-visual{padding:24px;background:#0003;border-radius:12px;margin-bottom:24px;text-align:center}.ohms-law-resistor-graphic{display:flex;align-items:center;justify-content:center;padding:20px 0}.ohms-law-wire{width:40px;height:4px;background:#94a3b8}.ohms-law-resistor-body{width:120px;height:40px;background:linear-gradient(90deg,#d97706,#f59e0b 20%,#b45309 80%,#d97706);border-radius:8px;display:flex;justify-content:space-evenly;align-items:center;box-shadow:0 4px 6px #0000004d,inset 0 2px 4px #fff3}.ohms-law-band{width:6px;height:100%}.ohms-law-unknown-value{font-size:2rem;font-weight:700;margin-top:16px}.ohms-law-exam-results{margin-bottom:20px;display:grid;grid-template-columns:1fr;gap:8px}.ohms-law-exam-result-item{padding:8px 12px;background:#0003;border-radius:8px;border:1px solid #10b981;display:flex;justify-content:space-between;align-items:center}.ohms-law-exam-result-delete{background:#ef444433;border:none;color:#ef4444;border-radius:4px;padding:2px 8px;cursor:pointer;font-size:.8rem;font-weight:700}.ohms-law-student-input{margin-top:auto;background:#ffffff08;padding:20px;border-radius:12px;border:1px solid var(--border-color)}.ohms-law-student-title{margin-bottom:16px;color:var(--text-main);font-size:1.05rem}.ohms-law-submit-btn{color:#fff;border:none;border-radius:8px;padding:10px 24px;font-weight:600;width:100%;transition:all .3s ease}.ohms-law-retry-btn{background:transparent;border:1px solid var(--primary);color:var(--primary);border-radius:8px;padding:10px 24px;display:flex;align-items:center;gap:8px}.wheatstone-container{padding:24px;display:flex;flex-direction:column;gap:24px}.wheatstone-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.wheatstone-title{font-size:2rem;margin-bottom:8px;color:var(--primary)}.wheatstone-formula{padding:12px 24px;background:#3b82f61a;border-radius:12px;border:1px solid var(--primary)}.wheatstone-formula span{font-size:1.2rem;font-weight:600;font-family:Outfit,sans-serif}.wheatstone-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:24px;margin-top:16px}.wheatstone-left-side{display:flex;flex-direction:column;gap:24px}.wheatstone-circuit-panel{padding:24px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.wheatstone-schema-wrapper{width:100%;max-width:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;margin-bottom:40px}.wheatstone-galvanometer{position:relative;width:120px;height:60px;overflow:hidden;border-bottom:2px solid var(--border-color);flex-shrink:0}.wheatstone-galv-dial{width:120px;height:120px;border:2px solid var(--text-muted);border-radius:50%;position:absolute;top:0;left:0}.wheatstone-galv-pivot{width:12px;height:12px;background:var(--primary);border-radius:50%;position:absolute;bottom:-6px;left:54px;z-index:10}.wheatstone-galv-needle{width:3px;height:54px;background:#ef4444;position:absolute;bottom:0;left:58.5px;transform-origin:bottom center;transition:transform .4s cubic-bezier(.18,.89,.32,1.28);z-index:5}.wheatstone-galv-zero{position:absolute;top:6px;left:50%;transform:translate(-50%);font-weight:700;font-size:10px}.wheatstone-galv-reading{position:absolute;bottom:8px;left:50%;transform:translate(-50%);font-weight:700;font-size:12px;letter-spacing:1px}.wheatstone-galv-reading.balanced{color:#10b981}.wheatstone-galv-reading.unbalanced{color:var(--text-muted)}.wheatstone-gaps-row{display:flex;width:100%;justify-content:space-between;align-items:center}.wheatstone-gap{background:#0000004d;padding:16px;border-radius:8px;text-align:center;width:120px;flex-shrink:0}.wheatstone-gap-left{border:1px solid #3b82f6}.wheatstone-gap-right{border:1px solid #10b981}.wheatstone-gap-label{font-size:.9rem;margin-bottom:8px}.wheatstone-gap-left .wheatstone-gap-label{color:#3b82f6}.wheatstone-gap-right .wheatstone-gap-label{color:#10b981}.wheatstone-slider-wrapper{width:100%;position:relative;padding:20px 0}.wheatstone-slider-labels{display:flex;justify-content:space-between;color:var(--text-muted);font-size:.8rem;margin-bottom:8px;padding:0 10px}.wheatstone-slider-value{display:flex;justify-content:center;margin-top:16px;font-weight:700;font-size:1.2rem;color:var(--primary)}.wheatstone-panel{padding:24px;background:#0f172ae6}.wheatstone-panel-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.wheatstone-icon-green{padding:8px;background:#10b98133;border-radius:50%;color:#10b981}.wheatstone-icon-orange{padding:8px;background:#f59e0b33;border-radius:50%;color:#f59e0b}.wheatstone-meters{font-size:2.5rem;text-align:right;letter-spacing:2px;margin-bottom:16px}.wheatstone-select{width:100%;padding:12px;background:#00000080;border:1px solid var(--border-color);border-radius:8px;color:#fff;font-size:1.1rem;outline:none}.wheatstone-select:disabled{cursor:not-allowed;opacity:.7}.wheatstone-eval-panel{padding:24px;display:flex;flex-direction:column}.wheatstone-resistor-visual{padding:24px;background:#0003;border-radius:12px;margin-bottom:24px;text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center}.wheatstone-resistor-graphic{display:flex;align-items:center;justify-content:center;padding:20px 0}.wheatstone-wire{width:40px;height:4px;background:#94a3b8}.wheatstone-resistor-body{width:120px;height:40px;background:linear-gradient(90deg,#d97706,#f59e0b 20%,#b45309 80%,#d97706);border-radius:8px;display:flex;justify-content:space-evenly;align-items:center;box-shadow:0 4px 6px #0000004d,inset 0 2px 4px #fff3}.wheatstone-band{width:6px;height:100%}.band-1{background:#bfdbfe}.band-2{background:#475569}.band-3{background:#1e293b}.band-4{background:#fbbf24}.wheatstone-unknown-value{font-size:2rem;font-weight:700;margin-top:16px}.wheatstone-exam-results{margin-bottom:20px;display:grid;grid-template-columns:1fr;gap:8px}.wheatstone-exam-result-item{padding:8px 12px;background:#0003;border-radius:8px;border:1px solid #10b981;display:flex;justify-content:space-between;align-items:center}.wheatstone-exam-result-delete{background:#ef444433;border:none;color:#ef4444;border-radius:4px;padding:2px 8px;cursor:pointer;font-size:.8rem;font-weight:700}.wheatstone-student-input{margin-top:auto;background:#ffffff08;padding:20px;border-radius:12px;border:1px solid var(--border-color)}.wheatstone-student-title{margin-bottom:16px;color:var(--text-main);font-size:1.05rem}.wheatstone-submit-btn{color:#fff;border:none;border-radius:8px;padding:10px 24px;font-weight:600;width:100%;transition:all .3s ease}.wheatstone-retry-btn{background:transparent;border:1px solid var(--primary);color:var(--primary);border-radius:8px;padding:10px 24px;display:flex;align-items:center;gap:8px}.wheatstone-form{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap}.wheatstone-input-wrapper{flex:1;position:relative;min-width:150px}.wheatstone-input{width:100%;padding:12px 40px 12px 16px;background:#0003;border:1px solid var(--glass-border);border-radius:8px;color:#fff;font-size:1rem;outline:none;transition:all .2s}.wheatstone-unit{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.wheatstone-submit-container{display:flex;flex-direction:column;gap:8px;width:100%}.flex-center{display:flex;align-items:center;justify-content:center;gap:8px}.hookes-law-container{padding:24px;display:flex;flex-direction:column;gap:24px}.hookes-law-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.hookes-law-title{font-size:2rem;margin-bottom:8px;color:var(--primary)}.hookes-law-subtitle{color:var(--text-muted)}.hookes-law-formula{padding:12px 24px;background:#3b82f61a;border-radius:12px;border:1px solid var(--primary)}.hookes-law-formula span{font-size:1.5rem;font-weight:600;font-family:inherit}.hookes-law-grid{display:grid;grid-template-columns:minmax(450px,2fr) minmax(320px,1fr);gap:32px;margin-top:16px}.hookes-law-sim-area{position:relative;height:600px;display:flex;justify-content:center;overflow:hidden;background:#0000004d}.hookes-law-top-support{position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:20px;background:linear-gradient(to bottom,#475569,#334155);border-radius:0 0 8px 8px;box-shadow:0 4px 6px #00000080;z-index:10}.hookes-law-ruler{position:absolute;left:calc(50% - 80px);top:20px;width:70px;height:560px;background:linear-gradient(to right,#2d1f00,#3d2a00);border:1px solid #a16207;border-radius:4px;display:flex;flex-direction:column;z-index:10}.hookes-law-spring-matrix{position:absolute;top:20px;left:calc(50% + 20px);display:flex;flex-direction:column;align-items:center;z-index:5}.hookes-law-right-panel{display:flex;flex-direction:column;gap:20px}.hookes-law-module{padding:20px}.hookes-law-module-title{margin-bottom:4px;font-size:1rem;display:flex;align-items:center;gap:8px}.hookes-law-module-subtitle{font-size:.85rem;color:var(--text-muted);margin-bottom:16px}.mass-button-container{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.mass-button{width:40px;height:40px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;cursor:grab;position:relative;transition:transform .2s,box-shadow .2s}.mass-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffffff1a}.mass-button:active{cursor:grabbing}.mass-red{background:linear-gradient(135deg,#ef4444,#991b1b);border:1px solid #b91c1c;color:#fff}.mass-orange{background:linear-gradient(135deg,#f97316,#c2410c);border:1px solid #ea580c;color:#fff}.mass-yellow{background:linear-gradient(135deg,#eab308,#a16207);border:1px solid #ca8a04;color:#fff}.mass-green{background:linear-gradient(135deg,#22c55e,#15803d);border:1px solid #16a34a;color:#fff}.mass-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:1px solid #2563eb;color:#fff}.mass-cyan{background:linear-gradient(135deg,#06b6d4,#0e7490);border:1px solid #0891b2;color:#fff}.mass-purple{background:linear-gradient(135deg,#a855f7,#6b21a8);border:1px solid #9333ea;color:#fff}.drop-zone{width:100%;height:60px;border:1px dashed rgba(255,255,255,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.85rem;transition:all .2s}.drop-zone.active{background:#ffffff0d;border-color:#fff6}.live-reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.live-reading-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.live-reading-label{font-size:.9rem;color:var(--text-muted)}.live-reading-value{font-size:1.1rem;font-family:inherit;font-weight:600}.live-reading-value.force{color:#ef4444}.live-reading-value.disp{color:#f59e0b;text-shadow:0 0 10px rgba(245,158,11,.3)}@media(max-width:900px){.hookes-law-grid{grid-template-columns:1fr}}.hookes-law-eval-panel{padding:24px;background:#0003;border-radius:12px;margin-bottom:24px;text-align:center}.hookes-law-eval-value{font-size:2.5rem;font-weight:700}.hookes-law-eval-target{font-size:.9rem;color:var(--text-muted);margin-top:8px}.hookes-law-exam-results{margin-bottom:20px;display:grid;grid-template-columns:1fr;gap:8px}.hookes-law-exam-result{padding:8px 12px;background:#0003;border-radius:8px;border:1px solid #10b981;display:flex;justify-content:space-between;align-items:center}.hookes-law-exam-result-del{background:#ef444433;border:none;color:#ef4444;border-radius:4px;padding:2px 8px;cursor:pointer;font-size:.8rem;font-weight:700}.hookes-law-student-input{background:#ffffff08;padding:20px;border-radius:12px;border:1px solid var(--border-color)}.viscosity-container{padding:24px;display:flex;flex-direction:column;gap:24px}.viscosity-header{display:flex;justify-content:space-between;align-items:center}.viscosity-title{font-size:2rem;margin-bottom:8px;color:var(--primary)}.viscosity-subtitle{color:var(--text-muted)}.viscosity-grid{display:grid;grid-template-columns:minmax(300px,1fr) 400px;gap:24px}.viscosity-sim-area{position:relative;height:550px;background:#0000004d;padding:20px;display:flex;justify-content:center}.viscosity-hud{position:absolute;top:24px;left:24px;z-index:10;display:flex;flex-direction:column;gap:8px}.viscosity-stopwatch{background:#0f172acc;padding:12px 20px;border-radius:12px;border:1px solid var(--border-color)}.viscosity-stopwatch-label{font-size:.8rem;color:var(--text-muted);margin-bottom:4px}.viscosity-sim-message{font-size:.9rem;color:#10b981;background:#10b9811a;padding:8px;border-radius:8px}.viscosity-physics-wrapper{position:relative;display:flex;gap:20px;margin-top:20px}.viscosity-ruler{width:40px;height:400px;background:#fef08a;border-radius:4px;position:relative;border:1px solid #ca8a04;color:#854d0e;font-size:10px}.viscosity-micrometer{padding:20px;background:#f59e0b0d;border:1px solid rgba(245,158,11,.2)}.viscosity-micrometer-title{font-size:1.2rem;margin-bottom:12px;display:flex;align-items:center;gap:8px;color:#f59e0b}.viscosity-micrometer-subtitle{font-size:.85rem;color:var(--text-muted);margin-bottom:12px}.viscosity-micrometer-visual{position:relative;height:60px;margin-bottom:20px;background:#0003;border-radius:8px;overflow:hidden}.viscosity-micrometer-scales{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.viscosity-micrometer-scale{background:#e2e8f0;border-radius:8px;border:1px solid #cbd5e1;padding:16px;overflow-x:auto;position:relative}.viscosity-micrometer-scale-title{font-size:.85rem;font-weight:700;color:#334155;margin-bottom:8px}.viscosity-micrometer-controls{display:flex;align-items:center;gap:8px}.viscosity-micrometer-range{flex:1;direction:ltr;accent-color:#f59e0b;height:6px}.viscosity-instructions{background:#3b82f60d;border:1px solid rgba(59,130,246,.2);padding:20px}.viscosity-drop-action{padding:16px;display:flex;flex-direction:column;gap:16px;background:#ffffff05}.viscosity-balls-grid{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.viscosity-ball-btn{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;transition:all .2s;box-shadow:0 4px 6px #0006,inset 0 2px 4px #ffffff4d}.viscosity-ball-btn.active{box-shadow:0 0 0 3px var(--primary),inset 0 2px 4px #ffffff4d;transform:scale(1.1)}.viscosity-ball-btn:hover{transform:translateY(-2px)}.viscosity-drop-btn{width:100%;padding:12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:all .2s}.viscosity-drop-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 15px #10b98166}.viscosity-drop-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}@media(max-width:900px){.viscosity-grid{grid-template-columns:1fr}}