@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300..900;1,14..32,300..900&family=JetBrains+Mono:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap";:root{--canvas: #F2F0EB;--paper: #FFFFFF;--mist: #F7F5F1;--silver: #EDEAE3;--hover: #F9F8F4;--border: #E4E0D8;--border-2: #CCC8BE;--rule: #EBEBEB;--ink: #0A0A0F;--t1: #16161D;--t2: #38383F;--t3: #6A6A74;--t4: #9696A0;--t5: #C2C2CA;--cyan: #0891B2;--blue: #2563EB;--blue-mid: #1D4ED8;--blue-deep: #1E40AF;--accent: #2563EB;--accent-2: #1E40AF;--accent-soft: #DBEAFE;--accent-tint: #EFF6FF;--grad-brand: linear-gradient(135deg, #0891B2 0%, #2563EB 60%, #1E40AF 100%);--grad-deep: linear-gradient(160deg, #1D4ED8 0%, #1E3A8A 100%);--grad-soft: linear-gradient(135deg, #E0F2FE 0%, #DBEAFE 100%);--orange: #EA580C;--orange-mid: #C2410C;--orange-soft: #FFF7ED;--grad-orange: linear-gradient(135deg, #F97316 0%, #EA580C 100%);--green: #16A34A;--green-soft: #DCFCE7;--green-tint: #F0FDF4;--red: #DC2626;--red-soft: #FEE2E2;--amber: #D97706;--amber-soft: #FEF3C7;--purple: #7C3AED;--purple-soft:#F5F3FF;--r-xs: 5px;--r-sm: 8px;--r: 10px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-2xl:26px;--sh-xs: 0 1px 2px rgba(10,10,15,.05);--sh-sm: 0 2px 6px rgba(10,10,15,.06), 0 1px 2px rgba(10,10,15,.04);--sh: 0 4px 16px rgba(10,10,15,.08), 0 1px 3px rgba(10,10,15,.04);--sh-md: 0 8px 28px rgba(10,10,15,.1), 0 2px 8px rgba(10,10,15,.05);--sh-lg: 0 16px 48px rgba(10,10,15,.12), 0 4px 14px rgba(10,10,15,.06);--sh-xl: 0 24px 64px rgba(10,10,15,.14), 0 8px 20px rgba(10,10,15,.07);--sh-blue: 0 6px 24px rgba(37,99,235,.24), 0 2px 6px rgba(37,99,235,.12);--sh-orange: 0 6px 24px rgba(234,88,12,.22), 0 2px 6px rgba(234,88,12,.1);--ease: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-back: cubic-bezier(.34, 1.38, .64, 1);--t-fast: .12s;--t: .2s;--t-slow: .32s;--fs-xs: 11px;--fs-sm: 12px;--fs: 13.5px;--fs-md: 14px;--fs-lg: 16px;--fs-xl: 20px;--fs-2xl:26px;--fs-3xl:34px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}*::-moz-selection{background:var(--accent-soft);color:var(--accent-2)}*::selection{background:var(--accent-soft);color:var(--accent-2)}html,body{background:var(--canvas);color:var(--t1);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:var(--fs);line-height:1.5;font-feature-settings:"cv01","cv02","cv03","cv04","cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}#root{min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color var(--t-fast) var(--ease)}a:hover{color:var(--accent-2)}h1,h2,h3,h4,h5{color:var(--t1);font-weight:600;letter-spacing:-.02em;line-height:1.2}h1{font-size:var(--fs-3xl);font-weight:780;letter-spacing:-.035em;line-height:1.08}h2{font-size:var(--fs-2xl);font-weight:740;letter-spacing:-.03em}h3{font-size:17px;font-weight:650;letter-spacing:-.02em}h4{font-size:14.5px;font-weight:600}.serif{font-family:"Instrument Serif",Georgia,serif;font-weight:400}.mono{font-family:JetBrains Mono,Cascadia Code,ui-monospace,monospace;font-feature-settings:"tnum"}.tnum{font-variant-numeric:tabular-nums}.eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--t4)}.label-text{font-size:11.5px;font-weight:550;color:var(--t2);letter-spacing:-.005em}.card{background:var(--paper);border:1px solid var(--border);border-radius:var(--r-lg);transition:border-color var(--t) var(--ease),box-shadow var(--t) var(--ease),transform var(--t) var(--ease)}.card-hover:hover,.card-i:hover{border-color:var(--border-2);box-shadow:var(--sh-md);transform:translateY(-2px)}.card-i{cursor:pointer}.card-flat{background:var(--mist);border-radius:var(--r-lg);border:1px solid transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border-radius:var(--r);font-size:var(--fs-sm);font-weight:500;font-family:inherit;border:1px solid transparent;background:transparent;color:var(--t2);cursor:pointer;white-space:nowrap;transition:all var(--t-fast) var(--ease);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:-.01em;position:relative}.btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-xs{height:26px;padding:0 9px;font-size:11px;gap:4px;border-radius:var(--r-sm)}.btn-sm{height:32px;padding:0 12px;font-size:12px;gap:5px;border-radius:var(--r-sm)}.btn-lg{height:42px;padding:0 18px;font-size:13.5px;gap:8px;border-radius:var(--r-md)}.btn-xl{height:50px;padding:0 24px;font-size:15px;gap:9px;border-radius:var(--r-md);font-weight:600}.btn-primary{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 1px 3px #0a0a0f40,inset 0 1px #ffffff14}.btn-primary:hover{background:#20202a;transform:translateY(-1px);box-shadow:var(--sh)}.btn-accent{background:var(--blue);color:#fff;border-color:var(--blue-deep);box-shadow:var(--sh-blue),inset 0 1px #ffffff29;font-weight:600}.btn-accent:hover{background:var(--blue-mid);transform:translateY(-1px);box-shadow:0 10px 32px #2563eb52}.btn-secondary{background:var(--paper);border-color:var(--border);color:var(--t1);box-shadow:var(--sh-xs)}.btn-secondary:hover{background:var(--hover);border-color:var(--border-2);box-shadow:var(--sh-sm)}.btn-ghost{color:var(--t3)}.btn-ghost:hover{background:var(--silver);color:var(--t1)}.btn-orange{background:var(--orange);color:#fff;border-color:var(--orange-mid);box-shadow:var(--sh-orange),inset 0 1px #ffffff29;font-weight:600}.btn-orange:hover{background:var(--orange-mid);transform:translateY(-1px)}.btn-danger{color:var(--red)}.btn-danger:hover{background:var(--red-soft)}.btn-success{background:var(--green);color:#fff;border-color:#15803d;font-weight:600}.btn-success:hover{background:#15803d;transform:translateY(-1px)}.input,.select,textarea.input{width:100%;height:38px;padding:0 12px;border:1px solid var(--border);border-radius:var(--r);font-size:var(--fs);font-family:inherit;color:var(--t1);background:var(--paper);transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast);outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.input:hover{border-color:var(--border-2)}.input:focus,.select:focus,textarea.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1f;background:var(--paper)}.input::-moz-placeholder{color:var(--t5)}.input::placeholder{color:var(--t5)}.input.mono{font-family:JetBrains Mono,monospace;font-size:12.5px}textarea.input{height:auto;padding:10px 12px;min-height:80px;line-height:1.6;resize:vertical}.select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239696A0' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px;cursor:pointer}.label{display:block;font-size:11.5px;font-weight:550;color:var(--t2);margin-bottom:5px;letter-spacing:-.005em}.input-hint{font-size:11px;color:var(--t4);margin-top:4px;display:flex;align-items:center;gap:4px}.input-hint svg{flex-shrink:0}.field{display:flex;flex-direction:column;gap:0}.pill{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:99px;font-size:11px;font-weight:600;border:1px solid transparent;white-space:nowrap;line-height:1;letter-spacing:.01em}.pill-gray{background:var(--silver);color:var(--t2)}.pill-blue{background:var(--accent-soft);color:var(--accent-2)}.pill-green{background:var(--green-soft);color:var(--green)}.pill-amber{background:var(--amber-soft);color:var(--amber)}.pill-red{background:var(--red-soft);color:var(--red)}.pill-orange{background:var(--orange-soft);color:var(--orange)}.pill-purple{background:var(--purple-soft);color:var(--purple)}.pill-ink{background:var(--ink);color:#fff}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.dot-gray{background:var(--t4)}.dot-blue{background:var(--blue);box-shadow:0 0 0 2.5px var(--accent-soft)}.dot-green{background:var(--green);box-shadow:0 0 0 2.5px var(--green-soft)}.dot-amber{background:var(--amber);box-shadow:0 0 0 2.5px var(--amber-soft)}.dot-red{background:var(--red);box-shadow:0 0 0 2.5px var(--red-soft)}.dot-orange{background:var(--orange);box-shadow:0 0 0 2.5px var(--orange-soft)}.ptrack{height:5px;background:var(--silver);border-radius:99px;overflow:hidden}.pfill{height:100%;background:var(--grad-brand);border-radius:99px;transition:width .6s var(--ease)}.pfill-green{background:var(--green)}.pfill-orange{background:var(--grad-orange)}.skel{background:linear-gradient(90deg,var(--silver) 25%,var(--hover) 50%,var(--silver) 75%);background-size:200% 100%;border-radius:var(--r);animation:shimmer 1.8s ease-in-out infinite}@keyframes shimmer{to{background-position:-200% 0}}.spin{display:inline-block;width:14px;height:14px;border:1.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite}.spin-dark{border-color:var(--border-2);border-top-color:var(--blue)}@keyframes spin{to{transform:rotate(360deg)}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0f80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:50;animation:fadeIn .18s var(--ease)}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(640px,100vw);background:var(--paper);border-left:1px solid var(--border);z-index:51;display:flex;flex-direction:column;animation:slideInRight .26s var(--ease);box-shadow:-24px 0 72px #0a0a0f24}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInUp{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes popIn{0%{transform:scale(.93);opacity:0}to{transform:scale(1);opacity:1}}.kbar{position:fixed;top:14vh;left:50%;transform:translate(-50%);width:min(640px,92vw);background:var(--paper);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-xl);z-index:100;animation:popIn .2s var(--ease-spring);overflow:hidden}.kbd{display:inline-flex;align-items:center;height:18px;padding:0 5px;border:1px solid var(--border);background:var(--mist);border-radius:var(--r-xs);font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;color:var(--t4);line-height:1}.tabbar{display:inline-flex;gap:2px;padding:3px;background:var(--silver);border-radius:var(--r-md);border:1px solid var(--border)}.tab{height:30px;padding:0 13px;border:none;background:transparent;color:var(--t3);font-size:12px;font-weight:500;font-family:inherit;border-radius:calc(var(--r-md) - 2px);cursor:pointer;transition:all var(--t-fast) var(--ease);display:inline-flex;align-items:center;gap:5px;letter-spacing:-.01em}.tab:hover{color:var(--t1)}.tab-active{background:var(--paper);color:var(--t1);box-shadow:0 1px 4px #0a0a0f1a,0 0 0 1px #0a0a0f0d;font-weight:600}.avatar{border-radius:50%;background:var(--silver);color:var(--t2);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:-.01em}.callout{background:var(--accent-tint);border:1px solid var(--accent-soft);border-radius:var(--r-md);padding:10px 14px;font-size:12.5px;color:var(--accent-2);display:flex;align-items:flex-start;gap:10px}.callout-amber{background:var(--amber-soft);border-color:#fde68a;color:#92400e}.callout-green{background:var(--green-tint);border-color:var(--green-soft);color:#14532d}.callout-red{background:var(--red-soft);border-color:#fecaca;color:#991b1b}.guide-strip{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:1px solid #BFDBFE;border-radius:var(--r-md);padding:10px 14px;display:flex;align-items:flex-start;gap:10px;font-size:12px;color:#1e40af;line-height:1.5}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{padding:10px 16px;text-align:left;font-size:10.5px;font-weight:700;color:var(--t3);letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid var(--border);background:var(--mist)}.table td{padding:12px 16px;border-bottom:1px solid var(--rule);color:var(--t1)}.table tr:last-child td{border-bottom:none}.table tr{transition:background var(--t-fast) var(--ease)}.table tr:hover td{background:var(--mist)}.nav-link{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:var(--r-sm);font-size:13px;font-weight:450;color:var(--t3);text-decoration:none;cursor:pointer;transition:all var(--t-fast) var(--ease);letter-spacing:-.01em;white-space:nowrap}.nav-link:hover{background:var(--mist);color:var(--t1)}.nav-link.active{background:var(--accent-soft);color:var(--blue);font-weight:600}.nav-link.active svg{color:var(--blue)}.section-label{font-size:10px;font-weight:700;color:var(--t5);text-transform:uppercase;letter-spacing:.12em;padding:4px 10px 6px}.scrll{scrollbar-width:thin;scrollbar-color:var(--border-2) transparent}.scrll::-webkit-scrollbar{width:5px;height:5px}.scrll::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:99px}.scrll::-webkit-scrollbar-track{background:transparent}.flex{display:flex}.col{display:flex;flex-direction:column}.between{display:flex;align-items:center;justify-content:space-between}.center{display:flex;align-items:center;justify-content:center}.middle{display:flex;align-items:center}.wrap{flex-wrap:wrap}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.fs-1{flex:1;min-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.glass{background:#ffffffd1;backdrop-filter:saturate(160%) blur(16px);-webkit-backdrop-filter:saturate(160%) blur(16px)}.page-in{animation:slideInUp .22s var(--ease) both}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}