:root {
  --bg:#f5f7fd !important;
  --surface:#ffffff !important;
  --ink:#1f2030 !important;
  --ink-sub:#62657a !important;
  --accent:#756cff !important;
  --accent-deep:#4536c9 !important;
  --border:#dfe2f1 !important;
  --shadow:0 10px 28px rgba(55,48,120,.11) !important;
}
body { background:var(--bg) !important; }
#bar { min-height:72px !important; padding:10px 22px !important; background:rgba(255,255,255,.94) !important; box-shadow:0 8px 28px rgba(55,48,120,.08); backdrop-filter:blur(18px); }
#bar .home { padding:5px 12px 5px 5px !important; border:1px solid #e5e3ff; background:#f8f7ff; }
#bar .home img { border-radius:11px; box-shadow:0 6px 14px rgba(86,80,255,.2); }
#bar h1 { font-family:'Noto Sans KR',sans-serif !important; font-size:22px !important; font-weight:900 !important; }
.lab-mode-note { margin:0 0 0 4px; color:var(--ink-sub); font-size:13px; font-weight:700; line-height:1.35; white-space:nowrap; }
.tab { border-color:#dedfec !important; border-radius:14px !important; background:#fff !important; box-shadow:0 4px 12px rgba(55,48,120,.06); transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease; }
.tab:hover { transform:translateY(-2px); border-color:#bbb4ff !important; box-shadow:0 8px 18px rgba(55,48,120,.11); }
.tab[aria-current="true"] { border-color:transparent !important; background:linear-gradient(135deg,#5650ff,#af4bff) !important; box-shadow:0 9px 20px rgba(86,80,255,.25); }
.tab.isdone { color:#206a56 !important; background:#e5f7f1 !important; border-color:#a9ddce !important; }
.tab.isdone[aria-current="true"] { color:#fff !important; background:linear-gradient(135deg,#5650ff,#af4bff) !important; }
#stage { margin:14px 18px 0; border:1px solid #dfe2f1; border-radius:28px 28px 0 0; box-shadow:0 18px 52px rgba(55,48,120,.13); }
#foot { background:#fff !important; border-color:#dfe2f1 !important; color:#66697c !important; }
.gobtn { background:linear-gradient(135deg,#5650ff,#af4bff) !important; border-color:transparent !important; box-shadow:0 14px 30px rgba(86,80,255,.26) !important; }
.subbtn { border-color:#d6d1ff !important; color:#4536c9 !important; background:#fff !important; }
.pickwrap,.box { background:linear-gradient(160deg,#fafaff,#f1efff) !important; }
.pickgrid button { border-color:#dfe2f1 !important; background:#fff !important; box-shadow:0 8px 24px rgba(55,48,120,.08) !important; }
.pickgrid button:hover { border-color:#a9a0ff !important; transform:translateY(-3px); box-shadow:0 15px 32px rgba(55,48,120,.15) !important; }
#bubble { border-color:#756cff !important; box-shadow:0 18px 46px rgba(55,48,120,.24) !important; }
#bubble .say { border-color:#756cff !important; }
#nudge { border-color:#d6d1ff !important; background:#f7f5ff !important; color:#4536c9 !important; }
@media (max-width:1500px) {
  #tabs { display:none !important; }
  #picklist { margin-left:auto; }
  .lab-mode-note { display:block; }
}
@media (min-width:1501px) { .lab-mode-note { display:none; } }
button:focus-visible,a:focus-visible,[tabindex]:focus-visible { outline:4px solid #c9bdff !important; outline-offset:3px !important; }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; } }