@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400;0,600;0,700;1,400;1,700&display=swap";@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&display=swap";:root{--bg:#fafafa;--bg2:#f3f3f2;--ink:#1a1a1a;--muted:#888;--rule:#e5e5e2;--accent:#e85d26;--accent2:#2a6f5a;--font-sans:"Instrument Sans", "InstrumentSans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "IBMPlexMono", "SF Mono", ui-monospace, monospace;--font-editor:"LXGW WenKai", "Noto Serif SC", "PingFang SC", serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:80px;--space-10:120px;--radius-sm:4px;--radius:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:9999px;--shadow-none:none;--shadow-card:0 1px 3px #0000000f;--shadow-modal:0 8px 32px #0000001f;--text-primary:#1a1a1a;--text-secondary:#888;--bg-base:#fafafa;--bg-elevated:#fff;--border:#e5e5e2;--accent-border:#e85d26;--input-bg:#fff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.7}a{color:var(--accent);text-decoration:none}a:hover{opacity:.8}button{cursor:pointer;background:0 0;border:none;font-family:inherit}::selection{color:var(--ink);background:#e85d261f}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:0 0}:hover>::-webkit-scrollbar-thumb{background:var(--rule)}:hover::-webkit-scrollbar-thumb{background:var(--rule)}::-webkit-scrollbar-thumb:hover{background:var(--muted)}input,textarea,select{border:none;border-bottom:1px solid var(--rule);color:var(--ink);background:0 0;border-radius:0;outline:none;width:100%;padding:16px 0;font-family:inherit;font-size:18px;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-bottom-color:var(--ink)}input::placeholder,textarea::placeholder{color:var(--muted)}input:disabled,textarea:disabled{opacity:.4;cursor:not-allowed}textarea{resize:vertical;line-height:1.7}.input-underline{border:none;border-bottom:1px solid var(--rule);color:var(--ink);background:0 0;outline:none;width:100%;padding:16px 0;font-size:18px;transition:border-color .2s}.input-underline:focus{border-bottom-color:var(--ink)}.input-underline::placeholder{color:var(--muted)}.btn-primary{background:var(--ink);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:10px 24px;font-size:14px;font-weight:600;transition:opacity .15s;display:inline-flex}.btn-primary:hover{opacity:.85}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{color:var(--ink);border:1px solid var(--ink);border-radius:var(--radius);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:6px;padding:10px 24px;font-size:14px;font-weight:500;transition:background .15s;display:inline-flex}.btn-secondary:hover{background:var(--bg2)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{color:var(--ink);border-radius:var(--radius);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;transition:background .15s;display:inline-flex}.btn-ghost:hover{background:var(--bg2)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.btn-danger{color:#d32f2f;cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:13px;font-weight:600;transition:opacity .15s}.btn-danger:hover{opacity:.8}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:14px 32px;font-size:16px}.btn-xl{padding:18px 40px;font-size:18px}.card{border:1px solid var(--rule);border-radius:var(--radius-md);background:#fff;padding:24px}.card-interactive{border:1px solid var(--rule);border-radius:var(--radius-md);cursor:pointer;background:#fff;padding:24px;transition:transform .15s ease-out,box-shadow .15s ease-out}.card-interactive:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.badge{border-radius:var(--radius-pill);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:4px;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.badge-accent{color:var(--accent);background:#e85d261a}.badge-success{color:var(--accent2);background:#2a6f5a1a}.badge-danger{color:#d32f2f;background:#d32f2f1a}.badge-muted{background:var(--bg2);color:var(--muted)}.divider{background:var(--rule);height:1px;margin:var(--space-4) 0;border:none}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:2px}.icon-btn{border-radius:var(--radius);width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.icon-btn:hover{background:var(--bg2);border-color:var(--rule);color:var(--ink)}.icon-btn:active{transform:scale(.94)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}.animate-fade-in{animation:.25s ease-out both fadeInUp}.animate-fade-in-scale{animation:.18s ease-out both fadeInScale}.animate-slide-right{animation:.18s ease-out both slideInRight}.stagger-children>*{animation:.25s ease-out both fadeInUp}.stagger-children>:first-child{animation-delay:30ms}.stagger-children>:nth-child(2){animation-delay:60ms}.stagger-children>:nth-child(3){animation-delay:90ms}.stagger-children>:nth-child(4){animation-delay:.12s}.stagger-children>:nth-child(5){animation-delay:.15s}.stagger-children>:nth-child(6){animation-delay:.18s}.skeleton{background:linear-gradient(90deg, var(--bg2) 25%, #e8e8e6 50%, var(--bg2) 75%);border-radius:var(--radius);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.loading-dot{background:var(--ink);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite pulse-glow}.loading-dot:nth-child(2){animation-delay:.15s}.loading-dot:nth-child(3){animation-delay:.3s}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:fixed;top:56px;right:16px}.toast{border-radius:var(--radius-md);pointer-events:auto;border:1px solid var(--rule);max-width:340px;box-shadow:var(--shadow-card);background:#fff;padding:10px 16px;font-size:13px;font-weight:500;animation:.25s ease-out both slideInRight}.toast-success{color:var(--accent2);border-left:3px solid var(--accent2)}.toast-error{color:#d32f2f;border-left:3px solid #d32f2f}.toast-warning{color:var(--accent);border-left:3px solid var(--accent)}.toast-info{color:var(--ink);border-left:3px solid var(--ink)}.topnav{-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--rule);z-index:50;background:#fafafad9;justify-content:space-between;align-items:center;height:48px;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.loading-dot{background:var(--ink);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite pulse-glow;display:inline-block}