:root{--bg:#fff5f8;--surface:#fff;--border:#f8d3e1;--border-strong:#f0b8ce;--accent:#d6336c;--accent-deep:#a61e4d;--ink:#3b1030;--text:#4a2a3f;--muted:#7a5468;--tint:#ffe3ec;--lilac-bg:#f3eeff;--lilac-ink:#4b3a8a;--amber-bg:#ffe8b8;--amber-ink:#7a4b00;--code-bg:#2b1030;--code-text:#f8e9f0;--code-gutter:#a98ba3;--tok-keyword:#ff9ecb;--tok-string:#ffd6a5;--tok-fn:#c7b6ff;--shadow-card:0 8px 24px #a61e4d14;--shadow-glow:0 6px 16px #d6336c59}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Plus Jakarta Sans,system-ui,sans-serif}*{box-sizing:border-box}h1,h2,h3,p{margin:0}button,input,select{font-family:inherit}:focus-visible{outline:3px solid var(--accent-deep);outline-offset:2px}.app-container{z-index:0;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.header-bar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.main-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));align-items:start;gap:24px;width:100%;margin:0 auto;padding:28px 16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:20px;padding:16px}.result-card{border-radius:16px}.btn-primary{background:linear-gradient(110deg, #fff0 35%, #ffffff80 50%, #fff0 65%) 0 0 / 250% 100% no-repeat, var(--accent);color:#fff;cursor:pointer;box-shadow:var(--shadow-glow);border:none;border-radius:12px;padding:10px 22px;font-size:15px;font-weight:700;transition:opacity .2s;animation:3.2s linear infinite shimmer}.btn-primary:disabled{opacity:.55;cursor:not-allowed;animation:none}.btn-secondary{color:var(--accent-deep);border:1px solid var(--border-strong);cursor:pointer;background:#fff;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:600}.btn-secondary:disabled{opacity:.55;cursor:not-allowed}.pill{border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex}.pill.lilac{background:var(--lilac-bg);color:var(--lilac-ink)}.pill.pink{background:var(--tint);color:var(--accent-deep)}.pill.amber{background:var(--amber-bg);color:var(--amber-ink)}.pill-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.4s infinite pulse}.footer{text-align:center;color:var(--muted);z-index:10;padding:16px;font-size:13px;position:relative}@keyframes shimmer{0%{background-position:160% 0}to{background-position:-60% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.7)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(18deg)}}@media (prefers-reduced-motion:reduce){.sparkle,.btn-primary{animation:none}}
