:root{--bg: #FEFEFE;--bg-subtle: #f3f4f6;--text: #1f2937;--text-muted: #6b7280;--border: #e5e7eb;--primary: #4F46E5;--primary-hover: #4338CA;--primary-light: #EEF2FF;--success: #10B981;--success-light: #D1FAE5;--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}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,#e3f2fd,#fff,#f5f5f5)}.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:1.5rem}.auth-logo .brand{color:#1976d2}.auth-logo .sub{color:#9e9e9e;font-weight:300;font-size:.65em;text-transform:uppercase;margin-left:.25rem}.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;text-align:left}.form-label{display:block;font-size:.8125rem;font-weight:500;margin-bottom:.5rem;color:#424242}.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}.loginBtn:hover{background:#1565c0}.loginBtn:disabled{opacity:.7;cursor:not-allowed}.error-message{color:var(--danger);font-size:.875rem;margin:.5rem 0}.auth-footer{margin-top:1.5rem;font-size:.8125rem;color:var(--text-muted)}.auth-footer a{color:var(--primary);text-decoration:none}.auth-footer a:hover{text-decoration:underline}.dashboard{min-height:100vh;display:flex;flex-direction:column}.dash-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 2rem;background:#fff;border-bottom:1px solid var(--border)}.dash-logo{font-family:Poppins,sans-serif;font-size:1.125rem;font-weight:600}.dash-logo .brand{color:#1976d2}.dash-logo .sub{color:#9e9e9e;font-weight:300;font-size:.65em;text-transform:uppercase;margin-left:.25rem}.dash-nav{display:flex;gap:.25rem}.dash-nav-link{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-muted);text-decoration:none;border-radius:6px;transition:all .15s}.dash-nav-link:hover{color:var(--text);background:var(--bg-subtle)}.dash-nav-link.active{color:var(--primary);background:var(--primary-light)}.dash-user{display:flex;align-items:center;gap:1rem}.user-credits{font-size:.875rem;color:var(--text-muted)}.user-credits strong{color:var(--primary)}.btn-logout{background:transparent;border:1px solid var(--border);padding:.375rem .75rem;font-size:.75rem;border-radius:6px;cursor:pointer;color:var(--text-muted)}.btn-logout:hover{border-color:var(--danger);color:var(--danger)}.dash-main{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.dash-footer{text-align:center;padding:1.5rem;color:var(--text-muted);font-size:.8125rem;border-top:1px solid var(--border)}.section-content h2{font-size:1.5rem;margin-bottom:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1.25rem;text-align:center}.stat-label{font-size:.8125rem;color:var(--text-muted);margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:700;color:var(--text)}.api-key-section{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.api-key-section h3{font-size:1rem;margin-bottom:.75rem}.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;font-size:1rem}.copy-btn:hover{color:var(--text)}.recent-analyses h3{font-size:1rem;margin-bottom:.75rem}.history-table{width:100%;border-collapse:collapse}.history-table th,.history-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border);font-size:.875rem}.history-table th{font-weight:500;color:var(--text-muted);background:var(--bg-subtle)}.history-table tr:hover{background:var(--bg-subtle)}.mono{font-family:monospace;font-size:.75rem}.hint{color:var(--text-muted);font-size:.75rem;margin-top:.5rem}.loading,.empty{color:var(--text-muted);text-align:center;padding:2rem}.badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.badge-good{background:var(--success-light);color:var(--success)}.badge-bad{background:var(--danger-light);color:var(--danger)}.badge-none{background:var(--bg-subtle);color:var(--text-muted)}.docs-layout{display:grid;grid-template-columns:200px 1fr;gap:2rem}.docs-sidebar{position:sticky;top:2rem}.docs-nav-link{display:block;padding:.5rem .75rem;font-size:.8125rem;color:var(--text-muted);text-decoration:none;border-radius:6px;transition:all .15s}.docs-nav-link:hover{color:var(--text);background:var(--bg-subtle)}.docs-nav-link.active{color:var(--primary);background:var(--primary-light);font-weight:500}.docs-section{margin-bottom:2rem}.docs-section h3{font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.docs-section p{color:#616161;font-size:.875rem;margin-bottom:1rem}.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-body h4{font-size:.75rem;font-weight:600;margin:.75rem 0 .375rem}.endpoint-body h4:first-child{margin-top:0}.endpoint-body ul{margin:.5rem 0;padding-left:1.5rem;color:#616161;font-size:.8125rem}.method-badge{padding:.125rem .5rem;border-radius:4px;font-size:.625rem;font-weight:600;font-family:JetBrains Mono,monospace}.method-badge.post{background:#dbeafe;color:#1d4ed8}.method-badge.get{background:#d1fae5;color:#047857}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-tabs{display:flex;gap:.25rem;margin-bottom:.5rem}.code-tab{padding:.375rem .75rem;font-size:.6875rem;font-weight:500;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:4px 4px 0 0}.code-tab.active{background:#1e293b;color:#fff}.code-block{background:#1e293b;color:#e2e8f0;border-radius:0 8px 8px}.auth-code{background:var(--bg-subtle);padding:1rem;border-radius:8px}.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}.checkout-section{padding-top:1.5rem;border-top:1px solid var(--border)}.checkout-section h3{font-size:1rem;margin-bottom:.75rem}.checkout-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;background:#1976d2;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer}.checkout-btn:hover{background:#1565c0}.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}.btn-danger{flex:1;padding:.5rem;background:var(--danger);color:#fff;border:none;border-radius:6px;cursor:pointer}.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}@media(max-width:768px){.dash-header{flex-wrap:wrap;gap:.5rem}.dash-nav{display:none}.stats-grid,.docs-layout{grid-template-columns:1fr}.docs-sidebar{position:static;display:flex;flex-wrap:wrap;gap:.25rem}.visualizer-layout{grid-template-columns:1fr}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}