:root{--lime-500: #c1ee34;--lime-400: #cbf135;--lime-300: #d6f56a;--lime-100: #f0fbc8;--lime-700: #76c30e;--lime-800: #5b8f12;--ink-900: #111210;--ink-800: #1e1f24;--ink-700: #3a3a44;--ink-600: #6c6c75;--ink-500: #8a8a95;--ink-400: #b7b7c4;--ink-200: #e3e3ea;--ink-100: #eeeef0;--ink-50: #f5f5f7;--paper: #f3f2ef;--white: #ffffff;--glass: rgba(255,255,255,.94);--glass-border: rgba(17,18,16,.07);--coral-400: #fd7453;--coral-300: #ffb59f;--cream-100: #fef1e7;--blue-500: #4495d1;--blue-200: #d0e8fb;--blue-600: #125f97;--teal-500: #00a6a6;--teal-400: #1fd0c4;--orange-400: #ffc955;--font-sans: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Unbounded", "Onest", sans-serif;--shadow-xs: 0 1px 3px rgba(17,18,16,.04), 0 0 0 1px rgba(17,18,16,.03);--shadow-sm: 0 2px 8px rgba(17,18,16,.06), 0 0 0 1px rgba(17,18,16,.04);--shadow-md: 0 8px 28px rgba(17,18,16,.09), 0 1px 4px rgba(17,18,16,.05);--shadow-lg: 0 16px 56px rgba(17,18,16,.12), 0 2px 6px rgba(17,18,16,.06);--shadow-float: 0 12px 40px rgba(17,18,16,.1), 0 1px 2px rgba(17,18,16,.06), inset 0 1px 0 rgba(255,255,255,.9);--shadow-glow: 0 8px 32px rgba(193,238,52,.35), 0 0 0 1px rgba(193,238,52,.25);--ring: inset 0 0 0 1px rgba(17,18,16,.09);--ring-lime: inset 0 0 0 1.5px rgba(193,238,52,.6);--bezel-outer-bg: rgba(17,18,16,.025);--bezel-outer-border: rgba(17,18,16,.06);--bezel-inner-shadow: inset 0 1px 0 rgba(255,255,255,.9), inset 0 -1px 0 rgba(17,18,16,.03);--grad-spark: linear-gradient(135deg,#e7ff4d 0%,#5bf08a 42%,#1fd0c4 100%);--grad-lime: linear-gradient(135deg,#d4f538 0%,#a8e00a 100%);--grad-dark: linear-gradient(180deg,#0d0e0b 0%,#161812 100%);--radius-pill: 999px;--radius-2xl: 28px;--radius-xl: 20px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--sidebar-w: 260px;--topbar-h: 60px;--bottomnav-h: 64px;--ease-out: cubic-bezier(.22,1,.36,1);--ease-spring: cubic-bezier(.34,1.56,.64,1);--ease-snappy: cubic-bezier(.32,.72,0,1);--transition-fast: .18s var(--ease-snappy);--transition-base: .22s var(--ease-snappy);--transition-slow: .55s var(--ease-snappy);--focus-ring: 0 0 0 3.5px rgba(193,238,52,.3);--z-base: 1;--z-nav: 100;--z-bottomnav: 100;--z-dropdown: 200;--z-modal: 1000;--z-toast: 2000}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--paper);font-family:var(--font-sans);color:var(--ink-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}a{text-decoration:none;color:inherit}::selection{background:var(--lime-300)}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ink-200);border-radius:99px;border:2px solid var(--paper)}::-webkit-scrollbar-thumb:hover{background:var(--ink-400)}@keyframes slideUp{0%{transform:translateY(18px);opacity:0;filter:blur(3px)}to{transform:translateY(0);opacity:1;filter:blur(0)}}@keyframes floatIn{0%{transform:translateY(28px) scale(.98);opacity:0;filter:blur(4px)}to{transform:none;opacity:1;filter:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideRight{0%{transform:translate(24px);opacity:0}to{transform:none;opacity:1}}@keyframes popIn{0%{transform:scale(.88) translateY(4px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes kxtoast{0%{transform:translate(-50%) translateY(24px) scale(.92);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marqueeReverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.nav-desktop{display:none}.nav-hamburger{display:flex}@media (min-width: 860px){.nav-desktop{display:flex!important;align-items:center;gap:8px}.nav-hamburger{display:none!important}.nav-anchor{display:inline!important}}@media (max-width: 767px){.bento-grid{grid-template-columns:1fr!important}.bento-card{grid-column:span 1!important;grid-row:span 1!important}}@media (min-width: 860px){.nav-anchor{display:inline!important}}@keyframes progressFill{0%{width:0%}}@keyframes xpRingDraw{0%{stroke-dashoffset:188}}@keyframes questCheck{0%{transform:scale(0) rotate(-12deg)}to{transform:scale(1) rotate(0)}}@keyframes streakPop{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes xpFly{0%{transform:translateY(0) scale(.8);opacity:0}20%{transform:translateY(-6px) scale(1);opacity:1}80%{transform:translateY(-34px) scale(1);opacity:1}to{transform:translateY(-52px) scale(.9);opacity:0}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{transform:translateY(16px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes confettiFall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(120px) rotate(360deg);opacity:0}}.focus-ring:focus-visible,.ui-btn:focus-visible,.ui-input:focus-visible,.ui-iconbtn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:none;border-radius:var(--radius-pill);cursor:pointer;font-family:var(--font-sans);font-weight:700;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.ui-btn:hover{transform:translateY(-2px)}.ui-btn:active{transform:translateY(0) scale(.98)}.ui-btn:disabled{cursor:not-allowed;transform:none;opacity:1}.ui-btn--primary{background:#c1ee34;color:#111210;box-shadow:0 8px 24px #c1ee344d}.ui-btn--primary:hover{box-shadow:0 14px 32px #c1ee3470}.ui-btn--primary:disabled{background:var(--ink-200);color:var(--ink-500);box-shadow:none}.ui-btn--ghost{background:#1112100a;color:var(--ink-800)}.ui-btn--ghost:hover{background:#11121012}.ui-btn--ghost:disabled{color:var(--ink-400)}.ui-btn--danger{background:#dc262614;color:#dc2626}.ui-btn--danger:hover{background:#dc262624}.ui-btn--dark{background:var(--ink-900);color:#fff;box-shadow:var(--shadow-sm)}.ui-btn--dark:hover{box-shadow:var(--shadow-md)}.ui-btn__island{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:var(--radius-pill);background:#1112101a;transition:transform var(--transition-base)}.ui-btn--primary .ui-btn__island{background:#1112101f}.ui-btn--dark .ui-btn__island,.ui-btn--danger .ui-btn__island{background:#ffffff24}.ui-btn:hover .ui-btn__island{transform:translate(2px,-1px) scale(1.06)}.ui-iconbtn{display:grid;place-items:center;flex-shrink:0;border:none;background:none;cursor:pointer;color:var(--ink-400);border-radius:var(--radius-md);transition:color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.ui-iconbtn:hover{color:var(--ink-800);background:#1112100d}.ui-iconbtn:active{transform:scale(.94)}.ui-input{width:100%;border:1.5px solid rgba(17,18,16,.11);border-radius:13px;background:#fff;color:var(--ink-900);font-family:var(--font-sans);font-size:15px;box-shadow:inset 0 1px 2px #00000008;outline:none;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.ui-input::placeholder{color:var(--ink-400)}.ui-input:hover{border-color:#1112102e}.ui-input:focus,.ui-input:focus-visible{border-color:#c1ee34;box-shadow:0 0 0 3.5px #c1ee3424,inset 0 1px 2px #00000008}.ui-input[aria-invalid=true]{border-color:#dc262673;box-shadow:0 0 0 3.5px #dc26261a}.ui-bezel{background:var(--bezel-outer-bg);border:1px solid var(--bezel-outer-border);padding:5px;border-radius:22px}.ui-bezel__core{background:#fff;border-radius:18px;box-shadow:var(--bezel-inner-shadow);transition:transform var(--transition-base),box-shadow var(--transition-base)}.ui-bezel--hover{cursor:pointer}.ui-bezel--hover:hover .ui-bezel__core{transform:translateY(-3px);box-shadow:var(--shadow-md),inset 0 1px #ffffffe6}