@import "https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--bg-primary:#0a0a0a;--bg-surface:#111;--bg-elevated:#191919;--border:#242424;--border-subtle:#1a1a1a;--text-primary:#f2f2f2;--text-secondary:#a6a6a6;--text-muted:#7a7a7a;--accent:#3b82f6;--accent-hover:#5a96f7;--accent-text-on:#fff;--accent-blue:var(--accent);--accent-green:var(--accent);--accent-red:#e5484d;--accent-yellow:#c88b3a;--font-display:"Archivo", sans-serif;--font-body:"Archivo", sans-serif;--font-mono:"IBM Plex Mono", monospace;--radius-sm:3px;--radius-md:4px;--radius-lg:6px;--sidebar-width:220px;--ring:#3b82f673;--shadow-card:0 1px 2px #00000047;--shadow-pop:0 12px 34px #00000073}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{width:100%;height:100%}#root{width:100%;min-height:100%}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--radius-sm)}button:focus:not(:focus-visible){outline:none}::selection{color:#fff;background:#3b82f64d}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:600;line-height:1.25}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body);color:inherit;background:0 0;border:none;font-size:14px}input,textarea,select{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);outline:none;width:100%;padding:8px 11px;font-size:13.5px;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f614}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{resize:vertical;min-height:80px;line-height:1.6}select{appearance:none;cursor:pointer;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='%236e6e6e' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}label{color:var(--text-secondary);margin-bottom:6px;font-size:13.5px;font-weight:500;display:block}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.btn{border-radius:var(--radius-md);white-space:nowrap;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(.5px)}.btn-primary{background:var(--accent);color:var(--accent-text-on);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-green{background:var(--accent);color:var(--accent-text-on);font-weight:600}.btn-green:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.btn-danger{color:var(--accent-red);background:#e5484d1a;border:1px solid #e5484d40}.btn-danger:hover:not(:disabled){background:#e5484d2e}.btn-sm{padding:6px 13px;font-size:12.5px}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:16px;transition:border-color .16s,background .16s,transform .16s}.card-hover:hover{background:var(--bg-elevated);border-color:#3a3a3a;transform:translateY(-1px)}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-display)}.tag{border-radius:var(--radius-sm);font-size:11.5px;font-family:var(--font-mono);background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border-subtle);align-items:center;padding:3px 8px;display:inline-flex}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes skelPulse{0%,to{opacity:1}50%{opacity:.45}}.skel{background:var(--bg-elevated);border-radius:6px;animation:1.6s ease-in-out infinite skelPulse}.skel-line{height:12px}.skel-title{height:20px}.skel-chip{border-radius:3px;height:20px}@keyframes aspenIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes aspenFade{0%{opacity:0}to{opacity:1}}@keyframes aspenPop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@keyframes aspenLivePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}:root{--ease-out:cubic-bezier(.22, 1, .36, 1)}.a-fade-up{animation:aspenIn .5s var(--ease-out) backwards}.a-fade{animation:.45s backwards aspenFade}.a-pop{animation:aspenPop .28s var(--ease-out) backwards}.a-enter>*{animation:aspenIn .55s var(--ease-out) backwards}.a-enter>:first-child{animation-delay:30ms}.a-enter>:nth-child(2){animation-delay:80ms}.a-enter>:nth-child(3){animation-delay:.13s}.a-enter>:nth-child(4){animation-delay:.18s}.a-enter>:nth-child(5){animation-delay:.23s}.a-enter>:nth-child(6){animation-delay:.28s}.a-enter>:nth-child(7){animation-delay:.33s}.a-enter>:nth-child(8){animation-delay:.38s}.a-enter>:nth-child(n+9){animation-delay:.42s}.a-tabpane{animation:aspenIn .3s var(--ease-out) backwards}.a-scroll{scroll-behavior:smooth}.a-scroll>*{flex-shrink:0}.a-lift{transition:border-color .18s,background .18s}.a-lift:hover{border-color:#3a3a3a}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.scroll-hidden,.a-enter>*{opacity:1!important;transform:none!important}}