@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700;800&display=swap";:root{--bg-0:#070809;--bg-1:#0b0d10;--bg-2:#0f1215;--bg-3:#131619;--bg-4:#181b1f;--b-0:#ffffff0d;--b-1:#ffffff17;--b-2:#ffffff26;--b-3:#ffffff3d;--t-0:#fff;--t-1:#ffffffd1;--t-2:#ffffff73;--t-3:#ffffff47;--g-0:#c8ff3c;--g-1:#4ade80;--g-2:#34d399;--g-0-dim:#c8ff3c1a;--g-0-glow:#c8ff3c38;--g-1-dim:#4ade801a;--g-1-glow:#4ade8033;--g-2-dim:#34d3991a;--r-0:#ff5f57;--r-0-dim:#ff5f571a;--r-0-glow:#ff5f572e;--y-0:#facc15;--y-0-dim:#facc151a;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;font-family:var(--mono);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--t-1);background:var(--bg-0)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.18}50%{opacity:.42}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--g-0);color:#000}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--b-1);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--b-2)}html,body,#root{min-height:100vh}body{background:radial-gradient(circle at 20% -10%, #4ade8012 0%, transparent 45%), radial-gradient(circle at 80% 110%, #c8ff3c0f 0%, transparent 50%), var(--bg-0);min-width:320px;color:var(--t-1);font-family:var(--mono);margin:0;font-size:14px;line-height:1.55}a{color:var(--g-1);border-bottom:1px dashed #4ade8066;text-decoration:none;transition:color .14s,border-color .14s}a:hover{color:var(--g-0);border-bottom-color:var(--g-0)}button,input,textarea,select{font:inherit;font-family:var(--mono);color:var(--t-0)}button{appearance:none;border:1px solid var(--b-2);background:var(--g-0);color:#000;cursor:pointer;letter-spacing:.02em;border-radius:8px;padding:.65rem 1.05rem;font-weight:700;transition:background .14s,box-shadow .14s,transform .14s,border-color .14s}button:hover:not(:disabled){background:#d6ff5c;transform:translateY(-1px);box-shadow:0 6px 22px #c8ff3c38}button:active:not(:disabled){transform:translateY(0)}button:focus-visible{outline:2px solid var(--g-0);outline-offset:3px}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.5}button.secondary-button{color:var(--t-0);border:1px solid var(--b-2);background:0 0}button.secondary-button:hover:not(:disabled){background:var(--bg-3);border-color:var(--b-3);box-shadow:none}button.danger-button{color:var(--r-0);border:1px solid var(--r-0-glow);background:0 0}button.danger-button:hover:not(:disabled){background:var(--r-0-dim);box-shadow:none;border-color:var(--r-0)}button.ghost-button{color:var(--t-2);background:0 0;border:1px solid #0000}button.ghost-button:hover:not(:disabled){color:var(--t-0);background:var(--bg-3);box-shadow:none}input,textarea,select{background:var(--bg-1);border:1px solid var(--b-1);border-radius:8px;width:100%;padding:.6rem .75rem;font-size:13px;transition:border-color .14s,background .14s}input:focus,textarea:focus,select:focus{border-color:var(--g-1);background:var(--bg-2);outline:none}input::placeholder,textarea::placeholder{color:var(--t-3)}textarea{resize:vertical;min-height:8rem;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--t-0);letter-spacing:-.01em;font-weight:700;line-height:1.2}h1{font-size:28px}h2{font-size:18px}h3{font-size:16px}h4{letter-spacing:.14em;text-transform:uppercase;color:var(--t-2);font-size:11px;font-weight:700}p{color:var(--t-1)}small{color:var(--t-3);letter-spacing:.04em;font-size:11px}pre{background:var(--bg-1);border:1px solid var(--b-1);font-family:var(--mono);color:var(--t-0);white-space:pre-wrap;word-break:break-word;border-radius:8px;padding:.8rem .95rem;font-size:12.5px;overflow-x:auto}.app-shell{flex-direction:column;gap:22px;max-width:1200px;min-height:100vh;margin:0 auto;padding:28px 24px 56px;display:flex}.hero-card{background:var(--bg-1);border:1px solid var(--b-1);border-radius:16px;flex-direction:column;gap:22px;padding:28px 32px;animation:.24s both fadeUp;display:flex;box-shadow:0 24px 60px #00000073}.hero-card.compact{box-shadow:none;background:0 0;border:none;gap:16px;padding:0}.hero-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--t-3);margin-bottom:6px;font-size:10px;font-weight:600}.lede{color:var(--t-2);max-width:740px;font-size:13px}.action-row{flex-wrap:wrap;gap:10px;display:flex}.action-row button{padding:.6rem .95rem;font-size:12px}.topnav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--b-1);z-index:20;background:#0f1215a6;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;animation:.24s both fadeUp;display:flex;position:sticky;top:14px}.topnav .brand{color:var(--g-0);align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.topnav .brand:after{content:"|";color:var(--g-1);animation:1.1s step-end infinite blink}.topnav-tabs{gap:4px;display:flex}.topnav-tabs button{color:var(--t-2);text-transform:none;letter-spacing:.02em;background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500}.topnav-tabs button:hover:not(:disabled){color:var(--t-0);background:var(--bg-3);box-shadow:none}.topnav-tabs button.active-tab,.topnav-tabs button[aria-current=page]{background:var(--g-0-dim);border-color:var(--g-0-glow);color:var(--g-0)}.topnav-meta{color:var(--t-2);align-items:center;gap:14px;font-size:11px;display:flex}.topnav-meta .chip{border:1px solid var(--b-1);background:var(--bg-2);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.topnav-meta .chip.streak{color:var(--g-0);border-color:var(--g-0-glow)}.topnav-meta .chip.limit{color:var(--g-1);border-color:#4ade8040}.topnav-meta .avatar{background:var(--g-1-dim);border:1px solid var(--g-1-glow);width:30px;height:30px;color:var(--g-1);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.status-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.status-grid.compact{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.status-grid>div{background:var(--bg-2);border:1px solid var(--b-1);border-radius:10px;padding:10px 12px}.status-grid dt{text-transform:uppercase;letter-spacing:.14em;color:var(--t-3);margin-bottom:4px;font-size:9.5px}.status-grid dd{color:var(--t-0);word-break:break-word;font-size:13px;font-weight:600}.status-grid small{margin-top:4px;display:block}.notice-panel,.error-panel,.success-panel,.limits-panel,.result-panel{background:var(--bg-2);border:1px solid var(--b-1);color:var(--t-1);border-radius:10px;padding:12px 14px;font-size:12.5px}.notice-panel{border-color:var(--b-2);background:var(--bg-3)}.notice-panel strong{color:var(--g-1);margin-right:6px}.error-panel{border-color:var(--r-0-glow);background:var(--r-0-dim);color:var(--t-0)}.error-panel.rate-limit-panel{background:var(--y-0-dim);border-color:#facc1566}.error-panel strong{color:var(--r-0);margin-right:6px}.error-panel.rate-limit-panel strong{color:var(--y-0)}.error-panel small{color:var(--t-2);margin-top:6px;display:block}.success-panel{border-color:var(--g-1-glow);background:var(--g-1-dim);color:var(--t-0)}.success-panel strong{color:var(--g-1);margin-right:6px}.limits-panel{flex-direction:column;gap:12px;display:flex}.limits-panel h2{font-size:14px}.limits-panel .rate-limit-copy{color:var(--y-0);font-size:12px}.panel{background:var(--bg-2);border:1px solid var(--b-1);border-radius:12px;flex-direction:column;gap:14px;padding:20px 22px;animation:.24s both fadeUp;display:flex}.section-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.count-pill{background:var(--bg-3);border:1px solid var(--b-1);color:var(--t-2);letter-spacing:.06em;border-radius:999px;padding:3px 10px;font-size:10px}.inline-error{color:var(--r-0);font-size:12px}.empty-state{color:var(--t-3);background:var(--bg-1);border:1px dashed var(--b-1);text-align:center;border-radius:10px;padding:14px;font-size:12.5px}.stack-form{flex-direction:column;gap:12px;display:flex}.stack-form label{color:var(--t-3);text-transform:uppercase;letter-spacing:.14em;flex-direction:column;gap:6px;font-size:10px;font-weight:600;display:flex}.stack-form label input,.stack-form label textarea,.stack-form label select{text-transform:none;letter-spacing:normal;color:var(--t-0);font-weight:400}.settings-form{max-width:520px}.solution-form textarea{font-size:12.5px;line-height:1.45}input[type=range]{appearance:none;background:var(--bg-3);border:1px solid var(--b-1);border-radius:999px;width:100%;height:8px;padding:0}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--g-0);width:18px;height:18px;box-shadow:0 0 0 4px var(--g-0-dim);cursor:pointer;border:1px solid #000;border-radius:50%}input[type=range]::-moz-range-thumb{background:var(--g-0);cursor:pointer;border:1px solid #000;border-radius:50%;width:16px;height:16px}.topic-chips{flex-wrap:wrap;gap:6px;margin-top:-6px;display:flex}.topic-chips .topic-chip{color:var(--t-2);border:1px solid var(--b-1);letter-spacing:.02em;text-transform:none;background:0 0;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:500}.topic-chips .topic-chip:hover:not(:disabled){background:var(--bg-3);border-color:var(--b-2);color:var(--t-0);box-shadow:none;transform:none}.topic-chips .topic-chip.active{background:var(--g-0-dim);border-color:var(--g-0-glow);color:var(--g-0)}.public-nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--b-1);z-index:20;background:#0f1215a6;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;animation:.24s both fadeUp;display:flex;position:sticky;top:14px}.public-nav .brand{color:var(--g-0);cursor:pointer;align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.public-nav .brand:after{content:"|";color:var(--g-1);animation:1.1s step-end infinite blink}.public-nav-actions{gap:10px;display:flex}.auth-card{background:var(--bg-1);border:1px solid var(--b-1);border-radius:18px;flex-direction:column;gap:16px;width:100%;max-width:440px;margin:32px auto 0;padding:36px 38px;animation:.24s both fadeUp;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000008c}.auth-card:after{content:"";background:radial-gradient(closest-side, var(--g-0-dim), transparent);pointer-events:none;width:280px;height:280px;position:absolute;inset:-50% -50% auto auto}.auth-card h1{letter-spacing:-.01em;font-size:24px;font-weight:700}.auth-card .auth-sub{color:var(--t-2);margin-top:-4px;font-size:12.5px}.auth-card .mode-switch{align-self:stretch}.auth-card .auth-error{background:var(--r-0-dim);border:1px solid var(--r-0-glow);color:var(--r-0);border-radius:8px;padding:8px 12px;font-size:12px}.auth-card .auth-alt{color:var(--t-3);text-align:center;margin-top:6px;font-size:12px}.auth-card .auth-alt a{border-bottom:none;font-weight:600}.auth-card form button[type=submit]{margin-top:4px;padding:.85rem 1.2rem;font-size:13px}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.auth-panel{background:var(--bg-2);border:1px solid var(--b-1);border-radius:14px;flex-direction:column;gap:14px;width:100%;max-width:460px;margin:0 auto;padding:22px 24px;display:flex}.mode-switch{border:1px solid var(--b-1);background:var(--bg-1);border-radius:10px;align-self:flex-start;gap:6px;padding:4px;display:flex}.mode-switch button{color:var(--t-2);letter-spacing:.02em;background:0 0;border:1px solid #0000;flex:1;padding:6px 14px;font-size:12px}.mode-switch button.active{background:var(--g-0-dim);border-color:var(--g-0-glow);color:var(--g-0);box-shadow:none}.mode-switch button:hover:not(:disabled):not(.active){color:var(--t-0);background:var(--bg-3);box-shadow:none}.workspace-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.9fr);align-items:start;gap:18px;display:grid}.workspace-grid>.profile-card{grid-column:1/-1}.workspace-grid>.history-panel{grid-area:2/2/span 5/3;max-height:calc(100vh - 100px);position:sticky;top:76px;overflow-y:auto}.profile-card{background:linear-gradient(135deg, var(--bg-2) 0%, var(--bg-3) 100%);border:1px solid var(--b-1);border-radius:14px;flex-direction:column;gap:16px;padding:20px 22px;display:flex;position:relative;overflow:hidden}.profile-card:after{content:"";background:radial-gradient(closest-side, var(--g-0-dim), transparent);pointer-events:none;width:220px;height:220px;position:absolute;inset:-40% -40% auto auto}.profile-card h2{letter-spacing:-.01em;font-size:24px;font-weight:700}.current-task-panel{flex-direction:column;gap:14px;display:flex}.task-card{flex-direction:column;gap:16px;display:flex}.task-heading-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.task-heading-row h3{color:var(--t-0);font-size:18px;font-weight:700}.badge-row{flex-wrap:wrap;gap:6px;display:inline-flex}.badge{letter-spacing:.16em;text-transform:uppercase;background:var(--bg-3);border:1px solid var(--b-1);color:var(--t-3);border-radius:999px;align-items:center;padding:4px 9px;font-size:9.5px;font-weight:700;display:inline-flex}.badge.saved{background:var(--g-0-dim);border-color:var(--g-0-glow);color:var(--g-0)}.badge.solved{background:var(--g-1-dim);border-color:var(--g-1-glow);color:var(--g-1)}.text-block{background:var(--bg-1);border:1px solid var(--b-1);border-radius:10px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.text-block h4{color:var(--t-3)}.text-block p{white-space:pre-wrap;color:var(--t-1);font-size:13px}.metadata-list{color:var(--t-1);grid-template-columns:max-content 1fr;gap:4px 16px;font-size:12px;display:grid}.metadata-list dt{color:var(--t-3);text-transform:uppercase;letter-spacing:.12em;font-size:10px}.metadata-list dd{color:var(--t-1)}.result-panel h4{margin-bottom:6px}.result-panel p{white-space:pre-wrap;margin-top:8px;font-size:12.5px}.history-list{flex-direction:column;gap:8px;list-style:none;display:flex}.history-item{text-align:left;background:var(--bg-1);border:1px solid var(--b-1);width:100%;color:var(--t-1);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:stretch;gap:10px;padding:10px 12px;font-weight:500;transition:border-color .14s,background .14s;display:flex}.history-item:hover:not(:disabled){background:var(--bg-3);border-color:var(--b-2);box-shadow:none;transform:none}.history-item.active-history{background:var(--g-0-dim);border-color:var(--g-0-glow)}.history-item.active-history strong{color:var(--g-0)}.history-item>span:first-child{flex-direction:column;gap:2px;display:flex}.history-item strong{color:var(--t-0);letter-spacing:-.005em;font-size:12.5px}.history-item small{color:var(--t-3);font-size:10.5px}.stats-dashboard{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.stats-dashboard>.profile-card,.stats-dashboard>.stats-panel,.stats-dashboard>.activity-panel{grid-column:1/-1}.stats-metric-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.stats-metric-grid>div{background:var(--bg-1);border:1px solid var(--b-1);border-radius:10px;padding:12px 14px}.stats-metric-grid dt{text-transform:uppercase;letter-spacing:.14em;color:var(--t-3);margin-bottom:6px;font-size:9.5px}.stats-metric-grid dd{color:var(--t-0);letter-spacing:-.01em;font-size:22px;font-weight:700}.stats-metric-grid small{margin-top:4px;display:block}.breakdown-list{flex-direction:column;gap:6px;list-style:none;display:flex}.breakdown-list li{background:var(--bg-1);border:1px solid var(--b-1);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;font-size:12px;display:flex}.breakdown-list strong{color:var(--t-0);letter-spacing:-.005em}.breakdown-list span{color:var(--t-2);font-size:11.5px}.activity-list{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;list-style:none;display:grid}.activity-list li{background:var(--bg-1);border:1px solid var(--b-1);color:var(--t-2);border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;font-size:11px;display:flex}.activity-list li.active-day{border-color:var(--g-1-glow);background:var(--g-1-dim)}.activity-list time{color:var(--t-0);font-size:12px;font-weight:700}.usage-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.usage-grid>div{background:var(--bg-1);border:1px solid var(--b-1);border-radius:10px;padding:12px 14px}.usage-grid dt{text-transform:uppercase;letter-spacing:.14em;color:var(--t-3);margin-bottom:6px;font-size:9.5px}.usage-grid dd{color:var(--t-0);font-size:18px;font-weight:700}.usage-grid small{color:var(--g-1);margin-top:4px;display:block}.settings-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:18px;display:grid}.settings-grid>.profile-card{grid-column:1/-1}.settings-grid>.settings-panel{grid-column:1/-1;max-width:720px}.heatmap-wrap{background:var(--bg-1);border:1px solid var(--b-1);border-radius:10px;padding:16px;overflow-x:auto}.heatmap-grid{grid-template-rows:repeat(7,12px);grid-auto-flow:column;gap:3px;display:grid}.heatmap-cell{background:var(--bg-3);border:1px solid var(--b-0);border-radius:2px;width:12px;height:12px}.heatmap-cell.l1{background:#4ade802e;border-color:#4ade8038}.heatmap-cell.l2{background:#4ade8061;border-color:#4ade806b}.heatmap-cell.l3{background:#4ade809e;border-color:#4ade80a8}.heatmap-cell.l4{background:var(--g-0);border-color:var(--g-0)}.heatmap-legend{color:var(--t-3);align-items:center;gap:8px;margin-top:10px;font-size:10px;display:flex}.diffbar{color:var(--t-2);flex-direction:column;gap:6px;font-size:11px;display:flex}.diffbar-row{grid-template-columns:80px 1fr 70px;align-items:center;gap:10px;display:grid}.diffbar-track{background:var(--bg-3);border:1px solid var(--b-1);border-radius:999px;height:8px;position:relative;overflow:hidden}.diffbar-fill{background:linear-gradient(90deg, var(--g-1), var(--g-0));border-radius:999px;position:absolute;inset:0 auto 0 0}.landing-hero{background:linear-gradient(135deg, var(--bg-2) 0%, var(--bg-1) 100%);border:1px solid var(--b-1);border-radius:18px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:30px;padding:48px 40px;animation:.24s both fadeUp;display:grid;position:relative;overflow:hidden}.landing-hero:after{content:"";background:radial-gradient(closest-side, var(--g-0-dim), transparent);pointer-events:none;width:360px;height:360px;position:absolute;inset:-25% -25% auto auto}.landing-hero h1{letter-spacing:-.02em;font-size:38px;font-weight:800;line-height:1.05}.landing-hero .hero-sub{color:var(--t-2);max-width:540px;margin-top:14px;font-size:14px}.landing-hero .hero-ctas{gap:10px;margin-top:24px;display:flex}.landing-snippet{background:var(--bg-0);border:1px solid var(--b-1);color:var(--t-1);z-index:1;border-radius:14px;padding:18px;font-size:12.5px;position:relative}.landing-snippet pre{color:var(--t-1);background:0 0;border:none;padding:0}.landing-features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.landing-feature{background:var(--bg-2);border:1px solid var(--b-1);border-radius:14px;flex-direction:column;gap:6px;padding:20px 22px;animation:.24s both fadeUp;display:flex}.landing-feature h3{color:var(--g-0);font-size:15px;font-weight:700}.landing-feature p{color:var(--t-2);font-size:12.5px;line-height:1.55}.landing-footer{color:var(--t-3);justify-content:space-between;align-items:center;gap:12px;padding:12px 4px 0;font-size:11px;display:flex}@media (width<=960px){.workspace-grid{grid-template-columns:1fr}.workspace-grid>.history-panel{grid-area:auto/1/auto/-1;max-height:none;position:static}.stats-dashboard,.settings-grid{grid-template-columns:1fr}.landing-hero{grid-template-columns:1fr;padding:36px 28px}}@media (width<=620px){.app-shell{padding:16px 14px 36px}.hero-card,.landing-hero,.topnav{border-radius:12px;padding:18px 16px}.topnav{position:relative;top:0}.hero-header,.topnav,.section-title-row,.task-heading-row{flex-direction:column;align-items:flex-start}.topnav-meta{flex-wrap:wrap;width:100%}.action-row,.mode-switch,.badge-row{width:100%}.mode-switch{align-self:stretch}button{width:100%}.topnav-tabs button,.topnav-meta .chip{width:auto}}