.tk-navbar{position:sticky;top:0;z-index:50;width:100%;max-width:none;margin:0;padding:calc(14px + env(safe-area-inset-top)) 22px 16px;border-radius:0 0 20px 20px;overflow:hidden;background:linear-gradient(160deg,#2e20508c,#140e26a6 55%,#0c0918b3);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);border:1px solid rgba(168,132,255,.18);box-shadow:0 8px 32px #00000073,0 0 0 1px #ffffff05 inset,0 1px #ffffff0f inset}.tk-navbar:before{content:"";position:absolute;top:-50%;left:-60%;width:45%;height:200%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.08) 45%,rgba(255,255,255,.16) 50%,rgba(255,255,255,.08) 55%,transparent 100%);transform:rotate(8deg);animation:tk-shine-sweep 10s linear infinite;pointer-events:none}@keyframes tk-shine-sweep{0%{left:-60%}to{left:130%}}@media (prefers-reduced-motion: reduce){.tk-navbar:before{animation:none}}.tk-topbar{position:relative;z-index:1;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.tk-brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.tk-brand-mark{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;color:#fff;background:linear-gradient(135deg,#a855f7,#6d28d9);box-shadow:0 4px 14px #a855f773}.tk-brand-name{font-size:17px;font-weight:700;color:#f4f0ff;letter-spacing:.2px}.tk-stats{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-left:auto}.tk-stat{position:relative;display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap;border:1px solid transparent;background:#ffffff0a;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.tk-stat:hover{transform:translateY(-1px)}.tk-stat:after{content:"";position:absolute;top:0;left:-120%;width:55%;height:100%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);transform:skew(-20deg);animation:tk-stat-shine 3.2s ease-in-out infinite;pointer-events:none}.tk-stat--streak:after{animation-delay:0s}.tk-stat--rank:after{animation-delay:.4s}.tk-stat--xp:after{animation-delay:.8s}.tk-stat--due:after{animation-delay:1.2s}.tk-stat--solved:after{animation-delay:1.6s}@keyframes tk-stat-shine{0%{left:-120%}35%{left:130%}to{left:130%}}@media (prefers-reduced-motion: reduce){.tk-stat:after{animation:none}}.tk-stat-value{color:#fff}.tk-stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.75}.tk-stat-streak-wrap{position:relative;display:inline-flex}.tk-stat-streak-wrap:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:999px;background:radial-gradient(circle,rgba(251,191,36,.55),transparent 70%);opacity:0;animation:tk-pop-flash 2.6s ease-out infinite;pointer-events:none}@keyframes tk-pop-flash{0%,90%{opacity:0;transform:scale(.75)}93%{opacity:.9;transform:scale(1.1)}to{opacity:0;transform:scale(1.4)}}.tk-ember{position:absolute;bottom:10px;left:22px;width:3px;height:3px;border-radius:50%;background:radial-gradient(circle,#fff,#fbbf24 55%,transparent 100%);box-shadow:0 0 4px 1px #fbbf24d9;opacity:0;pointer-events:none;animation:tk-ember-burst 1.7s ease-out infinite}.tk-ember-1{--tx: -22px;--ty: -34px;width:3px;height:3px;animation-delay:0s}.tk-ember-2{--tx: 10px;--ty: -44px;width:2px;height:2px;animation-delay:.25s}.tk-ember-3{--tx: -8px;--ty: -52px;width:3px;height:3px;animation-delay:.55s}.tk-ember-4{--tx: 26px;--ty: -30px;width:2px;height:2px;animation-delay:.85s}.tk-ember-5{--tx: -30px;--ty: -22px;width:2px;height:2px;animation-delay:1.1s}.tk-ember-6{--tx: 4px;--ty: -58px;width:3px;height:3px;animation-delay:1.4s}@keyframes tk-ember-burst{0%{opacity:0;transform:translate(0) scale(1)}12%{opacity:1}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(.3)}}@media (prefers-reduced-motion: reduce){.tk-stat-streak-wrap:before,.tk-ember{animation:none;display:none}}.tk-stat--streak{padding:9px 16px;font-size:14px;border-width:1.5px;border-color:#fb923c8c;background:linear-gradient(135deg,#f973164d,#fbbf2424);box-shadow:0 0 14px #f9731659;animation:tk-streak-pulse 2.4s ease-in-out infinite,tk-streak-pop 2.6s ease-in-out infinite}.tk-stat--streak .tk-stat-icon{color:#fbbf24;animation:tk-flame-flicker 1.6s ease-in-out infinite}.tk-stat--streak .tk-stat-value{font-size:15px;color:#fff;text-shadow:0 0 8px rgba(251,191,36,.55)}.tk-stat--streak .tk-stat-label{color:#fed7aa;opacity:.9}.tk-stat--streak:hover{box-shadow:0 0 30px #f9731699}@keyframes tk-streak-pulse{0%,to{box-shadow:0 0 14px #f9731659}50%{box-shadow:0 0 26px #f97316a6,0 0 8px #fbbf2466}}@keyframes tk-streak-pop{0%,88%,to{transform:scale(1)}91%{transform:scale(1.1)}95%{transform:scale(.97)}98%{transform:scale(1.02)}}@keyframes tk-flame-flicker{0%,to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 2px rgba(251,191,36,.5))}30%{transform:scale(1.14) rotate(-5deg)}60%{transform:scale(.94) rotate(4deg);filter:drop-shadow(0 0 6px rgba(249,115,22,.85))}}@media (prefers-reduced-motion: reduce){.tk-stat--streak,.tk-stat--streak .tk-stat-icon{animation:none}}.tk-stat--rank{border-color:#34d39959;background:linear-gradient(135deg,#10b9812e,#34d39914)}.tk-stat--rank .tk-stat-icon{color:#34d399}.tk-stat--rank:hover{box-shadow:0 0 16px #10b98159}.tk-stat--xp{border-color:#a78bfa59;background:linear-gradient(135deg,#8b5cf633,#facc1514)}.tk-stat--xp .tk-stat-icon{color:#facc15}.tk-stat--xp:hover{box-shadow:0 0 16px #8b5cf666}.tk-stat--due{border-color:#38bdf859;background:linear-gradient(135deg,#0ea5e92e,#38bdf814)}.tk-stat--due .tk-stat-icon{color:#38bdf8}.tk-stat--due:hover{box-shadow:0 0 16px #0ea5e959}.tk-stat--solved{border-color:#4ade8059;background:linear-gradient(135deg,#22c55e2e,#4ade8014)}.tk-stat--solved .tk-stat-icon{color:#4ade80}.tk-stat--solved:hover{box-shadow:0 0 16px #22c55e59}.tk-actions{display:flex;align-items:center;gap:8px;margin-left:6px;padding-left:14px;border-left:1px solid rgba(255,255,255,.08)}.tk-icon-btn{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#d8d2f0;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}.tk-icon-btn:hover{background:#a884ff29;color:#fff;transform:translateY(-1px)}.tk-icon-btn--danger:hover{background:#f8717129;color:#f87171}.tk-hamburger{display:none}.tk-divider{height:1px;margin:14px 0 12px;background:linear-gradient(90deg,transparent,rgba(168,132,255,.25) 20%,rgba(168,132,255,.25) 80%,transparent)}.tk-nav{position:relative;z-index:1;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tk-nav-item{display:flex;align-items:center;gap:7px;padding:9px 14px;border-radius:12px;border:1px solid transparent;background:transparent;color:#b9b2d6;font-size:13.5px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.tk-nav-item:hover{background:#ffffff0d;color:#fff}.tk-nav-item--active{color:#fff;background:linear-gradient(135deg,#9333ea,#6d28d9);box-shadow:0 4px 16px #9333ea73}.tk-nav-item--active:hover{background:linear-gradient(135deg,#a855f7,#7c3aed)}@media (max-width: 900px){.tk-stats{order:3;width:100%}.tk-actions{margin-left:0}}@media (max-width: 640px){.tk-navbar{padding-left:14px;padding-right:14px;border-radius:0 0 16px 16px}.tk-nav--desktop{display:none}.tk-hamburger{display:flex;order:-1}.tk-icon-btn{width:44px;height:44px}.tk-brand-name{font-size:15px}.tk-stat{padding:6px 10px;font-size:12px}}.tk-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#08061099;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90}.tk-drawer{position:fixed;top:0;left:0;height:100dvh;width:min(82vw,300px);z-index:100;display:flex;flex-direction:column;gap:4px;padding:calc(16px + env(safe-area-inset-top)) 14px calc(16px + env(safe-area-inset-bottom));overflow-y:auto;background:linear-gradient(180deg,#18102cfa,#0c0918fa);border-right:1px solid rgba(168,132,255,.18);box-shadow:8px 0 40px #00000080;transform:translate(-100%);transition:transform .25s ease}.tk-drawer--open{transform:translate(0)}.tk-drawer-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.tk-drawer-item{display:flex;align-items:center;gap:12px;padding:12px;min-height:44px;border-radius:12px;color:#b9b2d6;font-size:14.5px;font-weight:600;text-decoration:none;transition:background .15s ease,color .15s ease}.tk-drawer-item:active,.tk-drawer-item:hover{background:#ffffff0f;color:#fff}.tk-drawer-item--active{color:#fff;background:linear-gradient(135deg,#9333ea,#6d28d9);box-shadow:0 4px 16px #9333ea73}@media (min-width: 641px){.tk-drawer,.tk-drawer-backdrop{display:none}}html.light .tk-navbar{background:linear-gradient(160deg,#ffffffbf,#f3ecffa6 55%,#e6daff8c);-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);border:1px solid rgba(147,51,234,.16);box-shadow:0 8px 32px #6d28d91f,0 0 0 1px #fff9 inset,0 1px #fffc inset}html.light .tk-navbar:before{content:"";position:absolute;top:-50%;left:-60%;width:45%;height:200%;background:linear-gradient(100deg,transparent 0%,rgba(168,85,247,.1) 40%,rgba(196,148,255,.38) 50%,rgba(168,85,247,.1) 60%,transparent 100%);transform:rotate(8deg);animation:tk-shine-sweep-light 10s linear infinite;pointer-events:none}@keyframes tk-shine-sweep-light{0%{left:-60%}to{left:130%}}@media (prefers-reduced-motion: reduce){html.light .tk-navbar:before{animation:none}}html.light .tk-brand-mark{background:linear-gradient(135deg,#a855f7,#7c3aed);box-shadow:0 4px 14px #a855f759;color:#fff}html.light .tk-brand-name{color:#3b1e6d}html.light .tk-stat{border:1px solid transparent;background:#ffffff8c;box-shadow:0 1px 2px #6d28d90f inset}html.light .tk-stat-value{color:#3b1e6d}html.light .tk-stat-label{color:#7c5cb8;opacity:.85}html.light .tk-stat:after{background:linear-gradient(100deg,transparent 0%,rgba(168,85,247,.45) 50%,transparent 100%)}html.light .tk-stat-streak-wrap:before{background:radial-gradient(circle,rgba(192,132,252,.55),transparent 70%)}html.light .tk-ember{background:radial-gradient(circle,#fff,#c084fc 55%,transparent 100%);box-shadow:0 0 4px 1px #a855f7bf}html.light .tk-stat--streak{border-color:#a855f766;background:linear-gradient(135deg,#a855f72e,#c494ff1a);box-shadow:0 0 14px #a855f740}html.light .tk-stat--streak .tk-stat-icon{color:#9333ea}html.light .tk-stat--streak .tk-stat-value{color:#3b1e6d;text-shadow:0 0 8px rgba(168,85,247,.3)}html.light .tk-stat--streak .tk-stat-label{color:#7c3aed;opacity:.9}html.light .tk-stat--streak:hover{box-shadow:0 0 26px #a855f766}@keyframes tk-streak-pulse-light{0%,to{box-shadow:0 0 14px #a855f740}50%{box-shadow:0 0 24px #a855f780,0 0 8px #c494ff59}}html.light .tk-stat--streak{animation:tk-streak-pulse-light 2.4s ease-in-out infinite,tk-streak-pop 2.6s ease-in-out infinite}@media (prefers-reduced-motion: reduce){html.light .tk-stat--streak,html.light .tk-stat--streak .tk-stat-icon{animation:none}}html.light .tk-stat--rank{border-color:#9333ea47;background:linear-gradient(135deg,#a855f724,#c494ff14)}html.light .tk-stat--rank .tk-stat-icon{color:#9333ea}html.light .tk-stat--rank:hover{box-shadow:0 0 16px #9333ea40}html.light .tk-stat--xp{border-color:#9333ea47;background:linear-gradient(135deg,#9333ea24,#facc151a)}html.light .tk-stat--xp .tk-stat-icon{color:#ca8a04}html.light .tk-stat--xp:hover{box-shadow:0 0 16px #9333ea4d}html.light .tk-stat--due{border-color:#8b5cf64d;background:linear-gradient(135deg,#7c3aed24,#a855f714)}html.light .tk-stat--due .tk-stat-icon{color:#7c3aed}html.light .tk-stat--due:hover{box-shadow:0 0 16px #7c3aed40}html.light .tk-stat--solved{border-color:#9333ea3d;background:linear-gradient(135deg,#7e22ce1f,#4ade801a)}html.light .tk-stat--solved .tk-stat-icon{color:#16a34a}html.light .tk-stat--solved:hover{box-shadow:0 0 16px #7e22ce38}html.light .tk-actions{border-left:1px solid rgba(147,51,234,.14)}html.light .tk-icon-btn{border:1px solid rgba(147,51,234,.14);background:#ffffff80;color:#6d4a9c}html.light .tk-icon-btn:hover{background:#a855f724;color:#3b1e6d}html.light .tk-icon-btn--danger:hover{background:#f8717129;color:#dc2626}html.light .tk-divider{background:linear-gradient(90deg,transparent,rgba(147,51,234,.22) 20%,rgba(147,51,234,.22) 80%,transparent)}html.light .tk-nav-item{color:#6d4a9c}html.light .tk-nav-item:hover{background:#a855f714;color:#3b1e6d}html.light .tk-nav-item--active{color:#fff;background:linear-gradient(135deg,#9333ea,#7c3aed);box-shadow:0 4px 16px #9333ea59}html.light .tk-nav-item--active:hover{background:linear-gradient(135deg,#a855f7,#8b5cf6)}html.light .tk-stat-label{color:#8b5cf6!important;opacity:1!important}html.light .tk-stat-value{color:#6d28d9!important;font-weight:700}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,Fira Code,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--bg-primary: #0D1117;--bg-secondary: #161B27;--bg-tertiary: #1E2535;--bg-card: #161B27;--border: #252D40;--text-primary: #E6EDF3;--text-secondary: #8B949E;--text-muted: #484F58;--accent: #7C3AED;--accent-hover: #8B5CF6;--accent-glow: rgba(124, 58, 237, .25)}html.light{--bg-primary: #F7F5FF;--bg-secondary: #FFFFFF;--bg-tertiary: #FCFAFF;--bg-card: rgba(255,255,255,.9);--border: rgba(139,92,246,.18);--border-strong: rgba(139,92,246,.3);--text-primary: #231942;--text-secondary: #5B4B8A;--text-muted: #8B82B5;--accent: #8B5CF6;--accent-hover: #7C3AED;--accent-glow: rgba(139,92,246,.22);--glass: rgba(255,255,255,.76);--glass-border: rgba(245,241,255,.82)}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;min-height:100vh;color:var(--text-primary);font-family:Inter,system-ui,sans-serif;transition:background .35s ease,color .35s ease;background:radial-gradient(circle at 8% 20%,rgba(124,58,237,.2),transparent 22%),radial-gradient(circle at 75% 80%,rgba(59,130,246,.15),transparent 25%),radial-gradient(circle at 50% 30%,rgba(168,85,247,.08),transparent 20%),#090b15}body.light{background:radial-gradient(circle at top left,rgba(139,92,246,.06),transparent 38%),radial-gradient(circle at top right,rgba(59,130,246,.05),transparent 30%),#f5f7fb;color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::-moz-selection{background:#7c3aed4d;color:var(--text-primary)}::selection{background:#7c3aed4d;color:var(--text-primary)}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card{position:relative;background:#161b276b;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:inset 0 1px #ffffff1f,0 15px 40px #00000059,0 0 30px #7c3aed14;overflow:hidden;transition:all .35s ease}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-6{left:1.5rem}.right-6{right:1.5rem}.top-1\/2{top:50%}.top-1\/3{top:33.333333%}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-3{height:.75rem}.h-4{height:1rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[52px\]{height:52px}.min-h-\[42px\]{min-height:42px}.min-h-\[80px\]{min-height:80px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-3{width:.75rem}.w-4{width:1rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[120px\]{min-width:120px}.min-w-\[280px\]{min-width:280px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-lg{max-width:32rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .3s ease-out}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize-y{resize:vertical}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-8{gap:2rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[20px\]{border-radius:20px}.rounded-\[24px\]{border-radius:24px}.rounded-\[28px\]{border-radius:28px}.rounded-\[30px\]{border-radius:30px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-dashed{border-style:dashed}.border-amber-500\/25{border-color:#f59e0b40}.border-emerald-500\/25{border-color:#10b98140}.border-rose-500\/25{border-color:#f43f5e40}.border-violet-500\/25{border-color:#8b5cf640}.bg-amber-500\/15{background-color:#f59e0b26}.bg-emerald-500\/15{background-color:#10b98126}.bg-pink-500\/15{background-color:#ec489926}.bg-rose-500\/15{background-color:#f43f5e26}.bg-sky-500\/15{background-color:#0ea5e926}.bg-transparent{background-color:transparent}.bg-violet-500\/15{background-color:#8b5cf626}.bg-violet-500\/20{background-color:#8b5cf633}.bg-violet-600{--tw-bg-opacity: 1;background-color:rgb(124 58 237 / var(--tw-bg-opacity, 1))}.p-10{padding:2.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pl-10{padding-left:2.5rem}.pl-20{padding-left:5rem}.pr-1{padding-right:.25rem}.pr-4{padding-right:1rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:JetBrains Mono,Fira Code,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-6{line-height:1.5rem}.leading-tight{line-height:1.25}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.22em\]{letter-spacing:.22em}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-emerald-300{--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-pink-300{--tw-text-opacity: 1;color:rgb(249 168 212 / var(--tw-text-opacity, 1))}.text-rose-400{--tw-text-opacity: 1;color:rgb(251 113 133 / var(--tw-text-opacity, 1))}.text-sky-300{--tw-text-opacity: 1;color:rgb(125 211 252 / var(--tw-text-opacity, 1))}.text-violet-300{--tw-text-opacity: 1;color:rgb(196 181 253 / var(--tw-text-opacity, 1))}.text-violet-400{--tw-text-opacity: 1;color:rgb(167 139 250 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-white\/20{--tw-ring-color: rgb(255 255 255 / .2)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur: blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 35%,transparent 65%,rgba(255,255,255,.05));pointer-events:none}.card:hover{border-color:#a78bfa59;transform:translateY(-3px);box-shadow:inset 0 1px #ffffff2e,0 25px 60px #00000073,0 0 40px #7c3aed33}html.light .card{background:#ffffffe0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(148,163,184,.2);box-shadow:0 20px 50px #0f172a14,0 8px 20px #0f172a0a,inset 0 1px #ffffffe6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;min-height:44px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none;outline:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 16px var(--accent-glow)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--text-primary);background:#7c3aed14}.btn-danger{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.btn-danger:hover:not(:disabled){background:#ef444440}.input{width:100%;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-size:16px;color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease;font-family:Inter,sans-serif}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.input::-moz-placeholder{color:var(--text-muted)}.input::placeholder{color:var(--text-muted)}html.light .input{background:#fcfcfd;color:#111827;border:1px solid rgba(148,163,184,.18);box-shadow:inset 0 1px 2px #0f172a08}.label{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:6px;display:block}html.light .label{color:#6b7280}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:100px;font-size:12px;font-weight:500;font-family:JetBrains Mono,monospace}.badge-easy{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.badge-medium{background:#eab30826;color:#fde047;border:1px solid rgba(234,179,8,.3)}.badge-hard,.btn-again{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.btn-again:hover{background:#ef44444d;box-shadow:0 0 12px #ef444433}.btn-hard{background:#eab30826;color:#fde047;border:1px solid rgba(234,179,8,.3)}.btn-hard:hover{background:#eab3084d;box-shadow:0 0 12px #eab30833}.btn-good{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.btn-good:hover{background:#22c55e4d;box-shadow:0 0 12px #22c55e33}.btn-master{background:#7c3aed26;color:#a78bfa;border:1px solid rgba(124,58,237,.3)}.btn-master:hover{background:#7c3aed4d;box-shadow:0 0 12px #7c3aed33}.section-header{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:8px;margin-bottom:12px}.section-header:before{content:"◆";font-size:8px}.stat-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:100px;background:var(--bg-tertiary);border:1px solid var(--border);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;color:var(--text-primary);transition:all .2s}.nav-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-secondary);transition:all .15s ease;cursor:pointer;white-space:nowrap;text-decoration:none}.nav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-link.active{color:var(--accent);background:#7c3aed1f;border-bottom:2px solid var(--accent)}.progress-track{width:100%;height:6px;background:var(--bg-tertiary);border-radius:100px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#A78BFA);border-radius:100px;transition:width .6s ease}.overdue-card{border-color:#eab30866!important;background:#eab3080a!important}.heat-0{background:var(--bg-tertiary)}.heat-1{background:#7c3aed40}.heat-2{background:#7c3aed80}.heat-3{background:#7c3aedcc}.topic-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;background:#7c3aed26;border:1px solid rgba(124,58,237,.3);color:#c4b5fd;font-size:12px;font-family:JetBrains Mono,monospace}.company-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;background:#38bdf826;border:1px solid rgba(56,189,248,.3);color:#7dd3fc;font-size:12px;font-family:JetBrains Mono,monospace}.gradient-text{background:linear-gradient(135deg,#7c3aed,#a78bfa,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:#0f12206b;backdrop-filter:blur(26px) saturate(180%);-webkit-backdrop-filter:blur(26px) saturate(180%);border:1px solid rgba(255,255,255,.08);box-shadow:0 15px 45px #00000059,inset 0 1px #ffffff14}.card-glass{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%)}.card-glass-inner{background:var(--bg-tertiary);border:1px solid var(--border)}.text-muted-themed{color:var(--text-muted)}.text-secondary-themed{color:var(--text-secondary)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float{animation:float 4s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-tertiary) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.toast-custom{background:var(--bg-secondary)!important;border:1px solid var(--border)!important;color:var(--text-primary)!important}.markdown-preview .code-block{margin:8px 0;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.markdown-preview .code-block-lang{font-size:10px;padding:2px 8px;background:#8b5cf626;color:#a78bfa}.markdown-preview .code-block pre{margin:0;padding:10px;overflow-x:auto;background:var(--bg-primary);color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:12.5px}.markdown-preview .inline-code{background:var(--bg-tertiary);color:var(--text-primary);padding:1px 4px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:12px}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{margin:6px 0;font-weight:600;color:var(--text-primary)}.markdown-preview ul{padding-left:20px;margin:6px 0}.app-bg{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 10% 20%,rgba(124,58,237,.18),transparent 22%),radial-gradient(circle at 85% 75%,rgba(59,130,246,.16),transparent 28%),radial-gradient(circle at 50% 35%,rgba(168,85,247,.08),transparent 20%),linear-gradient(180deg,#11152a,#0d1020 35%,#090b16)}.app-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 40%,rgba(124,58,237,.12),transparent 18%),radial-gradient(circle at 75% 25%,rgba(96,165,250,.1),transparent 16%);filter:blur(80px);pointer-events:none}.info-card{width:140px;height:90px;display:flex;flex-direction:column;justify-content:center;padding:16px;border-radius:20px;background:#ffffff0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.08);transition:.3s;box-shadow:inset 0 1px #ffffff14,0 10px 25px #00000040}.info-card:hover{transform:translateY(-3px)}.streak{border-color:#ff8c0059}.rank{border-color:#ffd70059}.xp{border-color:#7c3aed59}.review{border-color:#34d39959}.solved{border-color:#60a5fa59}.filters-row{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-top:16px}.filter-group{display:flex;flex-direction:column;gap:6px;min-width:180px}.filter-label{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--text-secondary)}.filter-select{width:180px;height:42px;padding:0 14px;border-radius:12px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#1b1b2f;color:#f8fafc;border:1px solid rgba(255,255,255,.08)}.filter-select:focus{outline:none;border-color:#8b5cf6}.filter-select option{background:#1b1b2f;color:#f8fafc}html.light .app-bg{background:radial-gradient(circle at 10% 20%,rgba(139,92,246,.08),transparent 22%),radial-gradient(circle at 85% 75%,rgba(59,130,246,.07),transparent 28%),radial-gradient(circle at 50% 35%,rgba(236,72,153,.05),transparent 20%),linear-gradient(180deg,#f8fafc,#f3f5f9 45%,#eef2f7)}html.light .app-bg:before{background:radial-gradient(circle at 20% 40%,rgba(139,92,246,.08),transparent 18%),radial-gradient(circle at 75% 25%,rgba(59,130,246,.06),transparent 16%);filter:blur(100px)}html.light .info-card{background:#ffffffd1;border:1px solid rgba(148,163,184,.18);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 12px 30px #0f172a0f,inset 0 1px #fffffff2}html.light .filter-select{background:#fff;color:#111827;border:1px solid rgba(148,163,184,.2)}html.light .filter-select option{background:#fff;color:#111827}html.light .progress-fill{background:linear-gradient(90deg,#c4a6f1,#9333ea,#e0c6fa)}html.light .gradient-text{background:linear-gradient(135deg,#7c3aed,#c084fc,#e9d5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html.light .topic-tag{background:#9333ea1a;border:1px solid rgba(147,51,234,.25);color:#7c3aed}html.light .company-tag{background:#0284c71a;border:1px solid rgba(2,132,199,.25);color:#0284c7}html.light .section-header{color:#7c3aed}html.light .badge-medium{background:#f3e8ff;color:#7c3aed;border-color:#d8b4fe}html.light .nav-link.active{color:#7c3aed;background:#9333ea26;border-bottom:2px solid #9333EA}html.light .btn-ghost:hover{border-color:#9333ea;background:#9333ea14;color:#5b21b6}html.light .btn-primary{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff}html.light .btn-primary:hover{background:linear-gradient(135deg,#c084fc,#6d28d9);box-shadow:0 12px 30px #9333ea47}html.light ::-moz-selection{background:#9333ea40;color:#2e1065}html.light ::selection{background:#9333ea40;color:#2e1065}html.light *:focus-visible{outline:2px solid #9333EA;outline-offset:2px}.hover\:border-amber-500\/60:hover{border-color:#f59e0b99}.hover\:border-emerald-500\/60:hover{border-color:#10b98199}.hover\:border-rose-500\/60:hover{border-color:#f43f5e99}.hover\:border-violet-500\/60:hover{border-color:#8b5cf699}.hover\:bg-amber-500\/10:hover{background-color:#f59e0b1a}.hover\:bg-emerald-500\/10:hover{background-color:#10b9811a}.hover\:bg-rose-500\/10:hover{background-color:#f43f5e1a}.hover\:bg-violet-500\/10:hover{background-color:#8b5cf61a}.hover\:text-violet-300:hover{--tw-text-opacity: 1;color:rgb(196 181 253 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:ring-1:hover{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.hover\:ring-violet-400:hover{--tw-ring-opacity: 1;--tw-ring-color: rgb(167 139 250 / var(--tw-ring-opacity, 1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\:block{display:block}.sm\:hidden{display:none}.sm\:min-w-\[140px\]{min-width:140px}.sm\:grid-flow-col{grid-auto-flow:column}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}