:root{--bg-main: #0a0a0a;--bg-card: #18181b;--text-main: #eff1f6;--text-muted: #a1a1aa;--accent: #2cbb5d;--border-main: 1px solid #27272a;--shadow-main: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .1);--dot-color: rgba(255, 255, 255, .05);--sidebar-bg: #09090b;--accent-red: #ef4743;--accent-yellow: #ffa116;--accent-green: #2cbb5d}*{box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-main);color:var(--text-main);margin:0;min-height:100vh;overflow-y:auto;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.neo-card{background:var(--bg-card);border:var(--border-main);box-shadow:var(--shadow-main);transition:all .2s ease}.neo-card:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-hover)}.neo-btn{background:var(--bg-card);color:var(--text-main);border:var(--border-main);box-shadow:var(--shadow-main);padding:8px 16px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .1s ease;display:flex;align-items:center;gap:8px}.neo-btn:active{transform:translate(2px,2px);box-shadow:none}.neo-btn:hover{opacity:.9;transform:translateY(-1px)}.neo-badge{background:var(--text-main);color:var(--bg-main);padding:2px 8px;font-size:12px;font-weight:800;text-transform:uppercase}.dot-bg{background-color:var(--bg-main);background-image:radial-gradient(var(--dot-color) 1.5px,transparent 1.5px);background-size:32px 32px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--text-muted);border:2px solid var(--bg-main);border-radius:10px}.badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600}.easy{background:#00b8a326;color:#00b8a3}.medium{background:#ffc01e26;color:#ffc01e}.hard{background:#ff375f26;color:#ff375f}.spinner{border:3px solid #333;border-top:3px solid var(--text-secondary);border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-action{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:.2s}.diff-error{color:var(--accent-red);background:#ef47431a;border-color:#ef47434d}.glass-panel{background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 6px #0000001a}.glass-panel:hover{border-color:#ffffff1a;background:#ffffff0d;box-shadow:0 8px 12px #0003}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-slide-up{animation:slideUp .5s ease-out forwards}.animate-scale-in{animation:scaleIn .3s ease-out forwards}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.text-gradient{background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}