@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap";
:root{--color-paper:#f6f8fe;--color-paper-2:#eaeff7;--color-paper-3:#dfe5f0;--color-ink:#0d111b;--color-ink-2:#3c4250;--color-ink-3:#757a85;--color-accent:#3061ef;--color-accent-hover:#1e4ad7;--color-accent-muted:#d6e5ff;--color-accent-muted-2:#b8d1ff;--color-success:#189a30;--color-success-muted:#d3f7d3;--color-error:#d73337;--color-error-muted:#ffedeb;--color-warning:#eb8a00;--color-border:#d4d7e0;--color-border-strong:#b1b7c5;--color-focus:#3061ef;--font-display:"Plus Jakarta Sans", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--font-mono:"DM Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-display:3.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.35s;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 12px 32px #0000001a, 0 4px 8px #0000000a}@supports (color:lab(0% 0 0)){:root{--color-paper:lab(97.6454% -.185907 -3.02361);--color-paper-2:lab(94.1472% -.262916 -4.52627);--color-paper-3:lab(90.6483% -.327766 -6.02244);--color-ink:lab(5.17507% .133269 -6.57254);--color-ink-2:lab(27.9466% -.140429 -9.23917);--color-ink-3:lab(51.1951% -.294507 -6.73686);--color-accent:lab(45.0182% 24.3683 -77.5942);--color-accent-hover:lab(36.5464% 29.1479 -77.5924);--color-accent-muted:lab(90.4005% -.347734 -22.1783);--color-accent-muted-2:lab(83.2151% .611126 -32.8797);--color-success:lab(55.7164% -50.7132 43.8697);--color-success-muted:lab(93.8177% -16.7671 13.1424);--color-error:lab(49.2539% 63.2983 39.3808);--color-error-muted:lab(94.9893% 12.2795 6.63545);--color-warning:lab(66.8657% 35.0673 89.7449);--color-border:lab(86.027% -.25937 -4.52424);--color-border-strong:lab(74.3876% -.359952 -7.50186);--color-focus:lab(45.0182% 24.3683 -77.5942);--shadow-sm:0 1px 3px lab(0% 0 0/.08), 0 1px 2px lab(0% 0 0/.04);--shadow-md:0 4px 12px lab(0% 0 0/.08), 0 2px 4px lab(0% 0 0/.04);--shadow-lg:0 12px 32px lab(0% 0 0/.1), 0 4px 8px lab(0% 0 0/.04)}}html,body{font-family:var(--font-body);color:var(--color-ink);background:var(--color-paper);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;padding:0;line-height:1.6;overflow-x:clip}*,:before,:after{box-sizing:border-box}a{color:inherit;text-decoration:none}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:background var(--dur-base) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out);white-space:nowrap;overflow-wrap:anywhere;border:none;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-ink);color:var(--color-paper);box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-md);background:#242933;background:lab(16.3712% -.0768155 -7.37782);transform:translateY(-1px)}.btn-primary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.btn-primary:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-accent{background:var(--color-accent);color:#fff;box-shadow:0 2px 8px #3061ef4d;box-shadow:0 2px 8px lab(45.0182% 24.3683 -77.5942/.3)}.btn-accent:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px #3061ef59;box-shadow:0 4px 16px lab(45.0182% 24.3683 -77.5942/.35)}.btn-accent:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.btn-accent:active{transform:translateY(0)}.btn-accent:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-ghost{color:var(--color-ink-2);border:1.5px solid var(--color-border);background:0 0}.btn-ghost:hover{background:var(--color-paper-2);border-color:var(--color-border-strong);color:var(--color-ink)}.btn-ghost:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.btn-ghost:active{background:var(--color-paper-3)}.btn-ghost:disabled{opacity:.45;cursor:not-allowed}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.input-field{width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink);background:var(--color-paper);transition:border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);overflow-wrap:anywhere;outline:none;min-width:0}.input-field:hover{border-color:var(--color-border-strong)}.input-field:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #3061ef1f;box-shadow:0 0 0 3px lab(45.0182% 24.3683 -77.5942/.12)}.input-field:disabled{background:var(--color-paper-2);opacity:.6;cursor:not-allowed}.input-field::placeholder{color:var(--color-ink-3)}.label{font-size:var(--text-xs);color:var(--color-ink-2);letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--space-2);font-weight:600;display:block}.card{background:var(--color-paper);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;line-height:1.4;display:inline-flex}.badge-success{background:var(--color-success-muted);color:var(--color-success)}.badge-error{background:var(--color-error-muted);color:var(--color-error)}.badge-accent{background:var(--color-accent-muted);color:var(--color-accent)}.badge-neutral{background:var(--color-paper-3);color:var(--color-ink-2)}.badge-warning{color:var(--color-warning);background:#fed;background:lab(95.2787% 9.33585 21.5116)}.navbar{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);background:#f6f8fee6;background:lab(97.6454% -.185907 -3.02361/.9);position:sticky;top:0}.navbar-inner{max-width:1100px;padding:0 var(--space-6);justify-content:space-between;align-items:center;height:56px;margin:0 auto;display:flex}.navbar-brand{align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--text-base);color:var(--color-ink);text-decoration:none;display:flex}.navbar-brand .brand-icon{background:var(--color-ink);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.navbar-actions{align-items:center;gap:var(--space-3);display:flex}.navbar-user{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-paper-2);font-size:var(--text-sm);color:var(--color-ink-2);font-weight:500;display:flex}.navbar-avatar{border-radius:var(--radius-full);background:var(--color-accent-muted);width:24px;height:24px;color:var(--color-accent);justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.page-container{max-width:1100px;padding:0 var(--space-6);margin:0 auto}.page-narrow{max-width:640px;padding:0 var(--space-6);margin:0 auto}.spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-page{background:var(--color-paper);justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-page .spinner{color:var(--color-accent);border-width:3px;width:32px;height:32px}.empty-state{text-align:center;padding:var(--space-24) var(--space-8)}.empty-state-icon{border-radius:var(--radius-xl);background:var(--color-paper-3);width:64px;height:64px;margin:0 auto var(--space-6);justify-content:center;align-items:center;font-size:28px;display:flex}.empty-state h3{margin:0 0 var(--space-2);font-size:var(--text-xl);color:var(--color-ink);font-weight:700}.empty-state p{margin:0 0 var(--space-6);color:var(--color-ink-3);font-size:var(--text-sm)}.modal-overlay{z-index:200;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;background:lab(0% 0 0/.4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-paper);border-radius:var(--radius-xl);padding:var(--space-8);width:100%;max-width:440px;box-shadow:var(--shadow-lg);animation:modal-in var(--dur-slow) var(--ease-out)}@keyframes modal-in{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-lg);color:var(--color-ink);margin:0;font-weight:700}.modal-close{border-radius:var(--radius-full);background:var(--color-paper-2);cursor:pointer;width:28px;height:28px;color:var(--color-ink-3);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);border:none;justify-content:center;align-items:center;font-size:16px;display:flex}.modal-close:hover{background:var(--color-paper-3);color:var(--color-ink)}.modal-close:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);display:flex}.alert-error{background:var(--color-error-muted);color:var(--color-error)}.alert-success{background:var(--color-success-muted);color:var(--color-success)}.alert-info{background:var(--color-accent-muted);color:var(--color-accent)}.progress-bar{background:var(--color-paper-3);border-radius:var(--radius-full);height:3px;overflow:hidden}.progress-bar-fill{background:var(--color-accent);border-radius:var(--radius-full);height:100%;transition:width var(--dur-slow) var(--ease-out)}@media (max-width:768px){.page-container,.page-narrow,.navbar-inner{padding:0 var(--space-4)}}@media (max-width:375px){.page-container,.page-narrow{padding:0 var(--space-3)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.15s!important;animation-duration:.15s!important}}