@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";:root{--color-bg-page: #04010a;--color-bg-panel: rgba(10, 6, 22, .82);--color-bg-panel-alt: rgba(20, 8, 38, .75);--color-bg-hover: rgba(168, 85, 247, .08);--color-text-main: #f0eeff;--color-text-secondary: #c084fc;--color-text-muted: #6b5c8a;--color-border: rgba(168, 85, 247, .14);--color-border-hover: rgba(168, 85, 247, .4);--color-accent-primary: #a855f7;--color-accent-vivid: #bf5fff;--color-glow: rgba(168, 85, 247, .35);--color-accent-green: #10b981;--color-accent-red: #ef4444;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 30px -4px rgba(0, 0, 0, .7);--shadow-glow: 0 0 30px rgba(168, 85, 247, .2);--shadow-glow-strong: 0 0 50px rgba(168, 85, 247, .35);--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-xl: 2rem;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;line-height:1.65;font-weight:400;color-scheme:dark;color:var(--color-text-main);background-color:var(--color-bg-page);overflow-x:hidden}body{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg-page)}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}button{cursor:pointer;border:none;background:transparent;font-family:inherit;color:inherit}.dashboard-container{min-height:100vh;padding:4rem 2rem 5rem;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.dashboard-header{text-align:center;margin-bottom:5rem;max-width:900px;width:100%}.dashboard-brand{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:2rem}.dashboard-logo{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(168,85,247,.45));animation:logo-reveal .8s cubic-bezier(.34,1.56,.64,1);transition:transform .4s cubic-bezier(.34,1.56,.64,1),filter .3s ease;cursor:pointer}.dashboard-logo:hover,.dashboard-logo--glowing{transform:scale(1.18) rotate(5deg);filter:drop-shadow(0 0 18px rgba(255,255,255,.7)) drop-shadow(0 0 40px rgba(168,85,247,.95)) drop-shadow(0 0 80px rgba(168,85,247,.5))}.logo-lightning-active:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(168,85,247,.25),transparent 70%),radial-gradient(ellipse 30% 60% at 20% 30%,rgba(100,50,200,.15),transparent 60%),radial-gradient(ellipse 30% 60% at 80% 30%,rgba(100,50,200,.15),transparent 60%);animation:lightning-pulse .5s ease-out 3}.logo-lightning-active:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cpolyline points='50%25,0 48%25,20%25 52%25,25%25 44%25,55%25 50%25,60%25 40%25,100%25' fill='none' stroke='rgba(200,150,255,0.18)' stroke-width='2' /%3E%3Cpolyline points='80%25,0 78%25,15%25 82%25,20%25 74%25,45%25 80%25,50%25 68%25,100%25' fill='none' stroke='rgba(200,150,255,0.12)' stroke-width='1.5' /%3E%3Cpolyline points='20%25,0 22%25,18%25 16%25,24%25 24%25,50%25 18%25,55%25 28%25,100%25' fill='none' stroke='rgba(200,150,255,0.12)' stroke-width='1.5' /%3E%3C/svg%3E");background-size:100% 100%;opacity:0;animation:lightning-bolts .8s ease-out forwards}@keyframes lightning-pulse{0%{opacity:0}15%{opacity:1}40%{opacity:.3}60%{opacity:.8}to{opacity:0}}@keyframes lightning-bolts{0%{opacity:0}10%{opacity:1}40%{opacity:.6}to{opacity:0}}.dashboard-eyebrow{transition:color .2s ease}@keyframes logo-reveal{0%{opacity:0;transform:scale(.5) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.dashboard-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent-primary);background:#a855f714;border:1px solid rgba(168,85,247,.25);padding:.4rem 1.1rem;border-radius:9999px;margin-bottom:2rem;animation:card-enter .5s ease both;position:relative;overflow:hidden;min-width:200px;justify-content:center;transition:width .3s ease-in-out,border-color .3s,background .3s}.dashboard-eyebrow.is-easter-egg{border-color:#a855f773;background:#a855f71f;box-shadow:0 0 15px #a855f726}.is-easter-egg.dashboard-eyebrow:before{background:var(--color-accent-primary);box-shadow:0 0 10px var(--color-accent-primary)}.eyebrow-text{transition:all .45s cubic-bezier(.23,1,.32,1);white-space:nowrap}.eyebrow-text--easter{position:absolute;left:50%;transform:translate(-50%,15px);opacity:0;color:var(--color-accent-primary)}.eyebrow-text--default{opacity:1;transform:translateY(0)}.is-easter-egg .eyebrow-text--default{opacity:0;transform:translateY(-15px)}.is-easter-egg .eyebrow-text--easter{opacity:1;transform:translate(-50%)}.dashboard-eyebrow:before{content:"";display:inline-block;width:6px;height:6px;background:var(--color-accent-primary);border-radius:50%;box-shadow:0 0 8px var(--color-accent-primary);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.dashboard-title{font-family:JetBrains Mono,monospace;font-size:clamp(2.8rem,5.5vw,4.5rem);font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#fff 10%,#e9d5ff,#a855f7 80%,#7c3aed);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;line-height:1.15;white-space:nowrap;animation:card-enter .5s .05s ease both}.dashboard-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem auto;width:280px;animation:card-enter .5s .1s ease both}.dashboard-divider:before,.dashboard-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.4))}.dashboard-divider:after{background:linear-gradient(90deg,rgba(168,85,247,.4),transparent)}.divider-gem{width:6px;height:6px;background:var(--color-accent-primary);border-radius:1px;transform:rotate(45deg);box-shadow:0 0 10px var(--color-accent-primary)}.dashboard-subtitle{font-size:1.05rem;color:var(--color-text-muted);font-weight:400;letter-spacing:.01em;animation:card-enter .5s .15s ease both}.dashboard-stats{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin:2rem 0 3.5rem;animation:card-enter .5s .2s ease both}.stat-chip{display:flex;flex-direction:column;align-items:center;gap:.2rem;background:#a855f70f;border:1px solid rgba(168,85,247,.15);padding:.8rem 1.5rem;border-radius:var(--radius-lg);min-width:120px;transition:all .25s}.stat-chip:hover{background:#a855f71a;border-color:#a855f74d;transform:translateY(-2px)}.stat-value{font-family:JetBrains Mono,monospace;font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,#fff,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.03em;line-height:1}.stat-label{font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:1.75rem;width:100%;max-width:1200px}.course-card{background:var(--color-bg-panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:2.25rem;transition:all .35s cubic-bezier(.23,1,.32,1);cursor:pointer;display:flex;flex-direction:column;gap:1.25rem;position:relative;overflow:hidden;opacity:0;transform:translateY(20px);animation:card-enter .5s cubic-bezier(.23,1,.32,1) forwards}@keyframes card-enter{to{opacity:1;transform:translateY(0)}}.course-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(191,95,255,.7),transparent);opacity:0;transition:opacity .35s}.course-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse 80% 80% at 50% -20%,rgba(168,85,247,.07),transparent 70%);pointer-events:none;transition:opacity .35s;opacity:0}.course-card:hover{transform:translateY(-10px) scale(1.01);border-color:#a855f780;box-shadow:0 20px 40px -10px #00000080,0 0 0 1px #a855f71f,var(--shadow-glow)}.course-card:hover:before{opacity:1}.course-card:hover:after{opacity:1}.card-corner-accent{position:absolute;top:0;right:0;width:60px;height:60px;overflow:hidden;pointer-events:none}.card-corner-accent:before{content:"";position:absolute;top:-30px;right:-30px;width:60px;height:60px;background:radial-gradient(circle,rgba(168,85,247,.25),transparent 70%);border-radius:50%;transition:opacity .35s;opacity:0}.course-card:hover .card-corner-accent:before{opacity:1}.course-id{font-family:JetBrains Mono,monospace;font-size:.78rem;color:var(--color-accent-primary);font-weight:700;background:#a855f717;border:1px solid rgba(168,85,247,.2);padding:.3rem .85rem;border-radius:9999px;align-self:flex-start;letter-spacing:.05em;transition:all .25s}.course-card:hover .course-id{background:#a855f729;border-color:#a855f780;color:#d8b4fe}.course-name{font-family:JetBrains Mono,monospace;font-size:1.35rem;font-weight:700;line-height:1.25;color:var(--color-text-main);flex:1}.course-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid var(--color-border)}.question-count{font-size:.85rem;color:var(--color-text-muted);display:flex;align-items:center;gap:.5rem;font-weight:500}.question-count:before{content:"📚";font-size:1rem}.start-btn{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;padding:.65rem 1.4rem;border-radius:var(--radius-md);font-family:JetBrains Mono,monospace;font-weight:700;font-size:.82rem;letter-spacing:.04em;transition:all .25s cubic-bezier(.23,1,.32,1);box-shadow:0 4px 14px #7c3aed59;position:relative;overflow:hidden}.start-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#bf5fff,#a855f7);opacity:0;transition:opacity .25s}.course-card:hover .start-btn{transform:scale(1.06);box-shadow:0 6px 20px #a855f780}.course-card:hover .start-btn:before{opacity:1}.start-btn span{position:relative;z-index:1}.course-progress{display:flex;flex-direction:column;gap:.5rem}.progress-track{position:relative;width:100%;height:6px;background:#ffffff12;border-radius:9999px;overflow:hidden;display:flex}.progress-fill--correct{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);box-shadow:0 0 8px #4ade808c;border-radius:9999px 0 0 9999px;transition:width .7s cubic-bezier(.23,1,.32,1);flex-shrink:0}.progress-fill--wrong{height:100%;background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 0 6px #ef444466;transition:width .7s cubic-bezier(.23,1,.32,1);flex-shrink:0}.progress-fill--wrong:last-child{border-radius:0 9999px 9999px 0}.progress-meta{display:flex;align-items:center;gap:.75rem;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:600;letter-spacing:.04em}.progress-stat--correct{color:#4ade80}.progress-stat--wrong{color:#f87171}.progress-pct{margin-left:auto;color:var(--color-text-muted);font-size:.68rem}.progress-stat--none{color:#ffffff2e;font-size:.68rem;font-family:JetBrains Mono,monospace;font-weight:500;letter-spacing:.06em}.dashboard-user-bar{position:absolute;top:1.5rem;right:2rem;display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:100px;z-index:100}.user-email{font-size:.85rem;color:#fff9;font-weight:500}.signout-btn{background:#ffffff1a;color:#fff;border:none;border-radius:50px;padding:.35rem .75rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.signout-btn:hover{background:#fff3;transform:translateY(-1px)}.app-container{min-height:100vh;display:flex;flex-direction:column;color:var(--color-text-main);position:relative;z-index:1}.app-header{padding:.9rem 2rem;background:#080412bf;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--color-border);border-top:2px solid rgba(168,85,247,.35);position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:1.5rem}.back-button{font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700;color:var(--color-text-muted);display:flex;align-items:center;gap:.5rem;transition:all .22s cubic-bezier(.23,1,.32,1);background:#a855f70d;padding:.5rem 1rem;border-radius:9999px;border:1px solid var(--color-border);letter-spacing:.05em;text-transform:uppercase}.back-button:hover{color:var(--color-text-main);background:#a855f71a;border-color:var(--color-border-hover);transform:translate(-4px);box-shadow:0 0 16px #a855f726}.app-title{font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:800;background:linear-gradient(135deg,#fff,#d8b4fe,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.header-meta{font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700;color:var(--color-accent-primary);text-transform:uppercase;letter-spacing:.12em;background:#a855f71a;border:1px solid rgba(168,85,247,.2);padding:.3rem .85rem;border-radius:9999px}.tab-bar{display:flex;align-items:center;gap:.35rem;background:#ffffff08;border:1px solid var(--color-border);border-radius:9999px;padding:.25rem}.tab-btn{display:flex;align-items:center;gap:.4rem;padding:.4rem 1rem;border-radius:9999px;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .22s cubic-bezier(.23,1,.32,1);white-space:nowrap}.tab-btn:hover{color:var(--color-text-main);background:#ffffff0f}.tab-btn-active{background:#a855f72e;border-color:#a855f766;color:#d8b4fe;box-shadow:0 0 14px #a855f733}.tab-btn-priority.tab-btn-active{background:#eab30824;border-color:#eab30866;color:#fde68a;box-shadow:0 0 14px #eab3082e}.tab-count{background:#ffffff1a;border-radius:9999px;padding:.05rem .45rem;font-size:.65rem;font-weight:800;letter-spacing:.02em}.tab-btn-priority.tab-btn-active .tab-count{background:#eab30833;color:#fde68a}.main-content{flex:1;padding:2.5rem 2rem}.content-wrapper{display:flex;flex-direction:column;gap:2.5rem;max-width:1400px;margin:0 auto;width:100%}@media(min-width:1024px){.content-wrapper{flex-direction:row;align-items:flex-start}}.question-section{flex:1;display:flex;justify-content:center}.sidebar-section{width:100%}@media(min-width:1024px){.sidebar-section{width:auto}}.question-card{width:100%;max-width:860px;margin:0 auto;padding:2.75rem;background:var(--color-bg-panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.question-card:before{content:"";position:absolute;top:0;left:0;right:0;height:120px;background:radial-gradient(ellipse 80% 100% at 50% 0%,rgba(168,85,247,.07),transparent);pointer-events:none}.question-text{font-family:JetBrains Mono,monospace;font-size:clamp(1.5rem,2.5vw,1.85rem);font-weight:700;line-height:1.35;color:var(--color-text-main);margin-bottom:2.25rem;letter-spacing:-.02em;position:relative}.options-list{display:flex;flex-direction:column;gap:.85rem;position:relative}.option-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1.1rem 1.5rem;background:#ffffff06;border:1px solid var(--color-border);border-radius:var(--radius-md);border-left:3px solid transparent;color:var(--color-text-muted);font-size:.9rem;font-weight:400;line-height:1.6;transition:all .22s cubic-bezier(.23,1,.32,1);text-align:left;position:relative;overflow:hidden}.option-button:hover:not(:disabled){background:#a855f70f;border-color:#a855f740;border-left-color:var(--color-accent-primary);color:var(--color-text-main);transform:translate(4px);box-shadow:var(--shadow-sm)}.option-button.selected{background:#a855f71a;border-color:#a855f759;border-left-color:var(--color-accent-primary);color:var(--color-text-main);box-shadow:0 0 24px #a855f71f}.option-button.selected:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(168,85,247,.08) 50%,transparent 100%);animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.option-button.correct{background:#10b98114!important;border-color:#10b9814d!important;border-left-color:var(--color-accent-green)!important;color:var(--color-accent-green)!important;box-shadow:0 0 20px #10b9811f!important}.option-button.wrong{background:#ef444414!important;border-color:#ef44444d!important;border-left-color:var(--color-accent-red)!important;color:var(--color-accent-red)!important;box-shadow:0 0 20px #ef44441f!important}.option-id{font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700;background:#ffffff0f;color:var(--color-text-muted);min-width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .22s;border:1px solid var(--color-border);flex-shrink:0;margin-left:1rem}.option-button:hover .option-id,.option-button.selected .option-id{background:var(--color-accent-primary);color:#fff;border-color:transparent}.card-header-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem;position:relative}.badges-container{display:flex;gap:.6rem;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:.2rem .7rem;border-radius:9999px;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.badge-priority{background:#ef444414;color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.badge-practice{background:#94a3b814;color:#94a3b8;border:1px solid rgba(148,163,184,.15)}.badge-type-exact{background:#10b98114;color:var(--color-accent-green);border:1px solid rgba(16,185,129,.2)}.badge-type-close{background:#f59e0b14;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.badge-type-random{background:#a855f714;color:var(--color-accent-primary);border:1px solid rgba(168,85,247,.2)}.study-notes-container{max-height:0;opacity:0;overflow:hidden;transition:max-height .55s cubic-bezier(.4,0,.2,1),opacity .4s ease}.study-notes-visible{max-height:2000px;opacity:1;margin-top:2rem}.study-notes-box{background:#0c051cb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid rgba(168,85,247,.18);border-top:2px solid rgba(168,85,247,.35);padding:2rem 2.25rem;text-align:left;box-shadow:0 8px 32px #00000040}.study-notes-title{font-family:JetBrains Mono,monospace;color:var(--color-accent-vivid);font-size:1.1rem;font-weight:800;margin-bottom:1.75rem;letter-spacing:-.01em;display:flex;align-items:center;gap:.5rem}.study-notes-title:before{content:"✦";font-size:.75rem;opacity:.7}.study-notes-content{display:flex;flex-direction:column;gap:1.5rem}.context-item{border-left:2px solid rgba(168,85,247,.2);padding-left:1.5rem;transition:border-color .25s}.context-item:hover{border-left-color:var(--color-accent-primary)}.page-badge-wrapper{margin-bottom:.6rem}.page-badge{background:#a855f71f;color:var(--color-accent-primary);font-size:.7rem;font-weight:700;padding:.25rem .6rem;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.07em}.context-text{color:#f0eeffcc;font-size:.97rem;font-style:italic;line-height:1.85}.qcard-copy-btn{display:flex;align-items:center;gap:.35rem;padding:.35rem .8rem;border-radius:9999px;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);background:#ffffff0a;border:1px solid var(--color-border);cursor:pointer;transition:all .2s cubic-bezier(.23,1,.32,1);margin-left:auto;flex-shrink:0}.qcard-copy-btn:hover{color:#d8b4fe;background:#a855f71a;border-color:#a855f759;box-shadow:0 0 12px #a855f733;transform:translateY(-1px)}.qcard-copy-btn:active{transform:scale(.96)}.qcard-copy-icon{font-size:.95rem;line-height:1}.qcard-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(120%);background:#a855f726;border:1px solid rgba(168,85,247,.4);color:#d8b4fe;font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:700;letter-spacing:.06em;padding:.7rem 1.5rem;border-radius:9999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 24px #a855f740;opacity:0;transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s;pointer-events:none;z-index:9999;white-space:nowrap}.qcard-toast-visible{opacity:1;transform:translate(-50%) translateY(0)}.sidebar{width:100%;padding:1rem}@media(min-width:1024px){.sidebar{width:360px;flex-shrink:0;position:sticky;top:5rem}}.stats-panel{background:var(--color-bg-panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:2rem;display:flex;flex-direction:column;gap:1.75rem;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.stats-panel:before{content:"";position:absolute;top:-30px;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(168,85,247,.1),transparent 70%);pointer-events:none}.progress-display{display:flex;flex-direction:column;gap:.6rem}.percentage{font-family:JetBrains Mono,monospace;font-size:3.25rem;font-weight:800;line-height:1;background:linear-gradient(135deg,#fff,#d8b4fe,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.06em;transition:all .4s}.counts{display:flex;align-items:center;gap:.65rem;font-size:.85rem;font-weight:600}.count-correct{color:var(--color-accent-green);background:#10b9811a;border:1px solid rgba(16,185,129,.2);padding:.2rem .6rem;border-radius:9999px}.count-wrong{color:var(--color-accent-red);background:#ef44441a;border:1px solid rgba(239,68,68,.2);padding:.2rem .6rem;border-radius:9999px}.divider{color:var(--color-text-muted);opacity:.3}.progress-bar-track{width:100%;height:6px;background:#ffffff0a;border-radius:10px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#a855f7,#10b981);border-radius:10px;transition:width .6s cubic-bezier(.23,1,.32,1);box-shadow:0 0 10px #a855f766}.actions{display:flex;flex-direction:column;gap:.75rem}.action-button{width:100%;padding:1.1rem;border-radius:var(--radius-md);font-family:JetBrains Mono,monospace;font-weight:700;font-size:.85rem;letter-spacing:.06em;transition:all .25s cubic-bezier(.23,1,.32,1);text-transform:uppercase;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem}.check-button{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;box-shadow:0 4px 20px #7c3aed59}.check-button:hover:not(:disabled){background:linear-gradient(135deg,#bf5fff,#9333ea);transform:translateY(-2px);box-shadow:0 8px 25px #a855f780}.check-button:disabled{opacity:.35;cursor:not-allowed;background:#ffffff0d;box-shadow:none}.next-button{background:#ffffff0f;color:var(--color-text-main);border:1px solid rgba(255,255,255,.12)}.next-button:hover{background:#a855f71f;border-color:var(--color-border-hover);color:#d8b4fe;transform:translateY(-2px);box-shadow:0 0 20px #a855f733}.key-hint{font-size:.65rem;font-weight:500;opacity:.45;letter-spacing:.04em}.question-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;padding:1rem;background:#ffffff04;border-radius:var(--radius-md);border:1px solid var(--color-border)}.grid-dot{aspect-ratio:1;border-radius:50%;background-color:#ffffff0f;cursor:pointer;transition:all .2s cubic-bezier(.23,1,.32,1);border:1px solid transparent}.grid-dot:hover{background-color:#a855f740;transform:scale(1.15);border-color:#a855f74d}.grid-dot.active{background-color:#fff;transform:scale(1.25);box-shadow:0 0 14px #ffffff80;z-index:1}.grid-dot.visited{background-color:#ffffff1f}.grid-dot.correct{background-color:var(--color-accent-green);box-shadow:0 0 10px #10b98166;border-color:#10b9814d}.grid-dot.wrong{background-color:var(--color-accent-red);box-shadow:0 0 10px #ef444466;border-color:#ef44444d}.reset-container{margin-top:.25rem}.reset-button{width:100%;color:var(--color-text-muted);font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.65rem;border-radius:var(--radius-md);transition:all .22s;border:1px solid transparent}.reset-button:hover{color:var(--color-accent-red);background:#ef444414;border-color:#ef444433}.filter-section{display:flex;flex-direction:column;gap:.6rem}.filter-label{font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.filter-count{font-weight:500;opacity:.6}.filter-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;gap:.5rem}.filter-btn-full{grid-column:1 / -1}.filter-btn{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.55rem .5rem;border-radius:var(--radius-md);font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .22s cubic-bezier(.23,1,.32,1);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--color-text-muted)}.filter-icon{font-style:normal;font-size:.9rem;line-height:1}.filter-btn:hover{background:#ffffff14;color:var(--color-text-main);transform:translateY(-1px)}.filter-btn-all.active{background:#a855f72e;border-color:#a855f773;color:#d8b4fe;box-shadow:0 0 14px #a855f740}.filter-btn-exact.active{background:#eab30826;border-color:#eab30873;color:#fde68a;box-shadow:0 0 14px #eab30833}.filter-btn-close.active{background:#f9731626;border-color:#f9731673;color:#fdba74;box-shadow:0 0 14px #f9731633}.filter-btn-random.active{background:#14b8a626;border-color:#14b8a673;color:#5eead4;box-shadow:0 0 14px #14b8a633}.search-bar-wrap{display:flex;align-items:center;gap:.6rem;background:#ffffff0a;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.7rem 1rem;transition:all .2s cubic-bezier(.23,1,.32,1);position:relative;width:100%}.search-bar-wrap:focus-within{border-color:#a855f780;box-shadow:0 0 0 3px #a855f71a;background:#a855f70f}.search-bar-icon{font-size:.9rem;opacity:.5;flex-shrink:0;transition:opacity .2s}.search-bar-wrap:focus-within .search-bar-icon{opacity:.8;color:var(--color-accent-primary)}.search-bar-input{flex:1;background:transparent;border:none;outline:none;font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--color-text-main);min-width:0}.search-bar-input::placeholder{color:var(--color-text-muted);opacity:.6}.search-bar-clear{background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:.75rem;padding:.1rem .3rem;border-radius:4px;transition:all .15s;flex-shrink:0}.search-bar-clear:hover{color:var(--color-accent-red);background:#ef44441a;transform:scale(1.1)}.priority-list-container{width:100%;display:flex;flex-direction:column;gap:1.25rem;animation:fadeSlideIn .3s ease both;position:relative}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.priority-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(120%);background:#a855f726;border:1px solid rgba(168,85,247,.4);color:#d8b4fe;font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:700;letter-spacing:.06em;padding:.7rem 1.5rem;border-radius:9999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 24px #a855f740;opacity:0;transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s;pointer-events:none;z-index:9999;white-space:nowrap}.priority-toast-visible{opacity:1;transform:translate(-50%) translateY(0)}.priority-count{font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.priority-count-query{color:#d8b4fe;font-weight:500;text-transform:none}.priority-ol{display:flex;flex-direction:column;gap:.5rem;list-style:none;padding:0;margin:0}.priority-item{display:flex;align-items:baseline;gap:1rem;background:#ffffff06;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.85rem 1.1rem;transition:background .18s,border-color .18s,transform .18s;cursor:pointer;-webkit-user-select:none;user-select:none}.priority-item:hover{background:#a855f712;border-color:#a855f740;transform:translate(3px)}.priority-num{font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:700;color:#a855f7;min-width:2rem;text-align:right;flex-shrink:0;opacity:.75}.priority-text{font-size:.9rem;line-height:1.55;color:var(--color-text-main);flex:1}.priority-copy-icon{font-size:.9rem;opacity:0;color:#a855f7;flex-shrink:0;transition:opacity .15s;margin-left:auto}.priority-item:hover .priority-copy-icon{opacity:.8}.priority-copy-hint{font-weight:400;opacity:.4;font-size:.68rem;margin-left:.5rem}.priority-empty{text-align:center;padding:3rem 1rem;color:var(--color-text-muted);font-family:JetBrains Mono,monospace;font-size:.85rem}.loading-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#030014;z-index:9999}.spinner-container{position:relative;width:100px;height:100px}.spinner-orb{position:absolute;inset:0;border-radius:50%;border:3px solid transparent;border-top-color:var(--color-accent-primary, #a855f7);animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-orb:nth-child(2){inset:10px;border-top-color:#d8b4fe;animation-duration:.9s;animation-direction:reverse}.spinner-orb:nth-child(3){inset:20px;border-top-color:#fff;animation-duration:.6s}.loading-text{margin-top:2rem;font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#d8b4fe;animation:breathe 2s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes breathe{0%,to{opacity:.4}50%{opacity:1;text-shadow:0 0 15px rgba(168,85,247,.5)}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-page, #121212);padding:1.5rem;overflow:hidden;position:relative}.login-card{width:100%;max-width:420px;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:2rem;padding:3.5rem 2.5rem;text-align:center;box-shadow:0 25px 50px -12px #00000080;animation:cardFadeIn .8s cubic-bezier(.16,1,.3,1);z-index:2}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-logo{margin-bottom:2rem}.login-logo-img{width:72px;height:72px;filter:drop-shadow(0 0 15px var(--color-accent));transition:filter .3s ease}.login-logo-img:hover{filter:drop-shadow(0 0 25px var(--color-accent))}.login-title{font-size:2.25rem;font-weight:800;margin-bottom:.75rem;background:linear-gradient(135deg,#fff,#a1a1a1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.login-subtitle{color:#fff6;font-size:1rem;margin-bottom:2.5rem;line-height:1.5}.login-domain-error{background:#dc262626;border:1px solid rgba(220,38,38,.4);color:#fca5a5;border-radius:.75rem;padding:.75rem 1rem;font-size:.9rem;margin-bottom:1.25rem;text-align:center}.login-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;color:#000;border:none;border-radius:1rem;padding:1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000001a;margin-bottom:1.5rem}.login-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffffff26;background:#f8f8f8}.login-button:active{transform:translateY(0)}.google-icon{width:20px;height:20px}.login-info{color:#ffffff4d;font-size:.85rem;font-weight:500}.login-container:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,var(--color-accent) 0%,transparent 70%);opacity:.15;filter:blur(80px);z-index:1}.login-divider{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;color:#fff3;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.login-email-toggle{width:100%;background:transparent;color:#ffffff73;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:.85rem 1rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.login-email-toggle:hover{background:#ffffff0d;color:#ffffffb3;border-color:#fff3}.login-email-form{display:flex;flex-direction:column;gap:.75rem;text-align:left}.login-input{width:100%;background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:.85rem 1rem;font-size:.95rem;outline:none;transition:border-color .2s ease;box-sizing:border-box}.login-input::placeholder{color:#ffffff4d}.login-input:focus{border-color:#ffffff59}.login-password-wrap{position:relative;display:flex;align-items:center}.login-password-wrap .login-input{padding-right:2.8rem}.login-eye-btn{position:absolute;right:.85rem;background:none;border:none;cursor:pointer;color:#ffffff59;padding:0;display:flex;align-items:center;transition:color .2s ease}.login-eye-btn:hover{color:#ffffffb3}.login-eye-btn svg{width:18px;height:18px}.login-forgot{text-align:right;margin-top:-.25rem}.login-forgot button{background:none;border:none;color:#fff6;font-size:.8rem;cursor:pointer;padding:0;transition:color .2s ease}.login-forgot button:hover{color:#ffffffbf}.login-submit-btn{width:100%;background:var(--color-accent, #6366f1);color:#fff;border:none;border-radius:.75rem;padding:.9rem 1rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.25rem}.login-submit-btn:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.login-submit-btn:disabled{opacity:.5;cursor:default}.login-mode-toggle{text-align:center;font-size:.85rem;color:#ffffff59}.login-mode-toggle button{background:none;border:none;color:#ffffffa6;font-size:.85rem;font-weight:600;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.login-mode-toggle button:hover{color:#fff}.login-back{background:none;border:none;color:#ffffff4d;font-size:.8rem;cursor:pointer;padding:0;text-align:center;width:100%;transition:color .2s ease}.login-back:hover{color:#fff9}.login-success{background:#22c55e1f;border:1px solid rgba(34,197,94,.35);color:#86efac;border-radius:.75rem;padding:.75rem 1rem;font-size:.9rem;text-align:center}.floating-orbs-container{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.floating-orbs-container:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 70% 70% at 50% 50%,transparent 30%,rgba(4,1,10,.65) 100%),radial-gradient(ellipse 120% 60% at 100% 0%,rgba(76,29,149,.08) 0%,transparent 60%),radial-gradient(ellipse 80% 80% at 0% 100%,rgba(109,40,217,.06) 0%,transparent 60%);pointer-events:none}.floating-orb{position:absolute;border-radius:50%;background:radial-gradient(circle at 40% 35%,#bf5fff,#7c3aed 50%,#4c1d95);filter:blur(60px);animation:orb-float linear infinite;will-change:transform}.floating-orb:nth-child(3n){background:radial-gradient(circle at 40% 35%,#818cf8,#6d28d9 50%,#1e1b4b);filter:blur(80px)}.floating-orb:nth-child(5n){background:radial-gradient(circle at 40% 35%,#e879f9,#9333ea 50%,#3b0764);filter:blur(100px)}@keyframes orb-float{0%{transform:translate(0) scale(1)}25%{transform:translate(4%,6%) scale(1.06)}50%{transform:translate(-5%,3%) scale(.96)}75%{transform:translate(3%,-5%) scale(1.04)}to{transform:translate(0) scale(1)}}.app-footer{width:100%;padding:6rem 1.5rem 4rem;display:flex;flex-direction:column;align-items:center;gap:.8rem;position:relative;z-index:5;margin-top:auto;background:linear-gradient(to bottom,transparent,rgba(4,1,10,.5))}.footer-links{display:flex;align-items:center;justify-content:center;gap:1.2rem;flex-wrap:wrap;font-family:JetBrains Mono,monospace;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.footer-link{color:var(--color-accent-primary);text-decoration:none;transition:all .35s cubic-bezier(.23,1,.32,1);opacity:.7}.footer-link:hover{opacity:1;color:#fff;transform:translateY(-2px);text-shadow:0 0 15px var(--color-accent-primary)}.discord-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--color-accent-primary);transition:all .3s;opacity:.7;cursor:default}.discord-badge:hover{color:#fff;opacity:1;transform:translateY(-2px);text-shadow:0 0 15px var(--color-accent-primary)}.discord-icon{width:17px;height:13px;color:#5865f2;transition:all .3s}.discord-badge:hover .discord-icon{filter:drop-shadow(0 0 8px #5865F2)}.discord-handle{letter-spacing:.02em;text-transform:none;font-weight:700}.footer-dot{color:var(--color-text-muted);opacity:.3}.footer-main{font-family:JetBrains Mono,monospace;font-size:1rem;color:var(--color-text-main);letter-spacing:.02em}.heart-icon{display:inline-block;color:#ef4444;margin:0 .3rem;animation:heart-pulse 2.2s infinite ease-in-out}@keyframes heart-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 2px rgba(239,68,68,.3))}50%{transform:scale(1.18);filter:drop-shadow(0 0 12px rgba(239,68,68,.75))}}.footer-author{color:var(--color-accent-vivid);font-weight:800;background:linear-gradient(135deg,#bf5fff,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:all .3s}.footer-author:hover{filter:brightness(1.2);text-shadow:0 0 25px var(--color-accent-primary)}.footer-disclaimer{text-align:center;font-size:.75rem;color:var(--color-text-muted);font-family:JetBrains Mono,monospace;max-width:500px;line-height:1.7;margin-top:0}.footer-version{font-size:.62rem;opacity:.35;margin-top:.3rem;letter-spacing:.2em;font-weight:500}@media(max-width:640px){.app-footer{padding:4rem 1rem 3rem;gap:1.5rem}.footer-links{gap:.65rem;font-size:.7rem}.footer-disclaimer{font-size:.68rem}}