@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap";:root{--bg: #f7fafc;--surface: #ffffff;--text: #0f172a;--subtext: #475569;--border: #e2e8f0;--primary: #6366f1;--accent: #22c55e;--warning: #f59e0b}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Poppins,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Poppins,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;font-weight:700;line-height:1.2;text-wrap:balance}p,li,span,label,input,button{font-family:Poppins,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;font-weight:400;line-height:1.6}.layout{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:100vh}.layout.no-sidebar{grid-template-columns:1fr}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:12px}.sidebar .brand{font-weight:800;letter-spacing:.5px}.navlink{padding:10px 12px;border-radius:10px;color:var(--subtext);text-decoration:none}.navlink:hover{background:#f1f5f9}.navlink.active{background:#eef2ff;color:var(--primary);font-weight:600}.content{padding:24px;max-width:1200px;margin:0 auto}.content{padding-inline:clamp(12px,3vw,24px)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 1px 2px #00000008}.card-title{font-weight:700;margin-bottom:8px}.muted{color:var(--subtext)}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;border:1px solid var(--border);border-radius:999px;padding:4px 10px;color:var(--subtext)}.badge{display:inline-block;font-size:12px;background:#f1f5f9;color:var(--subtext);border-radius:999px;padding:3px 8px}.btn{border:1px solid var(--border);border-radius:10px;padding:8px 12px;background:var(--surface);color:var(--text);cursor:pointer}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-ghost{background:transparent;border-color:transparent;color:var(--subtext)}.mobile-only{display:none}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(12px,3vw,24px);-webkit-backdrop-filter:saturate(180%) blur(4px);backdrop-filter:saturate(180%) blur(4px);background:#fffc}.topbar .nav-links a{text-decoration:none;color:var(--subtext)}.brand-row{display:flex;align-items:center;gap:8px}.brand{font-weight:700}.nav-links{display:flex;gap:12px;align-items:center;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.auth-row{display:flex;gap:12px;align-items:center}.hide-xs,.hide-sm{display:inline}.hero{text-align:center;margin:24px 0}.hero .brand-chip{display:inline-block;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-weight:600;letter-spacing:.5px}.hero h1{margin:12px 0 0;font-size:clamp(24px,4vw,40px);font-weight:800;text-wrap:balance}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dark-card{background:#0f172a;color:#e2e8f0;border-radius:16px;padding:16px}.dark-card .title{font-weight:700;margin-bottom:6px}.light-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;display:flex;align-items:center;justify-content:space-between}.light-card .left{display:flex;align-items:center;gap:12px}.ribbon-right{position:fixed;right:0;top:50%;transform:translateY(-50%);background:#fef3c7;color:#92400e;border:1px solid #fde68a;border-right:none;border-top-left-radius:12px;border-bottom-left-radius:12px;padding:10px 14px;font-weight:700;text-decoration:none}.input-bar{position:sticky;bottom:0;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:8px;display:flex;gap:8px;box-shadow:0 8px 30px #00000014}.input-bar .input{border:none;outline:none;flex:1;padding:8px 12px}.response-card{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 30px #02399914;padding:clamp(16px,3vw,24px)}.response-title{font-size:clamp(18px,2.6vw,26px);font-weight:800;text-wrap:balance}.response-sub{color:var(--subtext);margin-top:4px}.info-pane{background:#e6f0ff;border:1px solid #dbeafe;border-radius:12px;padding:12px;margin-top:12px}.info-pane ul{margin:0;padding-left:18px}.regen{display:flex;justify-content:center;margin-top:12px}.regen .btn{border-radius:999px}.input-bar.centered{max-width:800px;margin:24px auto}.welcome{font-size:28px;font-weight:800}.subtitle{font-size:20px;color:var(--subtext)}.input{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 12px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:8px;border-top:1px solid var(--border)}.bottom-bar{position:sticky;bottom:0;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:8px;display:flex;gap:8px}@media (max-width: 1024px){.layout{grid-template-columns:1fr}.content{padding:16px}.grid{grid-template-columns:1fr}.nav-links{display:none}}@media (max-width: 768px){.welcome{font-size:24px}.subtitle{font-size:16px}.sidebar{position:fixed;left:0;top:0;bottom:0;width:80%;max-width:320px;transform:translate(-100%);transition:transform .25s ease;z-index:40}.sidebar.open{transform:translate(0)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:30}.mobile-only{display:inline-flex}.feature-grid{grid-template-columns:1fr}.hide-xs,.hide-sm,.ribbon-right{display:none}}body{background:radial-gradient(1200px 400px at 80% 0%,#eef2ff 0%,var(--bg) 50%,var(--bg) 100%)}