:root{--grogu-page:#fafafa;--grogu-card:#fff;--grogu-border:#e4e4e7;--grogu-text:#18181b;--grogu-text-muted:#71717a;--grogu-m-idea:#84cc16;--grogu-err:#dc2626;--grogu-radius:10px}*{box-sizing:border-box}body{background:var(--grogu-page);color:var(--grogu-text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.idea-shell{max-width:720px;min-height:100vh;margin:0 auto;padding:16px 16px 48px}.idea-header{justify-content:space-between;align-items:center;padding:12px 4px 20px;display:flex}.idea-brand{color:var(--grogu-text-muted);font-size:14px;font-weight:600}.idea-lang{border:1px solid var(--grogu-border);background:var(--grogu-card);color:var(--grogu-text);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.idea-card{background:var(--grogu-card);border:1px solid var(--grogu-border);border-radius:var(--grogu-radius);flex-direction:column;gap:12px;padding:20px;display:flex}.idea-landing{text-align:center;align-items:center}.idea-chip{background:var(--grogu-page);border:1px solid var(--grogu-border);color:var(--grogu-text-muted);border-radius:999px;padding:4px 12px;font-size:13px;display:inline-block}.idea-tagline{color:var(--grogu-text-muted);margin:0}.idea-time-badge{color:var(--grogu-text-muted);font-size:13px;display:inline-block}.idea-label{color:var(--grogu-text-muted);font-size:13px;font-weight:600}.idea-textarea,.idea-input{border:1px solid var(--grogu-border);border-radius:var(--grogu-radius);width:100%;color:var(--grogu-text);background:var(--grogu-page);padding:12px;font-family:inherit;font-size:16px}.idea-textarea{resize:vertical;min-height:140px}.idea-hints{flex-wrap:wrap;gap:8px;display:flex}.idea-hint-chip{color:var(--grogu-text-muted);border:1px solid var(--grogu-border);border-radius:999px;padding:4px 10px;font-size:12px}.idea-note{color:var(--grogu-text-muted);margin:0;font-size:13px}.idea-error{color:var(--grogu-err);margin:0;font-size:13px}.idea-btn-primary{background:var(--grogu-m-idea);color:var(--grogu-text);border-radius:var(--grogu-radius);cursor:pointer;text-align:center;border:none;padding:12px 20px;font-size:15px;font-weight:700;text-decoration:none;display:inline-block}.idea-btn-primary:disabled{opacity:.5;cursor:not-allowed}.idea-btn-ghost{color:var(--grogu-text-muted);border:1px solid var(--grogu-border);border-radius:var(--grogu-radius);cursor:pointer;text-align:center;background:0 0;padding:12px 20px;font-size:15px;font-weight:600;text-decoration:none;display:inline-block}.idea-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.idea-actions,.idea-downloads{flex-wrap:wrap;gap:12px;display:flex}.idea-progress{color:var(--grogu-text-muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.idea-dots{gap:6px;display:flex}.idea-dot{background:var(--grogu-border);border-radius:50%;width:6px;height:6px}.idea-dot-done{background:var(--grogu-m-idea)}.idea-dot-active{background:var(--grogu-text)}.idea-generating{text-align:center;align-items:center;padding:48px 20px}.idea-spinner{border:3px solid var(--grogu-border);border-top-color:var(--grogu-m-idea);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite ideaSpin}@keyframes ideaSpin{to{transform:rotate(360deg)}}.idea-banner{margin:0;font-weight:700}.idea-result-title{margin:0}.idea-score-ring{--score:0;background:conic-gradient(var(--grogu-m-idea) calc(var(--score) * 1%), var(--grogu-border) 0);border-radius:50%;justify-content:center;align-self:center;align-items:center;width:96px;height:96px;display:flex}.idea-score-num{font-size:24px;font-weight:800}.idea-score-max{color:var(--grogu-text-muted);margin-left:2px;font-size:13px}.idea-score-label{text-align:center;color:var(--grogu-text-muted);margin:0;font-size:13px}.idea-muted{color:var(--grogu-text-muted);margin:0}.idea-bullets{margin:0;padding-left:20px}.idea-reveal{opacity:0;animation:.5s forwards ideaReveal}@keyframes ideaReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.idea-section h3{margin:0 0 4px}.idea-section h4{color:var(--grogu-text-muted);margin:8px 0 4px;font-size:13px}@media (width<=375px){.idea-shell{padding:12px 12px 40px}.idea-card{padding:16px}}