/* ============================================================
   neo.css — 近未来デザイン「Neo Glass」

   深い藍の空間に、すりガラスのカードが浮かぶ。光る縁と影で奥行きを出す。
   <html data-skin="neo"> のときだけ効く。"calm"(もとの静かなデザイン)のときは何もしない。

   作り方:
   1. まず tokens.css の変数(色・線・文字)を、暗い藍の値に入れ替える
      → それを使っている既存の部品は、自動で色が変わる
   2. そのうえで、ガラス・光・立体感が要る部品だけを、この下で上書きする

   ★ 約束は変えない: 達成率を出さない / 赤を使わない / 空の枠を出さない
   ★ 重い効果(すりガラス)は、数の少ない部品(ヘッダー・タブ・カード・シート)だけに使う。
     長い一覧の1行ずつには使わない(古い端末で重くなるため)。
   ============================================================ */

/* ---- 1. 色の入れ替え ---------------------------------------- */
/* html:root[...] は、端末のダークモード用の指定より強い(neo はどちらでも同じ見た目) */
html:root[data-skin="neo"] {
  color-scheme: dark;

  --bg:          #070B1C;
  --bg-card:     rgba(255, 255, 255, 0.07);
  --bg-sunken:   rgba(4, 7, 20, 0.60);

  --line:        rgba(160, 190, 255, 0.16);
  --line-strong: rgba(160, 200, 255, 0.34);

  --text:        #E8F1FF;
  --text-sub:    #A9BAD9;
  --text-weak:   #8497BC;

  --accent:      #5BE7FF;                     /* 光るシアン */
  --accent-2:    #9A7BFF;                     /* すみれ(グラデーションの相方) */
  --accent-weak: rgba(91, 231, 255, 0.14);
  --brown:       #8FA3D6;

  --warn:        #FFB27A;                     /* 赤は使わず、やわらかい橙 */
  --warn-weak:   rgba(255, 178, 122, 0.14);

  --font-quote:  var(--font);

  --glow:        0 0 22px rgba(91, 231, 255, 0.35);
  --shadow:      0 12px 28px rgba(0, 0, 0, 0.45);
  --glass-hi:    inset 0 1px 0 rgba(255, 255, 255, 0.28);     /* 上の縁のハイライト */
  --glass-lo:    inset 0 -12px 24px rgba(90, 120, 255, 0.06); /* 下のほのかな青 */
  --grad:        linear-gradient(135deg, #6FECFF 0%, #9A7BFF 100%);

  --radius:      18px;
  --radius-sm:   14px;

  background: #070B1C;
}

/* ---- 2. 背景(深い藍に、すみれとシアンのにじみ) ------------- */
html[data-skin="neo"] body { background: transparent; }
html[data-skin="neo"] body::before {
  content: "";
  position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(120% 60% at 0% 0%, rgba(110, 70, 255, 0.50) 0%, transparent 60%),
    radial-gradient(90% 55% at 100% 32%, rgba(0, 190, 230, 0.30) 0%, transparent 60%),
    radial-gradient(100% 50% at 20% 100%, rgba(70, 60, 200, 0.28) 0%, transparent 65%),
    #070B1C;
}
html[data-skin="neo"] ::selection { background: rgba(91, 231, 255, 0.35); }

/* ---- 3. アイコン(線に光る色を付ける) ---------------------- */
.ic {
  width: 1.15em; height: 1.15em;
  vertical-align: -0.2em;
  stroke: currentColor; fill: none;
  stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;
  flex: 0 0 auto;
}
html[data-skin="neo"] .row__icon .ic,
html[data-skin="neo"] .sheet__icon .ic,
html[data-skin="neo"] .tile__icon .ic,
html[data-skin="neo"] .section__title .ic,
html[data-skin="neo"] .sheet__title .ic,
html[data-skin="neo"] .quote__mark .ic,
html[data-skin="neo"] .sheet__grid-item .ic,
html[data-skin="neo"] .chip .ic,
html[data-skin="neo"] .listen .ic {
  stroke: url(#ic-grad);
  filter: drop-shadow(0 0 4px rgba(91, 231, 255, 0.45));
}
html[data-skin="neo"] .tile__icon .ic { width: 30px; height: 30px; }
html[data-skin="neo"] .row__icon .ic  { width: 22px; height: 22px; }
html[data-skin="neo"] .sheet__icon .ic { width: 24px; height: 24px; }

/* ---- 4. ヘッダー(すりガラスの帯) -------------------------- */
html[data-skin="neo"] .header {
  background: rgba(8, 12, 32, 0.55);
  -webkit-backdrop-filter: blur(16px) saturate(1.4);
          backdrop-filter: blur(16px) saturate(1.4);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 10px 30px rgba(0, 0, 0, 0.25);
}
html[data-skin="neo"] .header__title {
  letter-spacing: 0.07em;
  background: linear-gradient(90deg, #FFFFFF 0%, #A8EEFF 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}
html[data-skin="neo"] .header__action { color: var(--text-sub); }
html[data-skin="neo"] .header__action:active { color: var(--accent); filter: drop-shadow(0 0 6px rgba(91, 231, 255, 0.7)); }

/* ---- 5. 下タブ(宙に浮くガラス) ---------------------------- */
html[data-skin="neo"] .tabbar {
  left: 12px; right: 12px;
  bottom: calc(10px + env(safe-area-inset-bottom));
  padding-bottom: 0;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 24px;
  background: rgba(14, 20, 48, 0.62);
  -webkit-backdrop-filter: blur(18px) saturate(1.5);
          backdrop-filter: blur(18px) saturate(1.5);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -10px 22px rgba(90, 120, 255, 0.07);
}
html[data-skin="neo"] .tabbar__item { position: relative; color: var(--text-weak); transition: color 0.2s; }
html[data-skin="neo"] .tabbar__item.is-active { color: var(--accent); }
html[data-skin="neo"] .tabbar__item.is-active svg { filter: drop-shadow(0 0 7px rgba(91, 231, 255, 0.85)); }
html[data-skin="neo"] .tabbar__item.is-active::after {
  content: ""; position: absolute; bottom: 4px;
  width: 18px; height: 3px; border-radius: 3px;
  background: var(--grad);
  box-shadow: 0 0 10px rgba(91, 231, 255, 0.9);
}
html[data-skin="neo"] .view {
  padding-bottom: calc(var(--tabbar-h) + var(--sp-7) + 16px + env(safe-area-inset-bottom));
}

/* ---- 6. 「＋」ボタン(光る球) ------------------------------ */
html[data-skin="neo"] .fab {
  bottom: calc(var(--tabbar-h) + var(--sp-4) + 14px + env(safe-area-inset-bottom));
  background: radial-gradient(circle at 30% 25%, #B8F6FF 0%, #35C3EE 48%, #6D3DFF 100%);
  color: #06223A;
  box-shadow: 0 0 0 5px rgba(80, 220, 255, 0.16), 0 12px 30px rgba(80, 220, 255, 0.5),
              inset -6px -8px 14px rgba(20, 20, 90, 0.4), inset 4px 5px 10px rgba(255, 255, 255, 0.55);
  transition: transform 0.15s, box-shadow 0.15s;
}
html[data-skin="neo"] .fab .ic { width: 26px; height: 26px; stroke: #06223A; stroke-width: 2.3; filter: none; }
html[data-skin="neo"] .fab:active { transform: scale(0.94); box-shadow: 0 0 0 7px rgba(80, 220, 255, 0.22), 0 6px 16px rgba(80, 220, 255, 0.45), inset -4px -6px 12px rgba(20, 20, 90, 0.4), inset 3px 4px 8px rgba(255, 255, 255, 0.5); }

/* ---- 7. カード(すりガラス・光る縁・浮き上がる) ------------ */
html[data-skin="neo"] .card,
html[data-skin="neo"] .tile {
  background: linear-gradient(150deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.04));
  border: 1px solid rgba(255, 255, 255, 0.17);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  box-shadow: var(--shadow), var(--glass-hi), var(--glass-lo);
}
html[data-skin="neo"] .tile { transition: transform 0.15s, box-shadow 0.15s; }
html[data-skin="neo"] .tile:active { transform: translateY(1px) scale(0.985); }

/* 今日のひとこと: ほんのり光る */
html[data-skin="neo"] .quote {
  background: linear-gradient(150deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.04));
  border: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  box-shadow: var(--shadow), 0 0 28px rgba(91, 231, 255, 0.22), var(--glass-hi), var(--glass-lo);
}
html[data-skin="neo"] .quote__text { font-weight: 300; letter-spacing: 0.03em; }
html[data-skin="neo"] .quote__mark { color: var(--text-sub); }

html[data-skin="neo"] .home__date { font-weight: 200; font-size: 32px; letter-spacing: 0.02em; }
html[data-skin="neo"] .home__greet { color: var(--text-sub); }
html[data-skin="neo"] .timerow__time,
html[data-skin="neo"] .meta-time {
  font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  color: #7FE3FF;
}
html[data-skin="neo"] .section__title { letter-spacing: 0.08em; }

/* ---- 8. ボタン(ガラス / 光るグラデーション) --------------- */
html[data-skin="neo"] .btn {
  border: 1px solid rgba(160, 210, 255, 0.3);
  border-radius: var(--radius-sm);
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.04));
  color: var(--text);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.2);
  transition: transform 0.12s, box-shadow 0.12s, border-color 0.12s;
}
html[data-skin="neo"] .btn:active {
  transform: translateY(1px) scale(0.985);
  border-color: rgba(120, 230, 255, 0.7);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), 0 0 16px rgba(91, 231, 255, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
html[data-skin="neo"] .btn--primary {
  color: #05243A; font-weight: 700;
  border-color: transparent;
  background: var(--grad);
  box-shadow: 0 0 22px rgba(100, 220, 255, 0.42), 0 8px 18px rgba(0, 0, 0, 0.3),
              inset 0 1px 0 rgba(255, 255, 255, 0.7), inset 0 -4px 8px rgba(40, 40, 140, 0.3);
}
html[data-skin="neo"] .btn--primary .ic { stroke: #05243A; filter: none; }
html[data-skin="neo"] .btn--primary:active { box-shadow: 0 0 30px rgba(100, 220, 255, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -3px 6px rgba(40, 40, 140, 0.3); }
html[data-skin="neo"] .btn--danger {
  color: #2A0F08; border-color: transparent; font-weight: 700;
  background: linear-gradient(135deg, #FFC38A, #FF8F9C);
  box-shadow: 0 0 20px rgba(255, 150, 120, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
html[data-skin="neo"] .btn--quiet { color: var(--text-sub); background: transparent; box-shadow: none; border-color: var(--line); }
html[data-skin="neo"] .btn--small { border-radius: 12px; }
html[data-skin="neo"] .more { color: var(--text-sub); }

/* ---- 9. チップ(光る丸い札) -------------------------------- */
html[data-skin="neo"] .chip {
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.07);
  color: var(--text-sub);
  transition: color 0.15s, box-shadow 0.15s, border-color 0.15s;
}
html[data-skin="neo"] .chip.is-active {
  color: #D8F7FF;
  border-color: rgba(120, 230, 255, 0.85);
  background: linear-gradient(135deg, rgba(91, 231, 255, 0.28), rgba(154, 123, 255, 0.28));
  box-shadow: 0 0 14px rgba(91, 231, 255, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
html[data-skin="neo"] .listen {
  color: #BFEAFF;
  border: 1px solid rgba(120, 220, 255, 0.45);
  background: rgba(255, 255, 255, 0.07);
  box-shadow: 0 0 16px rgba(70, 200, 255, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

/* ---- 10. 入力欄(奥に凹んだガラス) -------------------------- */
html[data-skin="neo"] .field,
html[data-skin="neo"] .editor__body,
html[data-skin="neo"] .editor__quote {
  background: var(--bg-sunken);
  color: var(--text);
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-sm);
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.5);
}
html[data-skin="neo"] .field:focus,
html[data-skin="neo"] .editor__body:focus,
html[data-skin="neo"] .editor__quote:focus {
  outline: none;
  border-color: rgba(120, 230, 255, 0.85);
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.5), 0 0 0 3px rgba(91, 231, 255, 0.16), 0 0 20px rgba(91, 231, 255, 0.25);
}
html[data-skin="neo"] .field::placeholder,
html[data-skin="neo"] .editor__body::placeholder,
html[data-skin="neo"] .editor__title::placeholder { color: var(--text-weak); }
html[data-skin="neo"] .editor__title { color: var(--text); font-weight: 300; border-bottom-color: var(--line); }
html[data-skin="neo"] .editor__title:focus { border-bottom-color: var(--accent); box-shadow: 0 6px 14px -8px rgba(91, 231, 255, 0.7); }
html[data-skin="neo"] input[type="date"],
html[data-skin="neo"] input[type="time"] { color-scheme: dark; }
html[data-skin="neo"] .switchrow input { accent-color: #5BE7FF; }

/* 声で入力の 🎙 */
html[data-skin="neo"] .dictate__btn {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(160, 210, 255, 0.35);
  color: #9FE9FF;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
html[data-skin="neo"] .dictate__btn.is-on {
  background: var(--grad); color: #05243A; border-color: transparent;
}
@media (prefers-reduced-motion: no-preference) {
  html[data-skin="neo"] .dictate__btn.is-on { animation: neo-pulse 1.3s ease-in-out infinite; }
}
@keyframes neo-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(91, 231, 255, 0.55); }
  50%      { box-shadow: 0 0 0 10px rgba(91, 231, 255, 0); }
}

/* ---- 11. チェックボックス(光る角丸) ------------------------ */
html[data-skin="neo"] .check__box {
  border: 1.5px solid rgba(160, 220, 255, 0.7);
  background: rgba(255, 255, 255, 0.04);
  box-shadow: 0 0 8px rgba(80, 200, 255, 0.3);
}
html[data-skin="neo"] .check__box.is-done {
  background: var(--grad); border-color: transparent;
  box-shadow: 0 0 14px rgba(91, 231, 255, 0.55);
}
html[data-skin="neo"] .check__title.is-done { color: var(--text-weak); }

/* ---- 12. 一覧の行 ------------------------------------------ */
html[data-skin="neo"] .row,
html[data-skin="neo"] .linkrow,
html[data-skin="neo"] .quoterow,
html[data-skin="neo"] .timerow { border-bottom-color: var(--line); }
html[data-skin="neo"] .row:active,
html[data-skin="neo"] .quoterow:active,
html[data-skin="neo"] .timerow:active { background: rgba(255, 255, 255, 0.05); }
html[data-skin="neo"] .row__avatar { background: rgba(255, 255, 255, 0.08); box-shadow: 0 0 0 1px rgba(160, 210, 255, 0.35), 0 0 14px rgba(91, 231, 255, 0.2); }
html[data-skin="neo"] .person__photo {
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(160, 210, 255, 0.4);
  box-shadow: 0 0 26px rgba(91, 231, 255, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
html[data-skin="neo"] .thumb { border-color: rgba(160, 210, 255, 0.3); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4); }
html[data-skin="neo"] .quoterow__text { font-weight: 300; }

/* ---- 13. カレンダー ---------------------------------------- */
html[data-skin="neo"] .cal__nav { color: var(--accent); }
html[data-skin="neo"] .cal__label { letter-spacing: 0.08em; }
html[data-skin="neo"] .cal__cell { border: 1px solid transparent; }
html[data-skin="neo"] .cal__cell.is-today { color: var(--accent); text-shadow: 0 0 8px rgba(91, 231, 255, 0.7); }
html[data-skin="neo"] .cal__cell.is-selected {
  background: linear-gradient(135deg, rgba(91, 231, 255, 0.2), rgba(154, 123, 255, 0.2));
  border-color: rgba(120, 230, 255, 0.6);
  box-shadow: 0 0 14px rgba(91, 231, 255, 0.3);
}
html[data-skin="neo"] .cal__dot { background: var(--accent); box-shadow: 0 0 8px rgba(91, 231, 255, 0.9); }

/* ---- 14. シート・ダイアログ(ガラスの板) -------------------- */
html[data-skin="neo"] .overlay__scrim {
  background: rgba(3, 5, 16, 0.62);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
html[data-skin="neo"] .sheet__card {
  background: linear-gradient(180deg, rgba(28, 34, 74, 0.94), rgba(10, 14, 34, 0.97));
  border-top: 1px solid rgba(255, 255, 255, 0.22);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  box-shadow: 0 -22px 50px rgba(0, 0, 0, 0.55), 0 -1px 0 rgba(91, 231, 255, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
html[data-skin="neo"] .sheet__title { letter-spacing: 0.06em; }
html[data-skin="neo"] .sheet__item { border-bottom-color: var(--line); }
html[data-skin="neo"] .sheet__item:active { background: rgba(255, 255, 255, 0.06); }
html[data-skin="neo"] .sheet__grid-item {
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.03));
  border-color: rgba(160, 210, 255, 0.28);
  color: var(--text);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}
html[data-skin="neo"] .sheet__cancel { color: var(--text-sub); }
html[data-skin="neo"] .dialog__card {
  background: linear-gradient(160deg, rgba(34, 40, 86, 0.96), rgba(12, 16, 38, 0.98));
  border: 1px solid rgba(160, 210, 255, 0.3);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6), 0 0 36px rgba(91, 231, 255, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
html[data-skin="neo"] .dialog__message { color: var(--text-sub); }
html[data-skin="neo"] .result { border-bottom-color: var(--line); }
html[data-skin="neo"] .viewer { background: rgba(3, 5, 16, 0.96); }

/* ---- 15. お知らせ・取り消し ---------------------------------- */
html[data-skin="neo"] .snackbar {
  background: rgba(16, 22, 52, 0.92); color: var(--text);
  border: 1px solid rgba(120, 230, 255, 0.4);
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.55), 0 0 22px rgba(91, 231, 255, 0.18);
  bottom: calc(var(--tabbar-h) + var(--sp-3) + 14px + env(safe-area-inset-bottom));
}
html[data-skin="neo"] .snackbar__action { color: var(--accent); }
html[data-skin="neo"] .updatebar {
  background: rgba(16, 22, 52, 0.92);
  border-color: rgba(120, 230, 255, 0.5);
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5), 0 0 20px rgba(91, 231, 255, 0.2);
}
html[data-skin="neo"] .notice { border: 1px solid rgba(255, 178, 122, 0.4); }
html[data-skin="neo"] .warnline { border: 1px solid rgba(255, 178, 122, 0.35); }

/* ---- 16. はじめての画面 ------------------------------------ */
html[data-skin="neo"] .welcome__text { font-weight: 200; letter-spacing: 0.06em; }
html[data-skin="neo"] .dot { background: rgba(160, 200, 255, 0.3); }
html[data-skin="neo"] .dot.is-on { background: var(--accent); box-shadow: 0 0 10px rgba(91, 231, 255, 0.9); }

/* ---- 17. 写真から読み取る ---------------------------------- */
html[data-skin="neo"] .scan__preview {
  border: 1px solid rgba(160, 210, 255, 0.35);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.5), 0 0 24px rgba(91, 231, 255, 0.18);
}
html[data-skin="neo"] .scan__state { color: var(--accent); text-shadow: 0 0 12px rgba(91, 231, 255, 0.5); }

/* ---- 18. アイコンと文字のあいだ ------------------------------ */
html[data-skin="neo"] .listen .ic,
html[data-skin="neo"] .btn .ic,
html[data-skin="neo"] .chip .ic,
html[data-skin="neo"] .more .ic { margin-right: 0.4em; }
html[data-skin="neo"] .sheet__title .ic { margin-right: 0.3em; }

/* チップの光が、横スクロールの枠で切れて四角く見えないように、余白を足す */
html[data-skin="neo"] .chips { padding: 8px 6px 12px; margin: -8px -6px -4px; }

/* ---- 19. アプリロック(ガラスのテンキー) ---------------------- */
html[data-skin="neo"] .lock {
  background:
    radial-gradient(120% 60% at 0% 0%, rgba(110, 70, 255, 0.5) 0%, transparent 60%),
    radial-gradient(90% 55% at 100% 40%, rgba(0, 190, 230, 0.3) 0%, transparent 60%),
    #070B1C;
}
html[data-skin="neo"] .lock__brand { letter-spacing: 0.16em; background: linear-gradient(90deg, #fff, #A8EEFF); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
html[data-skin="neo"] .lock__title { font-weight: 300; letter-spacing: 0.08em; }
html[data-skin="neo"] .lock__dot { border-color: rgba(160, 210, 255, 0.5); }
html[data-skin="neo"] .lock__dot.is-on { background: var(--grad); border-color: transparent; box-shadow: 0 0 12px rgba(91, 231, 255, 0.8); }
html[data-skin="neo"] .lock__key {
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.04));
  border: 1px solid rgba(160, 210, 255, 0.3);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.25);
  transition: transform 0.1s, box-shadow 0.1s;
}
html[data-skin="neo"] .lock__key:active {
  transform: scale(0.94);
  border-color: rgba(120, 230, 255, 0.8);
  box-shadow: 0 0 22px rgba(91, 231, 255, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
html[data-skin="neo"] .lock__key--blank { background: none; border: none; box-shadow: none; }
html[data-skin="neo"] .lock__danger { color: #2A0F08; background: linear-gradient(135deg, #FFC38A, #FF8F9C); box-shadow: 0 0 20px rgba(255, 150, 120, 0.35); }
html[data-skin="neo"] .dup__why.is-strong { text-shadow: 0 0 8px rgba(255, 178, 122, 0.5); }
html[data-skin="neo"] select.field { color: var(--text); }
html[data-skin="neo"] select.field option { background: #10153a; color: var(--text); }