/* VSA Concept 2 — asystent (styl VSA: ciemne szkło, akcent cyan, Orbitron w etykietach) */
.c2a-trigger{margin-left:auto;display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .6rem;border-radius:999px;border:1px solid rgba(0,240,255,.35);background:linear-gradient(135deg,rgba(0,240,255,.14),rgba(140,90,255,.14));color:#bff9ff;font:600 .66rem/1.2 Inter,system-ui,sans-serif;letter-spacing:.02em;cursor:pointer;transition:transform .15s,box-shadow .2s,border-color .2s}
.c2a-trigger:hover{transform:translateY(-1px);border-color:var(--accent,#00f0ff);box-shadow:0 0 18px rgba(0,240,255,.28)}
.c2a-trigger:disabled{opacity:.55;cursor:wait}
.c2a-trigger-inline{margin:.45rem 0 0}
.field-label{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.c2a-panel{margin-top:.55rem;padding:.75rem;border-radius:14px;border:1px solid rgba(0,240,255,.22);background:rgba(6,14,28,.92);box-shadow:0 12px 40px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.03);animation:c2aIn .25s ease}
.c2a-panel[hidden],.c2a-start [hidden],.c2a-sections [hidden]{display:none!important}
@keyframes c2aIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.c2a-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font:700 .7rem/1 Orbitron,Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--accent,#00f0ff)}
.c2a-x{background:none;border:0;color:#9fb3c8;font-size:1.1rem;cursor:pointer}
.c2a-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.55rem}
.c2a-card{display:flex;flex-direction:column;gap:.45rem;padding:.7rem;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);transition:border-color .2s,transform .2s}
.c2a-card:hover{transform:translateY(-2px);border-color:rgba(0,240,255,.4)}
.c2a-card.c2a-picked{border-color:var(--accent,#00f0ff);box-shadow:0 0 0 1px var(--accent,#00f0ff)}
.c2a-card-top{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}
.c2a-badge{padding:.12rem .45rem;border-radius:6px;font:700 .58rem/1.3 Orbitron,Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.c2a-konkretny .c2a-badge{background:rgba(0,240,255,.16);color:#7ff6ff}
.c2a-emocjonalny .c2a-badge{background:rgba(255,120,170,.16);color:#ffb3cf}
.c2a-odwazny .c2a-badge{background:rgba(255,200,0,.16);color:#ffe27a}
.c2a-label{font-size:.7rem;opacity:.75}
.c2a-text{width:100%;resize:vertical;min-height:3.2rem;padding:.5rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.3);color:#e9f6ff;font:500 .78rem/1.45 Inter,system-ui,sans-serif}
.c2a-text:focus{outline:none;border-color:var(--accent,#00f0ff)}
.c2a-why{margin:0;font-size:.66rem;line-height:1.45;opacity:.7}
.c2a-why b{color:#cfe9ff}
.c2a-static{margin:0;font-size:.76rem;line-height:1.45}
.c2a-chips{margin:0;font-size:.64rem;opacity:.75}
.c2a-actions{display:flex;gap:.4rem;margin-top:auto}
.c2a-use,.c2a-more{flex:1;padding:.4rem .5rem;border-radius:8px;font:700 .68rem/1 Inter,sans-serif;cursor:pointer;border:1px solid transparent}
.c2a-use{background:var(--accent,#00f0ff);color:#001014}
.c2a-use:hover{filter:brightness(1.1)}
.c2a-more{background:transparent;color:#cfe9ff;border-color:rgba(255,255,255,.18)}
.c2a-more:hover{border-color:var(--accent,#00f0ff)}
.c2a-loading{display:flex;align-items:center;gap:.5rem;font-size:.72rem;margin-bottom:.5rem;color:#bff9ff}
.c2a-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(0,240,255,.25);border-top-color:var(--accent,#00f0ff);animation:c2aSpin .8s linear infinite}
@keyframes c2aSpin{to{transform:rotate(360deg)}}
.c2a-skeleton{min-height:110px;background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(0,240,255,.08),rgba(255,255,255,.03));background-size:200% 100%;animation:c2aShimmer 1.2s infinite}
@keyframes c2aShimmer{to{background-position:-200% 0}}
.c2a-error{font-size:.72rem;color:#ffb3b3}
.c2a-vsa{display:inline-block;margin-top:.55rem;font-size:.68rem;color:var(--accent,#00f0ff);text-decoration:none}
.c2a-flash{box-shadow:0 0 0 2px var(--accent,#00f0ff),0 0 22px rgba(0,240,255,.35)!important;transition:box-shadow .3s}
.c2a-start{margin:0 0 1rem;padding:1rem;border-radius:16px;border:1px solid rgba(0,240,255,.28);background:radial-gradient(120% 140% at 0 0,rgba(0,240,255,.12),transparent 55%),radial-gradient(120% 140% at 100% 100%,rgba(140,90,255,.14),transparent 55%),rgba(6,14,28,.8)}
.c2a-start-head{display:flex;align-items:center;gap:.5rem;font:700 .82rem/1.2 Orbitron,Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#e9fbff}
.c2a-spark{font-size:1.1rem;animation:c2aPulse 2.4s ease-in-out infinite}
@keyframes c2aPulse{50%{transform:scale(1.18);filter:drop-shadow(0 0 8px rgba(0,240,255,.8))}}
.c2a-start-lead{margin:.4rem 0 .6rem;font-size:.72rem;opacity:.72;line-height:1.45}
.c2a-idea{min-height:64px}
.c2a-start-btn{margin-top:.55rem;padding:.6rem 1rem;border:0;border-radius:10px;background:linear-gradient(135deg,var(--accent,#00f0ff),#8c5aff);color:#00141a;font:800 .74rem/1 Inter,sans-serif;letter-spacing:.02em;cursor:pointer;box-shadow:0 8px 26px rgba(0,240,255,.25)}
.c2a-start-btn:disabled{opacity:.6;cursor:wait}
.c2a-hero{margin:0;font:800 .92rem/1.25 Inter,sans-serif;color:#fff}
.c2a-sub{margin:0;font-size:.72rem;opacity:.8;line-height:1.4}
.c2a-dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.2rem .5rem;font-size:.64rem}
.c2a-dl dt{opacity:.55;text-transform:uppercase;letter-spacing:.04em}
.c2a-dl dd{margin:0}
.c2a-sections{margin-top:1rem;padding:1rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(6,14,28,.75)}
.c2a-sections h3{margin:.2rem 0;font:700 .8rem/1.2 Orbitron,Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.c2a-variety{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.68rem;padding:.5rem .65rem;border-radius:10px;background:rgba(0,240,255,.07);margin-bottom:.6rem}
.c2a-swatches{display:inline-flex;gap:3px}.c2a-swatches i{width:14px;height:14px;border-radius:4px;border:1px solid rgba(255,255,255,.25)}
.c2a-section-list{display:flex;flex-direction:column;gap:.35rem}
.c2a-section-row{display:flex;align-items:center;gap:.5rem;padding:.45rem .6rem;border-radius:10px;background:rgba(255,255,255,.03)}
.c2a-section-name{font-weight:700;font-size:.76rem}
.c2a-chosen{font-size:.64rem;color:var(--accent,#00f0ff)}
@media (prefers-reduced-motion:reduce){.c2a-panel,.c2a-spark,.c2a-skeleton,.c2a-spinner{animation:none}}