:root{--font-ui: "Plus Jakarta Sans", sans-serif;--font-display: "Plus Jakarta Sans", sans-serif;--bg-0: #050505;--bg-1: #0b0f14;--bg-2: #0f172a;--app-bg: #050505;--text-1: #e6edf6;--text-2: #b2c0d4;--text-3: #7f8ea6;--accent-rgb: 56, 225, 205;--accent: #38e1cd;--accent-strong: #7cf3e3;--accent-soft: rgba(56, 225, 205, .2);--amber: #f1c375;--amber-soft: rgba(241, 195, 117, .22);--glass-border: rgba(255, 255, 255, .2);--glass-border-strong: rgba(255, 255, 255, .32);--glass-fill: linear-gradient(135deg, rgba(255, 255, 255, .012), rgba(255, 255, 255, .002));--panel-fill: linear-gradient(135deg, rgba(255, 255, 255, .01), rgba(255, 255, 255, .0018));--rainbow-conic: conic-gradient( from 180deg at 18% 8%, rgba(255, 64, 64, .98) 0deg, rgba(255, 140, 64, .98) 32deg, rgba(255, 224, 64, .98) 70deg, rgba(96, 255, 96, .98) 115deg, rgba(64, 210, 255, .98) 165deg, rgba(96, 120, 255, .98) 215deg, rgba(160, 96, 255, .98) 265deg, rgba(255, 96, 210, .98) 310deg, rgba(160, 96, 255, .98) 340deg, rgba(96, 120, 255, .98) 360deg );--rainbow-conic-soft: conic-gradient( from 200deg at 85% 85%, rgba(255, 64, 64, .9) 0deg, rgba(255, 140, 64, .9) 28deg, rgba(255, 224, 64, .9) 62deg, rgba(96, 255, 96, .88) 108deg, rgba(64, 210, 255, .88) 158deg, rgba(96, 120, 255, .88) 208deg, rgba(160, 96, 255, .88) 258deg, rgba(255, 96, 210, .88) 302deg, rgba(160, 96, 255, .88) 332deg, rgba(96, 120, 255, .88) 360deg );--glass-edge: var(--rainbow-conic);--glass-edge-soft: var(--rainbow-conic-soft);--toggle-rainbow: var(--rainbow-conic);--glass-shadow: 0 28px 70px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .12) inset;--board-shadow: 0 20px 46px rgba(0, 0, 0, .65);--edge-thickness: 2px;--panel-header-bg: linear-gradient(180deg, rgba(2, 6, 23, .98), rgba(2, 6, 23, .88) 60%, rgba(2, 6, 23, 0));--panel-header-blur: blur(6px);--menu-header-bg: var(--panel-header-bg);--mode-switcher-shadow: 0 10px 30px rgba(15, 23, 42, .6);--mode-switcher-active-shadow: 0 0 0 1px rgba(15, 23, 42, .6), 0 8px 18px rgba(15, 23, 42, .85);--mode-switcher-inactive-text: var(--text-2);--pill-black-glow: radial-gradient(130% 130% at 25% 18%, rgba(212, 175, 55, .45), rgba(30, 30, 38, .95) 50%, rgba(0, 0, 0, .98) 100%);--pill-black-border: 1px solid rgba(212, 175, 55, .4);--pill-black-shadow: 0 12px 20px rgba(0, 0, 0, .75), inset 0 1px 2px rgba(212, 175, 55, .25);--pill-black-active-text: #f8fafc;--flashcard-card-bg: rgba(2, 6, 23, .18);--flashcard-card-bg-selected: linear-gradient(90deg, rgba(99, 102, 241, .28), rgba(20, 184, 166, .16) 55%, rgba(2, 6, 23, 0));--flashcard-card-border: 1px solid rgba(148, 163, 184, .08);--flashcard-card-border-selected: 1px solid rgba(129, 140, 248, .55);--flashcard-card-shadow: none;--flashcard-card-shadow-selected: 0 8px 18px rgba(15, 23, 42, .55);--notation-panel-fill: rgba(8, 8, 10, .55);--notation-highlight-bg: rgba(59, 130, 246, .55);--notation-highlight-text: #ffffff;--goals-card-bg: rgba(15, 23, 42, .55);--goals-card-border: 1px solid rgba(148, 163, 184, .22);--goals-title-text: #e2e8f0;--goals-muted-text: rgba(148, 163, 184, .9);--goals-subtle-text: rgba(148, 163, 184, .7);--goals-pill-bg: rgba(2, 6, 23, .35);--goals-pill-border: 1px solid rgba(148, 163, 184, .25);--goals-pill-border-active: 1px solid rgba(255, 255, 255, .6);--goals-pill-text: #e5e7eb;--goals-tab-inactive-bg: rgba(15, 23, 42, .55);--goals-tab-inactive-border: 1px solid rgba(255, 255, 255, .18);--goals-rec-card-bg: linear-gradient(140deg, rgba(15, 23, 42, .75), rgba(2, 6, 23, .65));--goals-rec-card-bg-completed: linear-gradient(140deg, rgba(15, 23, 42, .7), rgba(2, 6, 23, .55));--goals-rec-card-border: 1px solid rgba(148, 163, 184, .18);--goals-rec-card-shadow: 0 12px 22px rgba(2, 6, 23, .35);--goals-rec-card-shadow-completed: 0 0 0 1px rgba(255, 255, 255, .45), 0 0 16px rgba(96, 210, 255, .45), 0 0 28px rgba(255, 224, 96, .35);--goals-rec-card-title: rgba(226, 232, 240, .7);--goals-rec-card-text: #f8fafc;--goals-rec-card-meta: rgba(148, 163, 184, .85);--goals-rec-empty-border: 1px dashed rgba(148, 163, 184, .25);--goals-rec-empty-text: rgba(226, 232, 240, .7);--goals-chart-border: 1px solid rgba(148, 163, 184, .18);--goals-chart-bg: rgba(2, 6, 23, .18);--goals-chart-divider: rgba(148, 163, 184, .22);--goals-chart-grid: rgba(148, 163, 184, .16);--goals-chart-muted: rgba(226, 232, 240, .75);--goals-chart-axis: rgba(148, 163, 184, .6);--goals-chart-tooltip-bg: rgba(2, 6, 23, .88);--goals-chart-tooltip-border: 1px solid rgba(148, 163, 184, .28);--goals-chart-tooltip-text: #e5e7eb;--goals-chart-tooltip-shadow: 0 10px 30px rgba(0, 0, 0, .35);--goals-chart-marker-stroke: rgba(2, 6, 23, .65);--goals-chart-fill-fade: rgba(2, 6, 23, .05);--good-glow: rgba(246, 199, 106, .85);--good-glow-soft: rgba(246, 199, 106, .45);--bad-glow: rgba(248, 113, 113, .9);--bad-glow-soft: rgba(248, 113, 113, .6)}html.theme-light{--bg-0: #f8f2e8;--bg-1: #f3e9da;--bg-2: #eadfcd;--app-bg: #f8f2e8;--text-1: #2f2a24;--text-2: #665f55;--text-3: #8b8175;--accent-rgb: 226, 170, 182;--accent: #e2aab6;--accent-strong: #f1c3ce;--accent-soft: rgba(226, 170, 182, .22);--amber: #d9b18b;--amber-soft: rgba(217, 177, 139, .22);--glass-border: rgba(84, 64, 48, .15);--glass-border-strong: rgba(84, 64, 48, .24);--glass-fill: linear-gradient(135deg, rgba(255, 255, 255, .75), rgba(248, 240, 227, .45));--panel-fill: linear-gradient(135deg, rgba(255, 255, 255, .65), rgba(248, 235, 220, .4));--glass-shadow: 0 14px 28px rgba(130, 96, 68, .18), 0 0 0 1px rgba(255, 255, 255, .65) inset;--board-shadow: 0 12px 24px rgba(130, 96, 68, .22);--rainbow-conic: conic-gradient( from 180deg at 18% 8%, rgba(255, 201, 214, .9) 0deg, rgba(255, 214, 226, .92) 90deg, rgba(255, 198, 220, .92) 180deg, rgba(255, 213, 230, .9) 270deg, rgba(255, 201, 214, .9) 360deg );--rainbow-conic-soft: conic-gradient( from 200deg at 85% 85%, rgba(255, 201, 214, .7) 0deg, rgba(255, 216, 228, .7) 120deg, rgba(255, 206, 222, .7) 240deg, rgba(255, 201, 214, .7) 360deg );--toggle-rainbow: var(--rainbow-conic-soft);--panel-header-bg: transparent;--panel-header-blur: none;--menu-header-bg: linear-gradient( 180deg, rgba(255, 250, 244, 1), rgba(243, 230, 214, .96) 58%, rgba(255, 244, 232, .9) 100% );--mode-switcher-shadow: none;--mode-switcher-active-shadow: 0 0 0 1px rgba(135, 86, 105, .28), 0 6px 16px rgba(135, 86, 105, .25);--mode-switcher-inactive-text: #5b4b43;--pill-black-glow: linear-gradient(135deg, rgba(96, 86, 92, .92), rgba(62, 55, 60, .94) 55%, rgba(46, 41, 45, .98) 100%);--pill-black-border: 1px solid rgba(135, 112, 123, .6);--pill-black-shadow: 0 10px 18px rgba(140, 96, 112, .28), inset 0 1px 2px rgba(255, 230, 240, .4);--pill-black-active-text: #fef7f1;--flashcard-card-bg: rgba(255, 236, 244, .6);--flashcard-card-bg-selected: linear-gradient(90deg, rgba(255, 210, 228, .7), rgba(255, 236, 244, .5) 55%, rgba(255, 255, 255, 0));--flashcard-card-border: 1px solid rgba(214, 176, 191, .35);--flashcard-card-border-selected: 1px solid rgba(214, 152, 176, .55);--flashcard-card-shadow: none;--flashcard-card-shadow-selected: none;--notation-panel-fill: linear-gradient(135deg, rgba(255, 243, 229, .95), rgba(245, 228, 206, .85));--notation-highlight-bg: rgba(214, 174, 142, .55);--notation-highlight-text: #3d2f27;--goals-card-bg: rgba(255, 245, 235, .78);--goals-card-border: 1px solid rgba(214, 184, 164, .55);--goals-title-text: #463a33;--goals-muted-text: #6d5c52;--goals-subtle-text: #8c7a6f;--goals-pill-bg: rgba(255, 234, 218, .88);--goals-pill-border: 1px solid rgba(207, 172, 152, .6);--goals-pill-border-active: 1px solid rgba(199, 153, 120, .7);--goals-pill-text: #4a3d36;--goals-tab-inactive-bg: rgba(255, 236, 221, .88);--goals-tab-inactive-border: 1px solid rgba(214, 184, 164, .6);--goals-rec-card-bg: linear-gradient(140deg, rgba(255, 246, 235, .92), rgba(244, 226, 208, .88));--goals-rec-card-bg-completed: linear-gradient(140deg, rgba(255, 250, 242, .92), rgba(246, 232, 219, .88));--goals-rec-card-border: 1px solid rgba(214, 184, 164, .5);--goals-rec-card-shadow: 0 10px 20px rgba(166, 130, 104, .18);--goals-rec-card-shadow-completed: 0 0 0 1px rgba(255, 255, 255, .65), 0 0 14px rgba(255, 210, 180, .4);--goals-rec-card-title: #7a675c;--goals-rec-card-text: #4a3d36;--goals-rec-card-meta: #8c7a6f;--goals-rec-empty-border: 1px dashed rgba(214, 184, 164, .55);--goals-rec-empty-text: #7a675c;--goals-chart-border: 1px solid rgba(214, 184, 164, .45);--goals-chart-bg: rgba(255, 245, 235, .85);--goals-chart-divider: rgba(214, 184, 164, .6);--goals-chart-grid: rgba(170, 140, 120, .22);--goals-chart-muted: #7a675c;--goals-chart-axis: rgba(145, 115, 95, .55);--goals-chart-tooltip-bg: rgba(255, 246, 238, .96);--goals-chart-tooltip-border: 1px solid rgba(214, 184, 164, .55);--goals-chart-tooltip-text: #4a3d36;--goals-chart-tooltip-shadow: 0 8px 20px rgba(166, 130, 104, .2);--goals-chart-marker-stroke: rgba(120, 90, 70, .45);--goals-chart-fill-fade: rgba(255, 245, 235, .2)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--app-bg);color:var(--text-1);font-family:var(--font-ui);font-weight:700;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}body *{font-weight:inherit!important}button,input,select,textarea{font-family:var(--font-ui);font-weight:inherit}body:before{content:"";position:fixed;inset:0;background:radial-gradient(30% 30% at 12% 10%,rgba(140,108,255,.28),transparent 70%),radial-gradient(28% 28% at 85% 8%,rgba(72,229,210,.3),transparent 70%),radial-gradient(28% 28% at 88% 88%,rgba(255,196,132,.26),transparent 70%),radial-gradient(30% 30% at 8% 88%,rgba(251,113,210,.22),transparent 70%),repeating-linear-gradient(120deg,rgba(255,255,255,.04) 0 1px,transparent 1px 7px);pointer-events:none;opacity:.85;z-index:0}html.theme-light body:before{background:radial-gradient(30% 30% at 14% 12%,rgba(255,196,215,.35),transparent 70%),radial-gradient(28% 28% at 84% 10%,rgba(255,214,230,.3),transparent 70%),radial-gradient(28% 28% at 88% 88%,rgba(255,205,183,.26),transparent 70%),radial-gradient(30% 30% at 8% 88%,rgba(255,190,210,.25),transparent 70%),repeating-linear-gradient(135deg,rgba(255,255,255,.5) 0 1px,transparent 1px 8px);opacity:.9}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.01em}#root{min-height:100vh;min-height:100dvh;height:auto;position:relative;z-index:1}.app-shell{animation:appFade .56s ease-out}.main-card{background:var(--glass-fill);border:1px solid rgba(255,255,255,.12);box-shadow:var(--glass-shadow);position:relative;overflow:hidden;isolation:isolate}.main-card .panel-surface,.main-card .board-frame{position:relative;overflow:hidden;isolation:isolate;z-index:2}.main-card:before{content:"";position:absolute;inset:0;padding:var(--edge-thickness, 1px);border-radius:inherit;background:var(--glass-edge);animation:edgeHue 18s linear infinite;animation-delay:-6s;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.7;pointer-events:none;z-index:1}.main-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--glass-fill);backdrop-filter:blur(10px) saturate(165%);-webkit-backdrop-filter:blur(10px) saturate(165%);pointer-events:none;z-index:0}.panel-surface{background:var(--panel-fill);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px) saturate(160%);-webkit-backdrop-filter:blur(8px) saturate(160%);box-shadow:0 18px 40px #00000059;position:relative;isolation:isolate}.board-frame{border:1px solid rgba(255,255,255,.08);background:var(--panel-fill);box-shadow:0 0 0 1px #ffffff1f inset;isolation:isolate}.board-frame>*{position:relative;z-index:1}.glass-card{position:relative;isolation:isolate;border:1px solid transparent!important;background:var(--panel-fill)!important;backdrop-filter:blur(6px) saturate(150%);-webkit-backdrop-filter:blur(6px) saturate(150%)}.glass-card:before{content:"";position:absolute;inset:0;padding:var(--edge-thickness, 1px);border-radius:inherit;background:var(--glass-edge-soft);animation:edgeHue 14s linear infinite;animation-delay:var(--edge-delay, -3.5s);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.92;mix-blend-mode:screen;pointer-events:none;z-index:1}.glass-card>*{position:relative;z-index:2}.glass-ring{position:relative;isolation:isolate;border:1px solid transparent;background:transparent}.glass-ring:before{content:"";position:absolute;inset:0;padding:var(--edge-thickness, 1px);border-radius:inherit;background:var(--glass-edge-soft);animation:edgeHue 14s linear infinite;animation-delay:var(--edge-delay, -3.5s);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.92;mix-blend-mode:screen;pointer-events:none;z-index:0}.glass-ring>*{position:relative;z-index:1}.panel-surface:before,.board-frame:before{content:"";position:absolute;inset:0;padding:var(--edge-thickness, 1px);border-radius:inherit;background:var(--glass-edge-soft);animation:edgeHue 20s linear infinite;animation-delay:-9s;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.82;mix-blend-mode:screen;pointer-events:none;z-index:0}@keyframes edgeHue{0%{filter:hue-rotate(0deg) saturate(1.35)}to{filter:hue-rotate(360deg) saturate(1.35)}}.effects-static .main-card:before,.effects-static .glass-card:before,.effects-static .glass-ring:before,.effects-static .panel-surface:before,.effects-static .board-frame:before{animation:none!important;filter:none!important;opacity:.55;mix-blend-mode:screen}.effects-static .main-card:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.effects-static .panel-surface,.effects-static .glass-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.effects-static .main-card{box-shadow:0 12px 28px #00000073}.effects-static .panel-surface{box-shadow:0 10px 24px #0006}.effects-static .board-frame{box-shadow:0 0 0 1px #ffffff14 inset}@media(prefers-reduced-motion:reduce){.glass-card:before,.panel-surface:before,.board-frame:before{animation:none}}@keyframes appFade{0%{opacity:0}to{opacity:1}}