*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#020617,#0f172a);background-attachment:fixed;color:#f8fafc;-webkit-font-smoothing:antialiased}#root{min-height:100vh}button,select,input{font:inherit}img,svg{max-width:100%}.navbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(148,163,184,.18);background:#020617f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-link{display:flex;align-items:center;gap:.7rem;color:#f8fafc;text-decoration:none;font-weight:700;font-size:clamp(1rem,2.5vw,1.15rem)}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;flex-shrink:0;border-radius:999px;background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff}.nav-links{display:flex;gap:.5rem;flex-wrap:wrap}.nav-link{color:#cbd5e1;text-decoration:none;padding:.5rem .8rem;border-radius:999px;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;transition:background .2s ease,color .2s ease}.nav-link:hover{background:#94a3b81f;color:#f8fafc}.nav-link.active{background:#2563eb33;color:#fff}.page-shell{max-width:1200px;width:100%;margin:0 auto;padding:1.2rem;display:grid;gap:1rem}.dashboard-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start}.section-card{background:#0f172aeb;border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:1.15rem;min-width:0;box-shadow:0 10px 30px #02061733;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.section-card:hover{transform:translateY(-2px);box-shadow:0 14px 36px #02061747}.section-card-header{margin-bottom:.9rem}.section-card-header h2{margin:0 0 .2rem;font-size:clamp(1rem,2.4vw,1.1rem)}.section-card-header p{margin:0;color:#94a3b8;font-size:.92rem}.control-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end}.field{display:flex;flex-direction:column;gap:.35rem;color:#e2e8f0;min-width:0}.field span{font-size:.92rem}.field select,.field input{width:100%;padding:.7rem .8rem;border-radius:10px;border:1px solid rgba(148,163,184,.2);background:#111827;color:#f8fafc}.control-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.primary-button,.secondary-button,.text-button{border:none;border-radius:10px;padding:.7rem 1rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;white-space:nowrap;box-shadow:0 4px 14px #02061740;transition:transform .2s ease,box-shadow .2s ease}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb40}.text-button:hover{transform:translateY(-1px)}.primary-button{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-weight:700}.secondary-button{background:#111827;color:#f8fafc;border:1px solid rgba(148,163,184,.2);box-shadow:none}.text-button{background:transparent;color:#fda4af;padding:.25rem .5rem;box-shadow:none}.primary-button:disabled,.secondary-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.editor-shell{border-radius:14px;overflow:hidden;border:1px solid rgba(148,163,184,.16);width:100%;height:clamp(280px,55vh,480px)}.metrics-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-card,.score-card,.response-card,.history-card,.loader-card,.empty-state,.markdown-card{background:#111827;border:1px solid rgba(148,163,184,.16);border-radius:14px;padding:.95rem;min-width:0;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.metrics-card:hover,.score-card:hover,.response-card:hover,.history-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #02061759;border-color:#94a3b84d}.metrics-card-label,.score-card-label{display:block;font-size:.8rem;color:#60a5fa;margin-bottom:.35rem}.metrics-card-value,.score-card-value{font-size:clamp(1rem,2.5vw,1.15rem);color:#f8fafc;word-break:break-word}.metrics-card-hint{display:block;margin-top:.2rem;font-size:.8rem;color:#94a3b8}.score-card-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:#2563eb26;color:#60a5fa;margin-bottom:.5rem}.score-card.accent,.score-card.large{background:linear-gradient(135deg,#2563eb47,#38bdf829);border-color:#38bdf859;padding:1.15rem;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem}.score-card.accent .score-card-icon,.score-card.large .score-card-icon{background:#38bdf833;color:#7dd3fc}.score-card-value.large{font-size:clamp(1.6rem,5vw,2.4rem);line-height:1.1;font-weight:800;color:#f8fafc;display:block;margin-bottom:.4rem}.score-stars{display:inline-flex;gap:.2rem;font-size:.95rem;margin-top:.35rem}.star-filled{color:#fbbf24}.star-empty{color:#475569}.score-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:.8rem}.response-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:.8rem}.response-card h3{margin:0 0 .45rem;font-size:.95rem;display:flex;align-items:center;gap:.45rem}.response-card-icon{color:#60a5fa;flex-shrink:0}.response-card ul{margin:0;padding-left:1rem;color:#cbd5e1;word-break:break-word}.response-card p{margin:0;color:#94a3b8;word-break:break-word}.response-toolbar,.history-toolbar{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:flex-end;margin-bottom:.7rem}.history-toolbar{justify-content:space-between;align-items:center}.history-total{display:inline-flex;align-items:center;gap:.45rem;color:#94a3b8;font-size:.9rem}.detailed-review{display:grid;gap:.6rem;margin-top:.8rem}.detailed-toggle{justify-content:flex-start;font-weight:600;color:#60a5fa;margin-bottom:.6rem}.detailed-toggle:hover{color:#93c5fd}.markdown-card{color:#e2e8f0;overflow-wrap:anywhere}.markdown-card h1,.markdown-card h2,.markdown-card h3{color:#f8fafc;overflow-wrap:anywhere}.markdown-card pre{overflow-x:auto;max-width:100%}.markdown-card code{overflow-wrap:anywhere}.optimized-card{margin-top:1.9rem;border-radius:14px;overflow:hidden;border:1px solid #2e3d58;background:#151d2d}.optimized-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.6rem;padding:1.1rem 1.35rem;border-bottom:1px solid #2e3d58}.optimized-header h2{margin:0;font-size:clamp(1.05rem,3vw,1.4rem)}.optimized-header p{margin-top:.3rem;color:#9ca3af;font-size:.9rem}.optimized-card pre{max-width:100%;overflow-x:auto}.loader-card{display:flex;align-items:center;gap:.8rem;min-height:140px}.loader-spinner{width:18px;height:18px;flex-shrink:0;border-radius:999px;border:2px solid #60a5fa;border-top-color:transparent;animation:spin .8s linear infinite}.loader-card h3{margin:0 0 .25rem}.loader-card p{margin:0;color:#94a3b8}.loader-status{display:flex;flex-direction:column;gap:.25rem;animation:pulse 1.4s ease-in-out infinite}.error-banner{background:#f871711f;border:1px solid rgba(248,113,113,.25);color:#fecaca;padding:.9rem;border-radius:10px;overflow-wrap:anywhere}.empty-state{text-align:center;color:#94a3b8}.empty-state h3{margin:0 0 .35rem;color:#f8fafc}.history-list{display:grid;gap:.75rem}.history-card{display:grid;gap:.55rem}.history-card-top{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start;flex-wrap:wrap}.history-card-top p,.history-meta{margin:0;color:#94a3b8;font-size:.9rem}.history-card-title{display:flex;align-items:flex-start;gap:.6rem;min-width:0}.history-card-icon{color:#60a5fa;margin-top:.1rem;flex-shrink:0}.history-meta{display:flex;flex-wrap:wrap;gap:.5rem}.history-meta span{display:inline-flex;align-items:center;gap:.35rem;background:#94a3b814;border-radius:999px;padding:.25rem .6rem;font-size:.8rem;color:#cbd5e1}.history-meta svg{color:#60a5fa;flex-shrink:0}.settings-form{display:grid;gap:.8rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media(max-width:1024px){.page-shell{padding:1rem}.dashboard-grid{grid-template-columns:1fr}.editor-shell{height:clamp(260px,50vh,420px)}.score-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media(max-width:768px){.navbar{flex-direction:column;align-items:flex-start;gap:.8rem}.nav-links{width:100%}.metrics-grid{grid-template-columns:1fr 1fr}.control-actions{justify-content:flex-start;width:100%}.control-actions .primary-button,.control-actions .secondary-button{flex:1 1 auto}.response-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.history-card-top{flex-direction:column}}@media(max-width:560px){.page-shell{padding:.8rem;gap:.8rem}.section-card{padding:.9rem;border-radius:14px}.control-grid,.metrics-grid,.score-grid,.response-grid{grid-template-columns:1fr}.editor-shell{height:clamp(220px,45vh,360px)}.optimized-header{flex-direction:column;align-items:flex-start}.optimized-header button{width:100%}.history-meta{gap:.4rem}}@media(max-width:380px){.brand-link{font-size:.95rem}.nav-link{padding:.45rem .65rem;font-size:.9rem}.score-card-value.large{font-size:1.6rem}}