:root{--bg: #FEFEFE;--bg-subtle: #f3f4f6;--text: #1f2937;--text-muted: #6b7280;--text-light: #9ca3af;--border: #e5e7eb;--primary: #4F46E5;--primary-hover: #4338CA;--primary-light: #EEF2FF;--success: #10B981;--success-light: #D1FAE5;--warning: #F59E0B;--danger: #EF4444;--danger-light: #FEF2F2}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}.app{display:none}.app.active{display:block}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,#e3f2fd,#fff,#f5f5f5);font-family:Work Sans,sans-serif}.auth-card{background:#fff;padding:2.5rem 2rem;border-radius:16px;box-shadow:0 20px 60px #00000014;text-align:center;max-width:360px;width:100%}.auth-logo{font-family:Poppins,sans-serif;font-size:1.625rem;font-weight:600;margin-bottom:.75rem;letter-spacing:-.03em;text-align:center}.auth-logo .brand{color:#1976d2;display:block}.auth-logo .sep{display:none}.auth-logo .sub{color:#9e9e9e;font-weight:300;font-size:.75em;display:block;margin-top:-.35rem;text-transform:uppercase;letter-spacing:.2em}.auth-title{font-size:1.125rem;font-weight:500;margin-bottom:.25rem;color:#212121}.auth-subtitle{color:#757575;font-size:.875rem;margin-bottom:1.75rem}.form-group{margin-bottom:.875rem}.form-label{display:block;font-size:.8125rem;font-weight:500;margin-bottom:.5rem;color:#424242;text-align:left}.form-input{width:100%;padding:.875rem 1rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.9375rem;font-family:inherit;transition:all .2s;background:#fafafa}.form-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a;background:#fff}.loginBtn{width:100%;padding:.875rem 1rem;font-size:.9375rem;font-weight:500;background:#1976d2;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s;margin-top:.5rem;box-shadow:0 2px 8px #1976d240}.loginBtn:hover{background:#1565c0;transform:translateY(-1px);box-shadow:0 4px 12px #1976d259}.loginBtn:active{transform:translateY(0)}.btn-secondary{background:#fff;color:#424242;border:1px solid #e0e0e0;border-radius:6px;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;cursor:pointer}.btn-secondary:hover{background:#f5f5f5;border-color:#bdbdbd}.btn-sm{padding:.375rem .75rem;font-size:.75rem;border-radius:6px}.btn-ghost{background:transparent;color:#757575;border:none;padding:.375rem .75rem;font-size:.75rem;border-radius:6px;cursor:pointer}.btn-ghost:hover{color:#424242;background:#f5f5f5}.auth-footer{margin-top:1.25rem;text-align:center;font-size:.8125rem;color:#757575}.auth-footer a{color:#1976d2;text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.dashboard{display:block}.dash-header{background:#fff;border-bottom:1px solid var(--border);padding:.75rem 1.5rem;position:sticky;top:0;z-index:100}.dash-header-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.dash-logo{font-family:Poppins,sans-serif;font-weight:600;font-size:.9375rem;text-decoration:none;letter-spacing:-.01em;text-align:center;display:inline-block}.dash-logo .brand{color:#1976d2;display:block}.dash-logo .sep{display:none}.dash-logo .sub{color:#9e9e9e;font-weight:300;font-size:.7em;display:block;margin-top:-.25rem;text-transform:uppercase;letter-spacing:.15em}.dash-nav{display:flex;gap:.25rem}.dash-nav a{padding:.375rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:500;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .15s;text-decoration:none}.dash-nav a:hover,.dash-nav a.active{background:var(--bg-subtle);color:var(--text)}.dash-nav a.active{color:var(--primary)}.dash-user{display:flex;align-items:center;gap:.75rem}.dash-user .btn-ghost{padding:.375rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:500;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .15s}.dash-user .btn-ghost:hover{background:var(--bg-subtle);color:var(--text)}.dash-credits{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--primary-light);border-radius:6px;font-weight:600;font-size:.8125rem;color:var(--primary)}.dash-credits span{color:var(--primary)}.dash-section{display:none}.dash-section.active{display:block}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem}.stat-label{font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.03em}.stat-value{font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.stat-sub{font-size:.75rem;color:var(--text-light);margin-top:.125rem}.api-key-card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.5rem}.api-key-label{font-size:.75rem;color:var(--text-muted);margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.03em}.api-key-value{display:flex;align-items:center;gap:.375rem;background:var(--bg-subtle);padding:.5rem .75rem;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:.8125rem}.api-key-value code{flex:1}.copy-btn{padding:.25rem;background:transparent;border:none;cursor:pointer;color:var(--text-muted);border-radius:4px}.copy-btn:hover{color:var(--text)}.packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.package-card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:1.25rem;text-align:center;transition:all .15s;cursor:pointer}.package-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #4f46e51a}.package-card.selected{border-color:var(--primary);background:var(--primary-light)}.package-credits{font-size:1.75rem;font-weight:700;color:var(--text)}.package-price{color:var(--text-muted);font-size:.9375rem;margin-top:.25rem}.package-btn{margin-top:.75rem;width:100%}.history-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--border);border-radius:8px;overflow:hidden}.history-table th,.history-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border);font-size:.8125rem}.history-table th{background:var(--bg-subtle);font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.6875rem}.history-table tr:last-child td{border-bottom:none}.history-table tr:hover{background:var(--bg-subtle)}.badge{display:inline-block;padding:.125rem .5rem;border-radius:100px;font-size:.6875rem;font-weight:500}.badge-good{background:var(--success-light);color:#065f46}.badge-bad{background:var(--danger-light);color:#991b1b}.badge-none{background:var(--bg-subtle);color:var(--text-muted)}.badge-auth{background:var(--primary-light);color:var(--primary);font-size:.625rem}.method-badge{font-family:JetBrains Mono,monospace;font-size:.625rem;padding:.125rem .375rem;border-radius:4px;text-transform:uppercase;font-weight:500}.method-badge.get{background:var(--success-light);color:#065f46}.method-badge.post{background:var(--primary-light);color:var(--primary)}.loading{text-align:center;padding:1.5rem;color:var(--text-muted);font-size:.875rem}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:1.5rem;right:1.5rem;background:var(--text);color:#fff;padding:.75rem 1rem;border-radius:6px;font-size:.8125rem;font-weight:500;transform:translateY(100px);opacity:0;transition:all .2s;z-index:1000}.toast.show{transform:translateY(0);opacity:1}.docs-section{margin-bottom:2rem}.docs-container{display:flex;gap:2rem}.docs-sidebar{width:180px;flex-shrink:0;position:sticky;top:1rem;height:fit-content}.docs-nav-link{display:block;color:#757575;text-decoration:none;font-size:.8125rem;border-left:2px solid transparent;padding:.375rem 0 .375rem .75rem;margin-left:-.75rem}.docs-nav-link:hover{color:#1976d2}.docs-nav-link.active{color:#1976d2;border-left-color:#1976d2;font-weight:500}.docs-content{flex:1;min-width:0}.docs-section h3{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:#212121}.docs-section>p{color:#616161;font-size:.875rem;margin-bottom:1rem}.docs-section h2{font-size:1rem;font-weight:600;margin-bottom:.75rem}.docs-section h3{font-size:.875rem;font-weight:600;margin:1rem 0 .5rem;color:var(--text-muted)}.docs-section pre,.endpoint pre{background:var(--bg-subtle);padding:.625rem;border-radius:4px;overflow-x:auto;font-family:JetBrains Mono,monospace;font-size:.6875rem;line-height:1.5}.docs-section pre.has-copy,.endpoint-body pre.has-copy{background:#1e293b;color:#e2e8f0;padding:1rem 3rem 1rem 1rem;border-radius:8px}.docs-section pre.has-copy code,.endpoint-body pre.has-copy code{background:transparent;padding:0}.docs-code-panel pre{background:#1e293b;color:#e2e8f0;padding:1rem;border-radius:8px}.docs-code-panel pre code{background:transparent;padding:0}.docs-section p{color:var(--text-muted);margin-bottom:.75rem;font-size:.8125rem}.endpoint{border:1px solid var(--border);border-radius:6px;margin-bottom:.75rem;overflow:hidden}.endpoint-header{background:var(--bg-subtle);border-bottom:1px solid var(--border);padding:.5rem .75rem;display:flex;align-items:center;gap:.5rem}.path{font-family:JetBrains Mono,monospace;font-size:.75rem}.endpoint-body{padding:.75rem}.endpoint h4{font-size:.75rem;font-weight:600;margin:.75rem 0 .375rem}.endpoint h4:first-child{margin-top:0}pre{background:var(--bg-subtle);padding:.625rem;border-radius:4px;overflow-x:auto;font-family:JetBrains Mono,monospace;font-size:.6875rem;line-height:1.5}code{font-family:JetBrains Mono,monospace}.token-key{color:var(--primary)}.token-string{color:var(--success)}table{width:100%;border-collapse:collapse;margin:.75rem 0}th,td{text-align:left;padding:.375rem .5rem;border-bottom:1px solid var(--border);font-size:.75rem}th{font-weight:500;color:var(--text-muted)}.dash-footer{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border);padding:.75rem;text-align:center;font-size:.75rem;color:var(--text-muted)}.dash-main{max-width:1200px;margin:0 auto;padding:1.5rem 1.5rem 3rem}.public-layout{min-height:100vh;display:flex;flex-direction:column}.public-header{background:#fff;border-bottom:1px solid var(--border);padding:.75rem 1.5rem;position:sticky;top:0;z-index:100}.public-header-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.public-logo{font-family:Poppins,sans-serif;font-weight:600;font-size:.9375rem;text-decoration:none;letter-spacing:-.01em;text-align:center;display:inline-block}.public-logo .brand{color:#1976d2;display:block}.public-logo .sub{color:#9e9e9e;font-weight:300;font-size:.7em;display:block;margin-top:-.25rem;text-transform:uppercase;letter-spacing:.15em}.public-nav{display:flex;gap:.25rem}.public-nav button{padding:.375rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:500;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all .15s;text-decoration:none}.public-nav button:hover,.public-nav button.active{background:var(--bg-subtle);color:var(--text)}.public-nav button.active{color:var(--primary)}.public-main{flex:1;max-width:1200px;margin:0 auto;padding:1.5rem 1.5rem 3rem;width:100%}@media(max-width:768px){.dash-header{padding:.75rem 1rem}.dash-nav{display:none}.dash-main{padding:1rem}.public-header{padding:.75rem 1rem}.public-nav{display:none}.public-main{padding:1rem}}.visualizer-layout{display:grid;grid-template-columns:250px 1fr;gap:1.5rem}.analysis-list{background:#fff;border:1px solid var(--border);border-radius:8px;padding:1rem}.analysis-list h4{font-size:.875rem;margin-bottom:.75rem}.analysis-select{width:100%;padding:.5rem;border:1px solid var(--border);border-radius:6px;font-size:.8125rem;margin-bottom:1rem}.analysis-info{font-size:.8125rem}.analysis-info p{margin-bottom:.5rem}.feedback-buttons{display:flex;gap:.5rem;margin-top:1rem}.btn-success{flex:1;padding:.5rem;background:var(--success);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.btn-danger{flex:1;padding:.5rem;background:var(--danger);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.visualizer-view{background:#1e293b;border-radius:8px;overflow:hidden}.visualizer-controls{background:#fff;padding:.75rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;border-bottom:1px solid var(--border)}.control-btn{padding:.375rem .75rem;border:1px solid var(--border);border-radius:6px;background:#fff;font-size:.75rem;cursor:pointer}.control-btn:hover{background:var(--bg-subtle)}.checkbox-label{display:flex;align-items:center;gap:.375rem;font-size:.75rem;cursor:pointer}.label-buttons{display:flex;flex-wrap:wrap;gap:.25rem;margin-left:auto}.label-btn{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border:2px solid;border-radius:4px;background:transparent;font-size:.6875rem;cursor:pointer}.label-btn.inactive{opacity:.4}.label-btn span{width:8px;height:8px;border-radius:50%}.svg-container{display:flex;justify-content:center;align-items:center;padding:1rem;max-height:60vh;overflow:auto}.svg-container svg{max-width:100%;max-height:60vh}.docs-code-tabs{display:flex;gap:.25rem;margin:.75rem 0 0;border-bottom:1px solid var(--border)}.docs-code-tab{padding:.375rem .75rem;font-size:.6875rem;font-weight:500;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer}.docs-code-tab:hover{color:var(--text)}.docs-code-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.docs-code-panel{display:none}.docs-code-panel.active{display:block}.docs-code-panel pre{margin:0}