@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&family=Inter:wght@400;600;700;800;900&family=IBM+Plex+Mono:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Amiri:wght@700&family=Cinzel:wght@600&display=swap";:root{color-scheme:dark;--bg: #06090f;--s1: #0c1220;--s2: #111a2e;--b1: #1b2d4f;--b2: #243760;--teal: #00e5c8;--teal2: #00b5a0;--blue: #3b8eff;--gold: #fbbf24;--red: #f43f5e;--green: #10b981;--orange: #fb923c;--purple: #a78bfa;--txt: #ddeeff;--muted: #6b8db5;--radius: 14px;--glow-t: 0 0 32px rgba(0, 229, 200, .15);--shadow-card: 0 8px 32px rgba(0, 0, 0, .3)}html.light{color-scheme:light;--bg: #f5f7fa;--s1: #ffffff;--s2: #eef2f7;--b1: #dbe3ee;--b2: #c7d2e0;--txt: #0d1b2a;--muted: #5c6b7f;--glow-t: 0 0 32px rgba(0, 181, 160, .12);--shadow-card: 0 8px 24px rgba(13, 27, 42, .1), 0 2px 6px rgba(13, 27, 42, .06)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--txt);min-height:100vh;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation;scrollbar-gutter:stable;overflow-x:hidden}body{margin:0}.font-ar{font-family:Tajawal,sans-serif}.font-en{font-family:Inter,sans-serif}.exam-protected{min-height:100vh;overflow:auto;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;touch-action:none}.exam-protected *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}@media print{.exam-protected,.root{display:none!important}}.watermark-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8000;background-repeat:repeat;background-size:360px 170px}.ss-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#f43f5e38;z-index:9998;pointer-events:none;animation:ssflash .5s ease forwards}p,h1,h2,h3,h4,label,li,td,th,input,textarea,.root div:not(:has(*)),.root span:not(:has(*)){unicode-bidi:plaintext}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes ssflash{0%{opacity:1}to{opacity:0}}@keyframes dot-fade{0%,80%,to{opacity:0}40%{opacity:1}}@keyframes aiGenShimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes aiGenPulse{0%,to{box-shadow:0 0 #00e5c859}50%{box-shadow:0 0 0 10px #00e5c800}}@keyframes selectMenuOpen{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.loading-ctr{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;padding:24px}.spinner{width:52px;height:52px;border:3px solid var(--b1);border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}.loading-txt{color:var(--muted);font-size:15px}.ai-dots span{opacity:0;animation:dot-fade 1.4s infinite}.ai-dots span:nth-child(1){animation-delay:0s}.ai-dots span:nth-child(2){animation-delay:.2s}.ai-dots span:nth-child(3){animation-delay:.4s}.ai-dots-ar span:nth-child(1){animation-delay:.4s}.ai-dots-ar span:nth-child(2){animation-delay:.2s}.ai-dots-ar span:nth-child(3){animation-delay:0s}.ai-dots-en span:nth-child(1){animation-delay:0s}.ai-dots-en span:nth-child(2){animation-delay:.2s}.ai-dots-en span:nth-child(3){animation-delay:.4s}.ai-gen-btn.generating{background:linear-gradient(90deg,var(--teal),var(--blue),var(--teal),var(--blue));background-size:300% 100%;animation:aiGenShimmer 2.2s linear infinite,aiGenPulse 1.6s ease-in-out infinite;cursor:not-allowed}.ai-spinner{width:16px;height:16px;border-radius:50%;border:2.5px solid rgba(0,0,0,.25);border-top-color:#000;animation:spin .7s linear infinite;flex-shrink:0}.root{width:100%;min-height:100vh;background:radial-gradient(ellipse 100% 50% at 50% -5%,rgba(0,229,200,.09) 0%,transparent 60%),radial-gradient(ellipse 70% 40% at 90% 95%,rgba(59,142,255,.07) 0%,transparent 50%),var(--bg)}.shell{width:100%;max-width:1400px;margin:0 auto;padding:24px 20px 48px}.topbar{display:flex;align-items:center;justify-content:space-between;background:var(--s1);border:1px solid var(--b1);border-radius:var(--radius);padding:14px 20px;margin-bottom:22px;flex-wrap:wrap;gap:10px}.topbar-left{display:flex;align-items:center;gap:10px}.teacher-topbar{position:relative;display:flex;gap:16px;align-items:center;direction:ltr;min-height:52px}.topbar-user{min-width:0;order:3;flex:1 1 0;justify-self:end;direction:rtl;align-self:center}.topbar-account{display:flex;align-items:center;gap:10px;min-width:0;direction:rtl}.topbar-account>div:last-child{direction:rtl}.topbar-ios-hint{order:-1;max-width:200px;font-size:11px;line-height:1.2;text-align:right}.font-en .topbar-ios-hint{text-align:left}.topbar-mobile-ios-hint{display:none}.topbar-notifications{order:2;display:flex;justify-content:center;align-items:center;align-self:center;flex:0 0 auto}.topbar-notification-btn{min-height:40px;padding:8px 16px;font-size:13px;white-space:nowrap}.topbar-actions{order:1;flex:1 1 0;display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;direction:rtl;align-self:center}.topbar-action-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.topbar-bank-btn{min-height:unset;gap:5px;padding:8px 14px;font-size:13px}.topbar-results-btn{min-height:unset;padding:11px 20px;font-size:14px}.topbar-logout-btn{min-height:unset;padding:7px 14px;font-size:13px}.avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:16px;flex-shrink:0}.av-t{background:linear-gradient(135deg,var(--blue),#1e5ad4);color:#fff}.av-s{background:linear-gradient(135deg,var(--teal),var(--teal2));color:#000}.user-name{font-weight:700;font-size:15px}.user-role{font-size:12px;color:var(--muted)}.ip-chip{font-size:11px;font-family:IBM Plex Mono,monospace;background:var(--s2);border:1px solid var(--b1);border-radius:6px;padding:4px 10px;color:var(--teal)}.logout-btn{background:none;border:1px solid var(--b1);border-radius:8px;padding:7px 14px;color:var(--muted);font-family:inherit;font-size:13px;cursor:pointer;transition:all .2s}.logout-btn:hover{border-color:var(--red);color:var(--red)}.card{background:var(--s1);border:1px solid var(--b1);border-radius:18px;padding:28px;margin-bottom:18px;animation:slideUp .3s ease}.card-title{font-size:18px;font-weight:800;margin-bottom:20px;display:flex;align-items:center;gap:9px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tbl{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.tbl td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tbl th{padding:10px 14px;font-weight:700;color:var(--muted);border-bottom:1px solid var(--b1);font-size:12px}.tbl td{padding:12px 14px;border-bottom:1px solid rgba(27,45,79,.5);vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:#ffffff05}.mono{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--muted)}.shield-row{display:flex;align-items:center;gap:8px;background:#00e5c80f;border:1px solid rgba(0,229,200,.2);border-radius:10px;padding:10px 14px;font-size:13px;color:var(--teal);margin-top:14px}.ip-reset-note{background:#fbbf2414;border:1px solid rgba(251,191,36,.25);border-radius:10px;padding:11px 14px;font-size:13px;color:var(--gold);display:flex;align-items:center;gap:8px;margin-top:10px}.divider{height:1px;background:var(--b1);margin:22px 0}.empty{color:var(--muted);text-align:center;padding:40px;font-size:15px}@media(max-width:600px){.shell{padding:12px 6px 48px}.card{padding:14px 10px;border-radius:14px;margin-bottom:12px}.topbar{padding:10px 12px;margin-bottom:14px}.teacher-topbar{display:flex;align-items:stretch;gap:10px;direction:rtl;min-height:0;position:static}.topbar-user,.topbar-notifications,.topbar-actions{width:100%}.topbar-user{padding:2px 2px 4px;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;direction:ltr;gap:8px;order:initial;flex:initial}.topbar-mobile-ios-hint{display:block;flex:1;max-width:none;font-size:10px;line-height:1.25;text-align:right;direction:rtl}.font-en .topbar-mobile-ios-hint{text-align:left;direction:ltr}.topbar-account{flex:0 0 auto;justify-content:flex-end}.topbar-desktop-ios-hint{display:none}.topbar-notifications{order:initial;flex:initial;justify-content:stretch}.topbar-notifications.has-ios-hint{display:none}.topbar-notification-btn{width:100%}.topbar-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;order:initial;flex:initial}.topbar-action-btn{width:100%;min-width:0;min-height:40px;padding-inline:8px;overflow:hidden;text-overflow:ellipsis}.row2{grid-template-columns:1fr;gap:10px}.question-edit-card{padding:12px 10px!important}}.q-text,.opt,.expla,.ans-item,.user-name,.user-role,.card-title,.field label,.res-card p,.res-card h1,.res-card h2,.res-card h3,.brand-sub,.intro-desc,.sec-msg,.sec-title,.g-title,.g-sub,.g-err,.file-name,.upload-hint,.upload-types,.shield-row,.ip-reset-note{unicode-bidi:plaintext}.field input,.field textarea{unicode-bidi:plaintext;text-align:start}.btn-teal{padding:13px 28px;background:linear-gradient(135deg,var(--teal),var(--teal2));border:none;border-radius:var(--radius);color:#000;font-family:inherit;font-size:16px;font-weight:800;cursor:pointer;transition:all .2s;box-shadow:0 4px 18px #00e5c847}.btn-teal:hover{transform:translateY(-1px);box-shadow:0 8px 28px #00e5c861}.btn-teal:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-blue{padding:11px 20px;background:linear-gradient(135deg,var(--blue),#1e5ad4);border:none;border-radius:var(--radius);color:#fff;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.btn-blue:hover{transform:translateY(-1px)}.btn-red{padding:9px 18px;background:#f43f5e1a;border:1px solid rgba(244,63,94,.35);border-radius:9px;color:var(--red);font-family:inherit;font-size:13px;cursor:pointer;transition:all .2s}.btn-red:hover{background:#f43f5e33}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px}.bg{background:#10b98121;color:var(--green);border:1px solid rgba(16,185,129,.3)}.br{background:#f43f5e21;color:var(--red);border:1px solid rgba(244,63,94,.3)}.by{background:#fbbf2421;color:var(--gold);border:1px solid rgba(251,191,36,.3)}.bb{background:#3b8eff21;color:var(--blue);border:1px solid rgba(59,142,255,.3)}.bo{background:#fb923c21;color:var(--orange);border:1px solid rgba(251,146,60,.3)}.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:8px}.field input,.field select,.field textarea{width:100%;background:var(--s2);border:1.5px solid var(--b1);border-radius:var(--radius);padding:12px 16px;color:var(--txt);font-family:inherit;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #00e5c81a}.field textarea{min-height:180px;line-height:1.7}.field textarea.opt-textarea{min-height:44px}.opt-count-field{max-width:220px}.upload-zone{border:2px dashed var(--b2);border-radius:var(--radius);padding:26px;text-align:center;cursor:pointer;transition:all .2s;background:var(--s2);position:relative;overflow:hidden}.upload-zone:hover,.upload-zone.drag{border-color:var(--teal);background:#00e5c80a}.upload-zone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.upload-icon{font-size:34px;margin-bottom:10px}.upload-hint{font-size:14px;color:var(--txt);font-weight:600;margin-bottom:4px}.upload-types{font-size:12px;color:var(--muted)}.file-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.file-chip{display:flex;align-items:center;gap:7px;background:var(--s1);border:1px solid var(--b1);border-radius:9px;padding:6px 12px;font-size:13px;max-width:200px}.file-chip img{width:38px;height:38px;object-fit:cover;border-radius:6px;flex-shrink:0}.file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.rm-btn{background:none;border:none;color:var(--red);cursor:pointer;font-size:18px;line-height:1;padding:0;flex-shrink:0}.custom-select{position:relative;width:100%}.custom-select-trigger{width:100%;background:var(--s2);border:1.5px solid var(--b1);border-radius:var(--radius);padding:12px 16px;color:var(--txt);font-family:inherit;font-size:15px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:border-color .2s,box-shadow .2s}.custom-select-trigger:hover{border-color:var(--teal)}.custom-select-trigger.open{border-color:var(--teal);box-shadow:0 0 0 3px #00e5c81a}.custom-select-arrow{transition:transform .25s ease;color:var(--muted);flex-shrink:0}.custom-select-trigger.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:50;background:var(--s1);border:1.5px solid var(--b1);border-radius:12px;max-height:240px;overflow-y:auto;box-shadow:0 12px 32px #00000059;animation:selectMenuOpen .18s cubic-bezier(.16,1,.3,1);padding:6px}.custom-select-option{padding:10px 12px;border-radius:8px;cursor:pointer;font-size:14px;transition:background .15s,color .15s}.custom-select-option:hover{background:#00e5c814}.custom-select-option.selected{background:#00e5c824;color:var(--teal);font-weight:700}html.light .custom-select-trigger:hover,html.light .custom-select-trigger.open{border-color:#009688}html.light .custom-select-trigger.open{box-shadow:0 0 0 3px #00968824}html.light .custom-select-arrow{color:#000}html.light .custom-select-option:hover{background:#00968814}html.light .custom-select-option.selected{background:#00968826;color:#00796b;font-weight:800}@media(max-width:600px){.field{margin-bottom:12px}.field input,.field select,.field textarea{padding:10px 12px;font-size:14px}.opt-count-field{max-width:none;width:100%}}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}@keyframes theme-reveal-anim{0%{clip-path:circle(0px at var(--tx) var(--ty))}to{clip-path:circle(var(--tr) at var(--tx) var(--ty))}}@keyframes theme-unreveal-anim{0%{clip-path:circle(var(--tr) at var(--tx) var(--ty))}to{clip-path:circle(0px at var(--tx) var(--ty))}}html.theme-reveal::view-transition-new(root){animation:theme-reveal-anim .6s ease-in-out forwards}html.theme-unreveal::view-transition-old(root){animation:theme-unreveal-anim .6s ease-in-out forwards;z-index:2}html.theme-unreveal::view-transition-new(root){z-index:1}.theme-toggle-btn{position:absolute;top:16px;right:16px;z-index:999;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--b2);background:var(--s1);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:0;transition:all .2s,transform .2s}.theme-toggle-btn:hover{border-color:var(--teal);box-shadow:var(--glow-t);transform:scale(1.08)}.theme-toggle-btn:active{transform:scale(.92)}html.light .theme-toggle-btn{box-shadow:0 1px 5px #0d1b2a24}.theme-icon-wrap{position:relative;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.theme-icon-svg{overflow:visible}.crescent-group{transform-origin:12px 12px;transform:scale(1) rotate(0);transition:transform .6s cubic-bezier(.45,0,.25,1) .35s}.theme-icon-wrap.is-dark .crescent-group{transform:scale(1.6) rotate(45deg);transition:transform .6s cubic-bezier(.45,0,.25,1) .4s}.toggle-circle{fill:var(--gold);transition:fill .5s ease .35s}.theme-icon-wrap.is-dark .toggle-circle{fill:#fff}.eclipse-circle{fill:var(--s1);transform:translate(-9px) scale(.01);transform-origin:12px 12px;transition:transform .55s cubic-bezier(.45,0,.25,1) .35s}.theme-icon-wrap.is-dark .eclipse-circle{transform:translate(-3.2px,-.5px) scale(.95)}.sun-rays line{stroke:var(--gold);stroke-width:2;stroke-linecap:round;opacity:1;transform:scale(1);transition:opacity .35s ease calc(1.1s + var(--stg)),transform .4s cubic-bezier(.34,1.56,.64,1) calc(1.1s + var(--stg))}.theme-icon-wrap.is-dark .sun-rays line{opacity:0;transform:scale(0);transition:opacity .3s ease var(--stg),transform .35s cubic-bezier(.45,0,.25,1) var(--stg)}.sun-rays line:nth-child(1){transform-origin:12px 3.5px}.sun-rays line:nth-child(2){transform-origin:12px 20.5px}.sun-rays line:nth-child(3){transform-origin:3.5px 12px}.sun-rays line:nth-child(4){transform-origin:20.5px 12px}.sun-rays line:nth-child(5){transform-origin:6px 6px}.sun-rays line:nth-child(6){transform-origin:19.8px 19.8px}.sun-rays line:nth-child(7){transform-origin:6px 18px}.sun-rays line:nth-child(8){transform-origin:19.8px 4.2px}.moon-star{fill:#fff;opacity:0;transform-box:fill-box;transform-origin:center;transform:translate(calc(var(--dx) * 1px),calc(var(--dy) * 1px)) scale(0) rotate(-100deg);transition:opacity .3s ease var(--sd),transform .45s cubic-bezier(.45,0,.25,1) var(--sd)}.theme-icon-wrap.is-dark .moon-star{opacity:1;transform:translate(0) scale(var(--fs)) rotate(var(--frot));transition:opacity .35s ease calc(1.05s + var(--sd)),transform .5s cubic-bezier(.34,1.56,.64,1) calc(1.05s + var(--sd))}.theme-toggle-label{position:absolute;top:16px;right:66px;height:40px;display:flex;align-items:center;color:var(--txt);font-family:Inter,sans-serif;font-size:13px;font-weight:600;letter-spacing:.3px;white-space:nowrap;opacity:0;transform:translate(6px);pointer-events:none;z-index:999;transition:opacity .35s ease,transform .35s ease}.theme-toggle-label.show{opacity:1;transform:translate(0);transition:opacity .2s ease,transform .2s ease}@media(max-width:380px){.theme-toggle-label{font-size:11px;right:60px}}.lang-bar{position:absolute;top:16px;left:16px;z-index:999;display:flex;gap:6px}.lang-btn{padding:6px 14px;border-radius:999px;border:1.5px solid var(--b2);background:var(--s1);color:var(--muted);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.lang-btn.active{border-color:var(--teal);color:var(--teal);background:#00e5c814}html.light .lang-btn{border-color:var(--b2);box-shadow:0 1px 4px #0d1b2a14}html.light .lang-btn.active{background:#00b5a01f;border-color:var(--teal2);color:var(--teal2)}@media(max-width:380px){.lang-btn{padding:5px 10px;font-size:12px}}.role-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.role-box{width:100%;max-width:580px;text-align:center}.brand{font-size:46px;margin-bottom:10px}.brand-title{font-size:30px;font-weight:900;background:linear-gradient(135deg,var(--teal),var(--blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px;line-height:1.3}.brand-sub{color:var(--muted);margin-bottom:36px;font-size:14px;line-height:1.7}.role-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:28px}.start-image-glow{width:100%;max-width:540px;margin:0 auto 28px}.start-image-glow .border-glow-inner{border-radius:24px;overflow:hidden;box-shadow:0 24px 60px #00000038}.start-image{width:100%;display:block;object-fit:cover;height:auto}.role-card{background:var(--s1);border:1.5px solid var(--b1);border-radius:20px;padding:34px 20px;cursor:pointer;transition:all .25s;text-align:center}.role-card:hover{border-color:var(--teal);box-shadow:var(--glow-t);transform:translateY(-4px)}.role-card.t:hover{border-color:var(--blue);box-shadow:0 0 32px #3b8eff26}.role-icon{font-size:44px;margin-bottom:14px}.role-icon-wrap{width:130px;height:130px;border-radius:50%;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;position:relative;border:2px solid var(--b1);transition:border-color .25s,box-shadow .3s}.role-icon-img{width:126px;height:126px;object-fit:cover;object-position:center 10%;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:width .35s cubic-bezier(.34,1.56,.64,1),height .35s cubic-bezier(.34,1.56,.64,1),border-radius .35s ease}.role-card.t:hover .role-icon-wrap{border-color:var(--blue);box-shadow:0 0 24px #3b8eff8c}.role-card:not(.t):hover .role-icon-wrap{border-color:var(--teal);box-shadow:0 0 24px #00e5c88c}.role-card:hover .role-icon-img{width:220px;height:155px;border-radius:20px;z-index:2}.role-name{font-size:19px;font-weight:800;margin-bottom:8px}.role-desc{font-size:13px;color:var(--muted);line-height:1.65}.credits{background:var(--s1);border:1px solid var(--b1);border-radius:16px;padding:18px 22px;text-align:center;font-size:13px;color:var(--muted)}.credits-title{font-size:14px;font-weight:700;color:var(--txt);margin-bottom:10px}.credits-devs{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.dev-link{display:flex;align-items:center;gap:7px;text-decoration:none;background:var(--s2);border:1px solid var(--b1);border-radius:10px;padding:8px 14px;transition:all .2s}.dev-link:hover{border-color:var(--purple);box-shadow:0 0 16px #a78bfa33;transform:translateY(-2px)}.dev-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;color:#fff}.dev-name{font-weight:700;font-size:14px;color:var(--txt)}.dev-ig{font-size:11px;color:var(--purple)}.ig-icon{font-size:16px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9990;animation:fadeIn .2s}.google-modal{background:#fff;border-radius:22px;padding:44px 40px;width:390px;text-align:center;box-shadow:0 40px 100px #00000080;animation:slideUp .3s ease;overflow:visible}html.light .google-modal{box-shadow:0 0 0 1px #0d1b2a0f,0 24px 70px #0d1b2a40,0 0 0 2px var(--teal);border:1px solid rgba(13,27,42,.08)}.g-logo{font-size:40px;margin-bottom:16px}.g-title{font-size:21px;font-weight:800;color:#202124;margin-bottom:4px}.g-sub{font-size:13px;color:#5f6368;margin-bottom:26px}.g-field{width:100%;border:1.5px solid #dadce0;border-radius:9px;padding:13px 14px;font-size:15px;outline:none;margin-bottom:12px;font-family:inherit;transition:border-color .2s}.g-field:focus{border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81f}.g-btn{width:100%;padding:13px;background:#1a73e8;border:none;border-radius:9px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .2s;margin-top:4px}.g-btn:hover{background:#1557b0}.g-btn:disabled{background:#aac7f5;cursor:not-allowed}.g-cancel{background:none;border:none;color:#5f6368;font-size:14px;cursor:pointer;margin-top:12px;font-family:inherit}.g-cancel:hover{opacity:.85}.g-err{color:#d93025;font-size:13px;background:#fce8e6;border-radius:7px;padding:10px 12px;margin-bottom:12px}.google-fallback-note{font-size:13px;color:var(--muted);margin-bottom:12px;line-height:1.6;text-align:center}.google-login-section{display:flex;justify-content:center;margin-bottom:16px}.google-login-section>div{width:100%}.g-cancel.portal-btn:hover{filter:none!important;transform:scale(1.05)!important;background:#e8eaed!important;opacity:1}.g-cancel.portal-btn:active{transform:scale(.95)!important}.exam-shell{width:100%;max-width:900px;margin:0 auto;padding:20px 20px 32px;overflow:auto}.exam-hdr{display:flex;align-items:center;justify-content:space-between;background:var(--s1);border:1px solid var(--b1);border-radius:var(--radius);padding:14px 20px;margin-bottom:14px;flex-wrap:wrap;gap:10px}.timer{font-family:IBM Plex Mono,monospace;font-size:24px;font-weight:600;background:var(--s2);border:1px solid var(--b1);border-radius:10px;padding:8px 20px;color:var(--teal);min-width:92px;text-align:center}.timer.warn{color:var(--gold);border-color:#fbbf2466}.timer.danger{color:var(--red);border-color:#f43f5e66;animation:pulse 1s ease infinite}.prog-wrap{background:var(--s1);border:1px solid var(--b1);border-radius:var(--radius);padding:12px 18px;margin-bottom:14px;display:flex;align-items:center;gap:12px}.prog-track{flex:1;height:7px;background:var(--s2);border-radius:999px;overflow:hidden}.prog-fill{height:100%;background:linear-gradient(90deg,var(--teal2),var(--teal));border-radius:999px;transition:width .4s;box-shadow:0 0 10px #00e5c866}.viol-bar{background:#f43f5e1a;border:1px solid rgba(244,63,94,.3);border-radius:var(--radius);padding:10px 16px;margin-bottom:12px;font-size:13px;color:var(--red);display:flex;align-items:center;justify-content:space-between}.ss-bar{background:#fb923c1a;border:1px solid rgba(251,146,60,.3);border-radius:var(--radius);padding:10px 16px;margin-bottom:12px;font-size:13px;color:var(--orange);display:flex;align-items:center;gap:8px}.q-card{background:var(--s1);border:1px solid var(--b1);border-radius:18px;padding:30px;box-shadow:var(--shadow-card);animation:slideUp .3s ease}.q-meta{display:flex;align-items:center;gap:8px;margin-bottom:18px;flex-wrap:wrap}.q-num{background:linear-gradient(135deg,var(--teal),var(--teal2));color:#000;font-weight:800;font-size:12px;border-radius:8px;padding:4px 12px}.q-level{font-size:12px;color:var(--muted);background:var(--s2);border:1px solid var(--b1);border-radius:6px;padding:3px 10px}.q-text{font-size:19px;font-weight:600;line-height:1.75;margin-bottom:22px}.q-img{width:100%;max-height:260px;object-fit:contain;border-radius:10px;border:1px solid var(--b1);margin-bottom:20px;background:var(--s2)}.opts{display:flex;flex-direction:column;gap:11px}.opt{width:100%;background:var(--s2);border:1.5px solid var(--b1);border-radius:var(--radius);padding:15px 18px;color:var(--txt);font-family:inherit;font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:12px}.opt:hover:not(:disabled){border-color:var(--teal);background:#00e5c80f;transform:translate(-2px)}.opt.sel{border-color:var(--teal);background:#00e5c814;box-shadow:0 0 0 3px #00e5c812}.opt.ok{border-color:var(--green);background:#10b98117}.opt.bad{border-color:var(--red);background:#f43f5e17}.opt-letter{width:30px;height:30px;border-radius:50%;background:var(--b1);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;transition:background .2s}.opt.sel .opt-letter{background:var(--teal);color:#000}.expla{background:#10b98112;border:1px solid rgba(16,185,129,.25);border-radius:12px;padding:16px;margin-top:18px;font-size:14px;line-height:1.7;color:#9de8cc;animation:fadeIn .3s}.nav-row{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:10px;flex-wrap:wrap}.btn-confirm{padding:12px 26px;background:linear-gradient(135deg,var(--teal),var(--teal2));border:none;border-radius:var(--radius);color:#000;font-family:inherit;font-size:15px;font-weight:800;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #00e5c847}.btn-confirm:hover{transform:translateY(-1px)}.btn-confirm:disabled{opacity:.35;cursor:not-allowed;transform:none}.sec-ov{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#06090ff7;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;animation:fadeIn .2s;text-align:center;padding:28px}.sec-icon{font-size:72px}.sec-title{font-size:26px;font-weight:900;color:var(--red)}.sec-msg{color:var(--muted);max-width:440px;font-size:15px;line-height:1.7}.res-wrap{max-width:700px;margin:0 auto;padding:28px 20px}.res-card{background:var(--s1);border:1px solid var(--b1);border-radius:20px;padding:40px;text-align:center;box-shadow:var(--glow-t);animation:slideUp .5s ease}.score-arc{width:150px;height:150px;border-radius:50%;margin:0 auto 24px;position:relative;display:flex;align-items:center;justify-content:center}.score-arc:before{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;background:var(--s1);border-radius:50%}.score-num{position:relative;z-index:1;font-size:36px;font-weight:900}.stats-row{display:flex;gap:12px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}.stat-box{background:var(--s2);border:1px solid var(--b1);border-radius:12px;padding:14px 18px;min-width:88px}.stat-val{font-size:24px;font-weight:900}.stat-lbl{font-size:11px;color:var(--muted);margin-top:3px}.ans-item{background:var(--s2);border:1px solid var(--b1);border-radius:12px;padding:14px 16px;margin-bottom:10px;display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6}.particle-text{position:relative;display:block;width:100%;height:100%;min-height:240px;overflow:hidden;touch-action:none;isolation:isolate}.particle-text__canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.particle-text__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cursor-reveal{--reveal-left: -2vw;--reveal-top: 0px;--reveal-h: 130vh;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;mix-blend-mode:screen}.cursor-reveal__base,.cursor-reveal__spot{position:absolute;top:0;right:0;bottom:0;left:0}.cursor-reveal__img{position:absolute;left:var(--reveal-left);top:var(--reveal-top);height:var(--reveal-h);aspect-ratio:2 / 3;background:var(--reveal-img) center / cover no-repeat;transform:scaleX(-1);-webkit-mask-image:radial-gradient(ellipse 52% 52% at 50% 50%,#000 50%,transparent 100%);mask-image:radial-gradient(ellipse 52% 52% at 50% 50%,#000 50%,transparent 100%)}.cursor-reveal__base{opacity:.07}.cursor-reveal__base .cursor-reveal__img{filter:blur(2px) grayscale(.4) brightness(.8)}.cursor-reveal__spot{--x: -9999px;--y: -9999px;--r: .01px;opacity:0;will-change:opacity;-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),#000 0%,rgba(0,0,0,.65) 40%,rgba(0,0,0,0) 100%);mask-image:radial-gradient(circle var(--r) at var(--x) var(--y),#000 0%,rgba(0,0,0,.65) 40%,rgba(0,0,0,0) 100%)}html.light .cursor-reveal{mix-blend-mode:normal}html.light .cursor-reveal__base{opacity:.09}@media(hover:none),(pointer:coarse){.cursor-reveal__spot{display:none}.cursor-reveal__base{opacity:.08}.cursor-reveal__base .cursor-reveal__img{filter:none}}@media(max-width:768px){.cursor-reveal{--reveal-left: -10vw;--reveal-h: 100vh}}.role-wrap{position:relative;z-index:1}.right-emblem{--re-size: min(30vw, 440px);--re-right: 3vw;--re-top: 24vh;--re-c1: #03ffc2;--re-c2: #20a6fb;position:absolute;right:var(--re-right);top:var(--re-top);width:var(--re-size);aspect-ratio:1;z-index:0;pointer-events:none;direction:ltr}.re-layer{position:absolute;top:0;right:0;bottom:0;left:0}.re-svg{width:100%;height:100%;overflow:visible}.re-svg *{stroke:var(--re-c1)}.re-base{opacity:.12}.re-glow{--mx: -9999px;--my: -9999px;opacity:.65;-webkit-mask-image:radial-gradient(circle var(--re-reveal) at var(--mx) var(--my),#000 0%,rgba(0,0,0,.5) 45%,transparent 100%);mask-image:radial-gradient(circle var(--re-reveal) at var(--mx) var(--my),#000 0%,rgba(0,0,0,.5) 45%,transparent 100%)}.re-glow .re-svg *{stroke:var(--re-c2)}.re-glow .re-ar{filter:drop-shadow(0 0 14px rgba(3,255,194,.35))}.re-glow .re-en{opacity:1}.re-spin-a,.re-spin-b{transform-box:fill-box;transform-origin:center}.re-spin-a{animation:re-rot 140s linear infinite}.re-spin-b{animation:re-rot 100s linear infinite reverse}@keyframes re-rot{to{transform:rotate(360deg)}}.re-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px}.re-ar{font-family:Amiri,Scheherazade New,serif;font-weight:700;font-size:clamp(2.2rem,3.8vw,4rem);line-height:1.5;padding:.2em .15em .3em;margin-bottom:-.25em;background:linear-gradient(90deg,var(--re-c1),var(--re-c2));-webkit-background-clip:text;background-clip:text;color:transparent;opacity:1}.re-line{width:46%;height:1px;background:linear-gradient(90deg,transparent,var(--re-c2),transparent);opacity:.6}.re-en{font-family:Cinzel,serif;font-weight:600;font-size:clamp(.6rem,.85vw,.95rem);letter-spacing:.32em;color:#def;opacity:.7}html.light .right-emblem{--re-c1: #00a58f;--re-c2: #2f7be0}html.light .re-en{color:#0f2a44}html.light .re-base{opacity:.14}@media(max-width:1100px){.right-emblem{display:none}}@media(prefers-reduced-motion:reduce){.re-spin-a,.re-spin-b{animation:none}}.border-glow-hit-area{position:relative;padding:var(--glow-padding);margin:calc(var(--glow-padding) * -1)}.border-glow-hit-area:hover .border-glow-card:not(.sweep-active):before{opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)))}.border-glow-hit-area:hover .border-glow-card:not(.sweep-active):after{opacity:calc(var(--fill-opacity, .5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)))}.border-glow-hit-area:hover .border-glow-card:not(.sweep-active)>.edge-light{opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)))}.border-glow-card.glow-active:not(.sweep-active):before{opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)))}.border-glow-card.glow-active:not(.sweep-active):after{opacity:calc(var(--fill-opacity, .5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)))}.border-glow-card.glow-active:not(.sweep-active)>.edge-light{opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)))}.border-glow-card{--edge-proximity: 0;--cursor-angle: 45deg;--edge-sensitivity: 30;--color-sensitivity: calc(var(--edge-sensitivity) + 20);--border-radius: 28px;--glow-padding: 40px;--cone-spread: 25;position:relative;border-radius:var(--border-radius);isolation:isolate;transform:translateZ(.01px);display:grid;border:1px solid rgb(255 255 255 / 15%);background:var(--card-bg, #120f17);overflow:visible;box-shadow:#0000001a 0 1px 2px,#0000001a 0 2px 4px,#0000001a 0 4px 8px,#0000001a 0 8px 16px,#0000001a 0 16px 32px,#0000001a 0 32px 64px}.border-glow-card--light{border-color:#18181b1f;box-shadow:#18181b0a 0 1px 2px,#18181b0d 0 8px 24px}.border-glow-card--light:after,.border-glow-card--light>.edge-light{mix-blend-mode:normal}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transition:opacity .25s ease-out;z-index:-1}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{border:1px solid transparent;background:linear-gradient(var(--card-bg, #120f17) 0 100%) padding-box,linear-gradient(#fff0,#fff0) border-box,var(--gradient-one, radial-gradient(at 80% 55%, hsla(268, 100%, 76%, 1) 0px, transparent 50%)) border-box,var(--gradient-two, radial-gradient(at 69% 34%, hsla(349, 100%, 74%, 1) 0px, transparent 50%)) border-box,var(--gradient-three, radial-gradient(at 8% 6%, hsla(136, 100%, 78%, 1) 0px, transparent 50%)) border-box,var(--gradient-four, radial-gradient(at 41% 38%, hsla(192, 100%, 64%, 1) 0px, transparent 50%)) border-box,var(--gradient-five, radial-gradient(at 86% 85%, hsla(186, 100%, 74%, 1) 0px, transparent 50%)) border-box,var(--gradient-six, radial-gradient(at 82% 18%, hsla(52, 100%, 65%, 1) 0px, transparent 50%)) border-box,var(--gradient-seven, radial-gradient(at 51% 4%, hsla(12, 100%, 72%, 1) 0px, transparent 50%)) border-box,var(--gradient-base, linear-gradient(#c299ff 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%))}.border-glow-card:after{border:1px solid transparent;background:var(--gradient-one, radial-gradient(at 80% 55%, hsla(268, 100%, 76%, 1) 0px, transparent 50%)) padding-box,var(--gradient-two, radial-gradient(at 69% 34%, hsla(349, 100%, 74%, 1) 0px, transparent 50%)) padding-box,var(--gradient-three, radial-gradient(at 8% 6%, hsla(136, 100%, 78%, 1) 0px, transparent 50%)) padding-box,var(--gradient-four, radial-gradient(at 41% 38%, hsla(192, 100%, 64%, 1) 0px, transparent 50%)) padding-box,var(--gradient-five, radial-gradient(at 86% 85%, hsla(186, 100%, 74%, 1) 0px, transparent 50%)) padding-box,var(--gradient-six, radial-gradient(at 82% 18%, hsla(52, 100%, 65%, 1) 0px, transparent 50%)) padding-box,var(--gradient-seven, radial-gradient(at 51% 4%, hsla(12, 100%, 72%, 1) 0px, transparent 50%)) padding-box,var(--gradient-base, linear-gradient(#c299ff 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add;opacity:calc(var(--fill-opacity, .5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";position:absolute;inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color, hsl(40deg 80% 80% / 100%)),inset 0 0 1px 0 var(--glow-color-60, hsl(40deg 80% 80% / 60%)),inset 0 0 3px 0 var(--glow-color-50, hsl(40deg 80% 80% / 50%)),inset 0 0 6px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),inset 0 0 15px 0 var(--glow-color-30, hsl(40deg 80% 80% / 30%)),inset 0 0 25px 2px var(--glow-color-20, hsl(40deg 80% 80% / 20%)),inset 0 0 50px 2px var(--glow-color-10, hsl(40deg 80% 80% / 10%)),0 0 1px 0 var(--glow-color-60, hsl(40deg 80% 80% / 60%)),0 0 3px 0 var(--glow-color-50, hsl(40deg 80% 80% / 50%)),0 0 6px 0 var(--glow-color-40, hsl(40deg 80% 80% / 40%)),0 0 15px 0 var(--glow-color-30, hsl(40deg 80% 80% / 30%)),0 0 25px 2px var(--glow-color-20, hsl(40deg 80% 80% / 20%)),0 0 50px 2px var(--glow-color-10, hsl(40deg 80% 80% / 10%))}.border-glow-inner{display:flex;flex-direction:column;position:relative;overflow:auto;z-index:1}