:root{--bg-color: #0f172a;--surface-color: rgba(30, 41, 59, .7);--border-color: rgba(255, 255, 255, .1);--accent-color: #10b981;--text-primary: #f8fafc;--text-secondary: #94a3b8;--glass-bg: rgba(255, 255, 255, .03);--glass-blur: blur(12px);--tier-hostile: #ff4d4d;--tier-demanding: #ffa64d;--tier-neutral: #94a3b8;--tier-polite: #4d94ff;--tier-effusive: #4dff88}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}.dashboard-container{max-width:1200px;margin:0 auto;padding:40px 20px}header{margin-bottom:60px;text-align:center}h1{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#fff,#64748b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.subtitle{color:var(--text-secondary);font-size:1.2rem;max-width:700px;margin:0 auto}.glass-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;padding:24px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:transform .2s ease,border-color .2s ease}.glass-card:hover{border-color:#fff3}.grid{display:grid;gap:24px;margin-bottom:40px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}@media(max-width:900px){.grid-3,.grid-2{grid-template-columns:1fr}}.section-title{font-size:1.5rem;font-weight:600;margin-bottom:24px;display:flex;align-items:center;gap:12px}.heatmap-grid{display:grid;grid-template-columns:120px repeat(5,1fr);gap:4px}.heatmap-cell{height:48px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.875rem;font-weight:500}.heatmap-label{display:flex;align-items:center;font-size:.875rem;color:var(--text-secondary)}.tabs{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px}.tab-btn{padding:8px 16px;border-radius:8px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap}.tab-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.select-input{display:block;width:100%;padding:12px 40px 12px 16px;border-radius:8px;background:#111827;border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:.9rem;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;transition:border-color .2s ease,box-shadow .2s ease}.select-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #10b98133}.response-box{background:#0000004d;border-radius:8px;padding:20px;min-height:200px;max-height:500px;overflow-y:auto;border:1px solid rgba(255,255,255,.05)}.response-box.raw{font-family:JetBrains Mono,monospace;font-size:.9rem;color:#cbd5e1;white-space:pre-wrap}.response-box.preview{background:#0003}.markdown-content{font-family:inherit;color:#e2e8f0}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:var(--text-primary);margin:1.5rem 0 1rem}.markdown-content h1{font-size:1.5rem}.markdown-content h2{font-size:1.25rem}.markdown-content p{margin-bottom:1rem}.markdown-content ul,.markdown-content ol{margin-left:1.5rem;margin-bottom:1rem}.markdown-content hr{display:none}.toggle-container{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch{width:44px;height:22px;background:#1e293b;border-radius:99px;position:relative;transition:background .2s ease;border:1px solid var(--border-color)}.toggle-switch.active{background:var(--accent-color);border-color:var(--accent-color)}.toggle-thumb{width:18px;height:18px;background:#fff;border-radius:50%;position:absolute;top:1px;left:1px;transition:transform .2s ease}.toggle-switch.active .toggle-thumb{transform:translate(22px)}.hero-actions{display:flex;justify-content:center;gap:16px;margin-top:32px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .2s ease;cursor:pointer}.btn-github{background:#fff;color:#000}.btn-github:hover{background:#e2e8f0;transform:translateY(-2px)}.btn-star{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn-star:hover{background:var(--glass-bg);border-color:#ffffff4d;transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:99px;font-size:.7rem;font-weight:700;text-transform:uppercase;line-height:1}