@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--bg:#f7f7fa;--card:#fff;--accent:#0f8bff;--accent-strong:#0d72d1;--text:#1d1e25;--muted:#60636f;--border:#e4e5eb;--shadow:0 18px 50px rgba(16,24,40,.12)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 10% 10%,#eef2ff,#f7f7fa 35%,#fdfdfd 100%);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}.app-shell{max-width:1100px;padding:48px 20px 72px;margin:0 auto}.header{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.header,.logo{align-items:center}.logo{font-size:28px;font-weight:700;letter-spacing:-.02em;display:inline-flex;gap:10px}.nav{display:flex;gap:12px;align-items:center}.nav a{padding:10px 14px;border-radius:12px;border:1px solid transparent;color:var(--muted);font-weight:600;transition:color .15s ease,border-color .15s ease}.nav a:hover{color:var(--text);border-color:var(--border);background:#f4f6fb}.card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:20px;box-shadow:var(--shadow)}.panel{display:grid;grid-gap:14px;gap:14px;margin-bottom:18px}.content-grid{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}.support-card{position:-webkit-sticky;position:sticky;top:24px;padding:14px}.section-title{font-size:16px;font-weight:700;color:var(--text);margin-bottom:6px}.mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.mode-button{border-radius:14px;border:1px solid var(--border);background:var(--card);padding:14px;text-align:center;font-weight:700;color:var(--text);cursor:pointer;transition:all .12s ease}.mode-button.active{background:linear-gradient(135deg,#0f8bff,#0d72d1);color:#fff;box-shadow:0 12px 30px rgba(13,114,209,.25);border-color:transparent}.mode-button.active,.mode-button:hover{transform:translateY(-1px)}.vibe-row{display:flex;flex-wrap:wrap;gap:10px}.vibe-pill{border-radius:999px;padding:9px 14px;border:1px solid var(--border);background:var(--card);cursor:pointer;font-weight:600;color:var(--muted);transition:all .12s ease}.vibe-pill.active{background:#eef5ff;color:var(--text);border-color:#c6ddff}.note-input{width:100%;min-height:110px;border-radius:16px;border:1px solid var(--border);padding:12px 14px;font-size:16px;background:#fbfbfd;resize:vertical}.primary{border:none;border-radius:16px;width:100%;padding:16px;font-size:17px;font-weight:800;background:linear-gradient(135deg,#0f8bff,#0d72d1);color:#fff;cursor:pointer;box-shadow:0 14px 34px rgba(13,114,209,.28);transition:transform .1s ease,box-shadow .1s ease,opacity .1s ease}.primary:hover{transform:translateY(-1px);box-shadow:0 16px 38px rgba(13,114,209,.34)}.primary:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.results{margin-top:18px;display:grid;grid-gap:12px;gap:12px}.idea-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 12px 30px rgba(16,24,40,.08)}.idea-title{display:flex;align-items:center;gap:8px;font-weight:800;font-size:17px}.idea-meta{display:flex;gap:12px;color:var(--muted);font-size:13px;margin-top:4px;flex-wrap:wrap}.idea-list{margin:8px 0 0 18px;padding:0;color:var(--text)}.tiny{font-size:12px;color:var(--muted)}.language-note{font-size:13px;color:var(--muted);gap:6px}.language-note,.result-heading{display:inline-flex;align-items:center}.result-heading{font-size:18px;font-weight:800;gap:8px}.pill-label{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-weight:600}@media (min-width:768px){.panel{grid-template-columns:1fr}.content-grid{grid-template-columns:minmax(0,1fr) 260px;align-items:start}}