/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
:root{
  --bg:#0b1020; --panel:#121a30; --text:#e8eefc; --muted:#9fb0d0; --radius:16px; --shadow:0 10px 30px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0; font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto; background: radial-gradient(1200px 800px at 20% -10%, #122347 0%, transparent 60%), var(--bg); color:var(--text)}
.container{ max-width:1000px; margin:0 auto; padding:18px; }
.header{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
.badge{ display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px; font-weight:700; background: linear-gradient(90deg,#ff00cc,#3333ff,#00f5d4,#fff700); -webkit-background-clip: text; background-clip: text; color: transparent; }
.icon-btn{ padding:10px; border-radius:12px; border:1px solid rgba(255,255,255,.12); background:#0f162b; color:var(--text); display:inline-flex; align-items:center; justify-content:center; }
.icon-stack{ display:flex; gap:8px; }
.icon-link{ padding:8px; color:var(--text); display:inline-flex; align-items:center; justify-content:center; text-decoration:none; border:0; background:transparent; }
.panel{ background:var(--panel); border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:14px; box-shadow:var(--shadow); }
.pick-list{ list-style:none; padding:0; margin:0; display:grid; grid-gap:10px; gap:10px; }
.pick-item{ display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-radius:14px; background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.1); cursor:pointer; }
.pick-item:hover{ border-color: rgba(59,130,246,.6); box-shadow: 0 0 0 3px rgba(59,130,246,.15) inset; }
.text-panel{ margin-top:12px; padding:12px; border-radius:12px; background:#0f162b; border:1px solid rgba(255,255,255,.08); font-size:16px; line-height:1.6; white-space:pre-wrap; }
.answer-wrap{ display:grid; place-items:center; margin:16px 0; padding:12px; }
.answer-btn{ width:100%; max-width:520px; height:286px; border-radius:16px; border:1px solid rgba(255,255,255,.14); cursor:pointer; font-weight:800; font-size:22px; background:linear-gradient(180deg, #374151, #1f2937); color:#e5e7eb; box-shadow:0 12px 28px rgba(0,0,0,.25); }
.answer-btn.yes{ border-color: rgba(16,185,129,.4); background:linear-gradient(180deg, rgba(16,185,129,.28), rgba(16,185,129,.18)); color:#eafff6; box-shadow:0 12px 28px rgba(16,185,129,.25); }
.answer-btn.no{ border-color: rgba(239,68,68,.45); background:linear-gradient(180deg, rgba(239,68,68,.28), rgba(239,68,68,.18)); color:#fff2f2; box-shadow:0 12px 28px rgba(239,68,68,.25); }
.answer-wrap, .answer-wrap *{ -webkit-user-select:none; -moz-user-select:none; user-select:none; -webkit-touch-callout:none; }
.answer-btn{ -webkit-tap-highlight-color: transparent; outline: none; }
.btn{ width:100%; padding:12px 14px; border-radius:12px; border:1px solid rgba(255,255,255,.12); cursor:pointer; font-weight:600; background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)); color:var(--text); }
.btn.success{ background:linear-gradient(180deg, rgba(16,185,129,.28), rgba(16,185,129,.18)); color:#eafff6; border:1px solid rgba(16,185,129,.40); box-shadow: 0 12px 28px rgba(16,185,129,.25); }
.row{ display:flex; gap:10px; flex-wrap:wrap; }
.select{ background:#0f162b; color:var(--text); border-radius:12px; border:1px solid rgba(255,255,255,.12); padding:10px 12px; width:100%; }
.small{ font-size:12px; }
.muted{ color:#9fb0d0; }