/* A thought, in flight — six quiet gestures, one shared search. */
.search-motion-playing input,
.search-motion-playing input::placeholder {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  caret-color: transparent !important;
}
.search-motion-playing { overflow: visible; }
.search-motion-canvas {
  position: absolute;
  left: 0;
  top: -54px;
  width: 100%;
  height: calc(100% + 108px);
  z-index: 2;
  pointer-events: none;
}
.search-go { position: relative; z-index: 3; }
.search-go::after {
  content: '';
  position: absolute;
  inset: -4px;
  border: 1px solid rgba(204, 174, 130, .8);
  border-radius: 16px;
  opacity: var(--search-arrival, 0);
  transform: scale(calc(1 + var(--search-arrival, 0) * .16));
  box-shadow: 0 0 15px rgba(211, 184, 147, .26);
  pointer-events: none;
}
/* 搜索引擎行唯一的「✨ 理」入口：整枚按 86% 缩小 */
#btnSearchMotion {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 24px;
  padding: 0 9px;
  border-radius: 8px;
  font-size: 10px;
  letter-spacing: 0.4px;
  color: var(--ink-2);
}
#btnSearchMotion svg { width: 11.5px; height: 11.5px; stroke-width: 1; color: #ad8746; transform: rotate(-8deg); }
#btnSearchMotion:focus-visible { outline: 1px solid var(--ink-2); outline-offset: 2px; }
:root[data-theme="dark"] #btnSearchMotion svg { color: #c9ab84; }

.sheet.wide.search-motion-sheet {
  max-width: 720px;
  max-height: 88dvh;
  padding: 29px 32px 20px;
}
.sm-panel {
  --sm-gold: #987852;
  --sm-mint: #408c75;
  --sm-mint-knob: #67b99a;
  --sm-blue: #507b99;
  --sm-line: rgba(87, 86, 84, .14);
  --sm-tile: rgba(255, 255, 255, .12);
  --sm-selected: rgba(250, 242, 226, .22);
  color: var(--ink);
  text-align: left;
}
.sm-panel svg { fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.4; }
.sm-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.sm-heading-copy { flex: 1 1 0; min-width: 0; }
.sm-heading-actions { display: flex; flex: none; flex-direction: column; align-items: flex-end; gap: 21px; }
.sm-eyebrow { margin: 0 0 10px; font: 8px/1.5 var(--mono); letter-spacing: 2.1px; color: var(--sm-gold); }
.sm-title-row { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.sm-title { margin: 0; font: 500 29px/1.35 var(--sans); letter-spacing: 1.8px; }
.sm-subtitle { margin: 7px 0 0; font-size: 10.5px; letter-spacing: 1.4px; color: var(--ink-3); }
.wp-random.sm-toggle { position: static; flex: none; gap: 9px; padding: 5px 0; margin: 0; min-height: 36px; font-size: 11px; letter-spacing: .5px; }
.wp-random.sm-toggle[aria-pressed="true"] { color: var(--sm-mint); }
.wp-random.sm-toggle[aria-pressed="true"] .wp-track { border-color: var(--sm-mint); background: rgba(103, 185, 154, .12); }
.wp-random.sm-toggle[aria-pressed="true"] .wp-knob { background: var(--sm-mint-knob); }
/* 右上角入口尺寸；pro max 暖白金玻璃材质在文件末尾统一覆盖。 */
.sm-engine {
  --sm-engine-radius: 14px;
  flex: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 40px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, .94);
  border-radius: var(--sm-engine-radius);
  background: linear-gradient(168deg, #fffefb 0%, #fbf6ee 46%, #f0e7d9 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .98),
    inset 0 -1px 1px rgba(150, 128, 99, .14),
    0 1px 2px rgba(58, 44, 30, .12),
    0 9px 20px rgba(58, 44, 30, .14);
  color: var(--ink);
  font-size: 11px;
  letter-spacing: .6px;
  line-height: 1;
  white-space: nowrap;
  transition: transform .16s ease, box-shadow .24s ease;
}
.sm-engine svg { width: 11px; height: 11px; stroke-width: 2; color: #a97f43; }
.sm-engine:active { transform: scale(.97); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .98), inset 0 -1px 1px rgba(150, 128, 99, .14), 0 1px 2px rgba(58, 44, 30, .12); }
.sm-panel .sm-engine:focus-visible { border-radius: var(--sm-engine-radius); }
/* Reuse the wallpaper / Drive glass surface, cropped to a quiet blue ribbon. */
.wp-random.interaction-toolbar.sm-simulation {
  position: static;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 28px;
  margin: 0;
  padding: 3px 8px;
  border-radius: 9px;
  border-color: rgba(241, 251, 255, .5);
  background: linear-gradient(155deg, rgba(246, 253, 255, .24), rgba(189, 225, 246, .12));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 3px 12px rgba(26,40,56,.025);
  color: #435766;
  font-size: 9px;
  line-height: 1;
  letter-spacing: .15px;
  white-space: nowrap;
  transition: color .22s ease, border-color .22s ease;
}
.wp-random.sm-simulation[aria-pressed="true"] { color: #36566b; }
.wp-random.sm-random[aria-pressed="true"] { color: #92703c; }
.wp-random.sm-simulation .wp-track, .wp-random.sm-random .wp-track {
  flex: none;
  width: 25px;
  height: 14px;
  border-width: 1px;
  border-color: rgba(115, 155, 180, .5);
}
.wp-random.sm-simulation .wp-knob, .wp-random.sm-random .wp-knob { top: 2px; left: 2px; width: 8px; height: 8px; background: #a6bfcf; }
.wp-random.sm-simulation[aria-pressed="true"] .wp-track, .wp-random.sm-random[aria-pressed="true"] .wp-track { border-color: #81b1cf; background: rgba(167, 215, 244, .08); }
.wp-random.sm-simulation[aria-pressed="true"] .wp-knob, .wp-random.sm-random[aria-pressed="true"] .wp-knob { transform: translateX(11px); background: #8cb9d5; }
.sm-panel .sm-simulation:focus-visible { border-radius: 9px; }
.sm-preview { margin-top: 24px; border: 1px solid var(--sm-line); border-radius: 20px; background: linear-gradient(125deg, rgba(239, 218, 180, .12), rgba(242, 248, 253, .04) 70%); padding: 16px 20px 12px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2); }
.sm-preview-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.sm-current { min-width: 0; display: flex; align-items: baseline; gap: 9px; }
.sm-current-number { font: 9px var(--mono); color: var(--sm-gold); letter-spacing: .6px; }
.sm-current-name { font-size: 12px; letter-spacing: .8px; white-space: nowrap; }
.sm-current-latin { margin-left: 2px; font: italic 11px var(--sans); color: var(--ink-3); white-space: nowrap; }
.sm-duration { font: 9px var(--mono); color: var(--sm-gold); white-space: nowrap; }
.sm-stage { position: relative; padding: 28px 0 23px; }
.sm-search { margin: 0; height: 52px; background: rgba(255, 255, 255, .16); backdrop-filter: none; -webkit-backdrop-filter: none; }
.sm-search input { padding: 0; color: var(--ink); letter-spacing: 0; }
.sm-search input::placeholder { font-size: 12px; }
/* 回车键照搬鸿蒙实机：纯平系统蓝 #0A58F8 + 白箭头，无阴影无描边，整体按实机缩小 15% */
.sm-search .search-go { width: 32px; height: 32px; background: #0a58f8; color: #fff; box-shadow: none; border-radius: 10px; }
.sm-search .search-go svg { width: 14.5px; height: 14.5px; stroke-width: 1.7; }
.sm-search .search-go:disabled { opacity: .42; cursor: default; }
.sm-search:focus-within { box-shadow: inset 0 1px 2px rgba(20, 26, 52, .03), 0 0 0 2px rgba(104, 149, 180, .14); }
.sm-preview-bottom { display: flex; justify-content: space-between; align-items: center; gap: 14px; }
.sm-hint { margin: 0; font-size: 10px; line-height: 1.6; letter-spacing: .15px; color: var(--ink-3); }
.sm-replay { display: inline-flex; align-items: center; gap: 6px; flex: none; min-height: 28px; color: var(--ink-2); font-size: 10px; letter-spacing: .3px; }
.sm-replay svg { width: 13px; height: 13px; }
.sm-replay:disabled { opacity: .4; cursor: default; }
.sm-collection { min-width: 0; margin: 22px 0 0; padding: 0; border: 0; }
.sm-collection legend { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; width: 100%; margin-bottom: 16px; padding: 0 2px; font-size: 10px; letter-spacing: 1.3px; color: var(--ink-2); }
.sm-collection legend [lang="en"] { color: var(--ink-3); font: 8px/1.5 var(--mono); letter-spacing: 1.3px; }
.sm-collection-tools { display: inline-flex; align-items: center; gap: 18px; margin-left: auto; white-space: nowrap; }
.wp-random.sm-random { position: static; min-height: 28px; gap: 9px; padding: 0; margin: -4px 0; }
.sm-collection legend .sm-random [lang="en"] { font-size: 11.44px; font-weight: 700; letter-spacing: .8px; color: var(--ink-2); }
.wp-random.sm-random .wp-track { border-color: #ac884d; background: transparent; }
.wp-random.sm-random .wp-knob { background: #b28c4e; }
.wp-random.sm-random[aria-pressed="true"] .wp-track { border-color: #b28c4e; background: #b28c4e; }
.wp-random.sm-random[aria-pressed="true"] .wp-knob { background: #fff8e9; }
.sm-collection legend .sm-random[aria-pressed="true"] [lang="en"] { color: inherit; }
.sm-grid { --sm-ray-core: #b49560; --sm-gap: 10px; position: relative; isolation: isolate; overflow: hidden; border-radius: 15px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sm-gap); }
/* 0.5-second broad tide; 7.4 seconds of untouched clear material. */
.sm-grid::before {
  content: ''; position: absolute; pointer-events: none; opacity: 0;
  z-index: -2; inset: -24%;
  background: radial-gradient(ellipse at var(--sm-tide-origin, 18%) 75%, rgba(147, 210, 241, .38), rgba(170, 208, 238, .2) 45%, transparent 78%), radial-gradient(ellipse at 65% 22%, rgba(202, 189, 235, .2), transparent 75%), linear-gradient(20deg, rgba(168, 220, 221, .12), rgba(170, 210, 241, .16));
}
.sm-random-on .sm-grid::before { animation: sm-prismatic-tide 7.9s linear infinite; }
@keyframes sm-prismatic-tide {
  0% { opacity: 0; transform: translate3d(var(--sm-tide-drift, -12%), 18%, 0) scale(.94); animation-timing-function: ease-out; }
  3.164557% { opacity: 1; transform: translate3d(0, 0, 0) scale(1.12); animation-timing-function: ease-in; }
  6.329114%, 100% { opacity: 0; transform: translate3d(0, -12%, 0) scale(1.16); }
}
/* Fine white-hot blue pulses travel only through the open channels. */
.sm-gap-laser {
  position: absolute; z-index: 3; pointer-events: none;
  left: -100px; width: 100px; height: 1.3px; margin-top: -.65px;
  background: linear-gradient(90deg, transparent, #69acff 38%, #b4ddff 72%, #fff 93%, #d9eeff 98%, transparent);
  box-shadow: 0 0 3px rgba(56, 137, 255, .85), 0 0 7px rgba(70, 147, 255, .35);
  border-radius: 100%; opacity: 0;
  animation: sm-laser-horizontal 680ms cubic-bezier(.24, .48, .65, 1) both;
}
.sm-gap-laser-vertical {
  top: -100px; width: 1.3px; height: 100px; margin-top: 0; margin-left: -.65px;
  background: linear-gradient(transparent, #69acff 38%, #b4ddff 72%, #fff 93%, #d9eeff 98%, transparent);
  animation-name: sm-laser-vertical; animation-duration: 840ms;
}
.sm-gap-laser-reverse { animation-direction: reverse; }
@keyframes sm-laser-horizontal { 0% { opacity: 0; transform: translateX(0); } 12%, 82% { opacity: 1; } 100% { opacity: 0; transform: translateX(var(--sm-ray-run)); } }
@keyframes sm-laser-vertical { 0% { opacity: 0; transform: translateY(0); } 12%, 82% { opacity: 1; } 100% { opacity: 0; transform: translateY(var(--sm-ray-run)); } }
/* Champagne cores with a narrow ice halo. Current stays inside the gaps. */
.sm-random-on .sm-choice::before, .sm-random-on .sm-choice::after {
  content: ''; position: absolute; pointer-events: none; z-index: 1;
  border-color: transparent; border-style: solid; border-width: 0;
  filter: drop-shadow(0 0 1.4px rgba(170, 216, 241, .8));
  background-repeat: repeat;
}
.sm-random-on .sm-choice:nth-child(odd)::before {
  left: 100%; width: var(--sm-gap); top: 16px; bottom: 16px;
  border-top-width: 1px; border-bottom-width: 1px;
  background: linear-gradient(90deg, var(--sm-ray-core) 20%, #fff2cf 43%, #fff 53%, var(--sm-ray-core) 80%) 0 top / 10px 1px repeat-x,
    linear-gradient(90deg, var(--sm-ray-core) 20%, #fff2cf 43%, #fff 53%, var(--sm-ray-core) 80%) 5px bottom / 10px 1px repeat-x;
  background-origin: border-box;
  animation: sm-current-across 1.1s linear infinite;
}
.sm-random-on .sm-choice:nth-child(-n+4)::after {
  top: 100%; height: var(--sm-gap); left: 16px; right: 16px;
  border-left-width: 1px; border-right-width: 1px;
  background: linear-gradient(var(--sm-ray-core) 20%, #fff2cf 43%, #fff 53%, var(--sm-ray-core) 80%) left 0 / 1px 10px repeat-y,
    linear-gradient(var(--sm-ray-core) 20%, #fff2cf 43%, #fff 53%, var(--sm-ray-core) 80%) right 5px / 1px 10px repeat-y;
  background-origin: border-box;
  animation: sm-current-down 1.3s linear infinite;
}
.sm-random-on .sm-choice:nth-child(3n)::before, .sm-random-on .sm-choice:nth-child(3n)::after { animation-delay: -.43s; }
.sm-random-on .sm-choice:nth-child(3n + 2)::before, .sm-random-on .sm-choice:nth-child(3n + 2)::after { animation-delay: -.79s; }
@keyframes sm-current-across { to { background-position: 20px top, -15px bottom; } }
@keyframes sm-current-down { to { background-position: left 20px, right -15px; } }
.sm-choice { position: relative; display: block; min-width: 0; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.sm-radio { position: absolute; width: 1px; height: 1px; opacity: 0; margin: 0; top: 20px; left: 20px; }
.sm-choice-content { position: relative; display: block; min-height: 99px; padding: 15px 16px 12px; border: 1px solid var(--sm-line); border-radius: 15px; background: var(--sm-tile); transition: border-color .2s, background .2s; overflow: hidden; }
.sm-choice-line { display: flex; align-items: center; gap: 9px; padding-right: 12px; }
.sm-choice-number { font: 9px var(--mono); color: var(--sm-gold); letter-spacing: .5px; }
.sm-choice-name { color: var(--ink); font-size: 12.5px; letter-spacing: .7px; }
.sm-choice-mark { position: absolute; right: 12px; top: 14px; width: 14px; height: 14px; color: var(--sm-gold); opacity: 0; transition: opacity .15s; }
.sm-choice-mark svg { width: 14px; height: 14px; stroke-width: 1.35; }
.sm-choice-latin { display: block; margin: 5px 0 0 23px; font: italic 10px/1.4 var(--sans); color: var(--ink-3); }
.sm-choice-description { position: relative; display: block; margin-top: 13px; font-size: 10px; color: var(--ink-2); line-height: 1.6; letter-spacing: .15px; }
.sm-glyph { position: absolute; width: 58px; height: 42px; top: 25px; right: 17px; color: var(--sm-gold); opacity: .42; stroke-width: .8 !important; }
.sm-glyph-blue { color: var(--sm-blue); }
.sm-radio:checked + .sm-choice-content { border-color: rgba(159, 128, 86, .56); background: var(--sm-selected); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25); }
.sm-radio:checked + .sm-choice-content .sm-choice-mark { opacity: 1; }
.sm-radio:checked + .sm-choice-content .sm-glyph { opacity: .7; }
.sm-radio:focus-visible + .sm-choice-content { outline: 2px solid var(--sm-blue); outline-offset: 3px; }
.sm-footer { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 20px; padding-top: 10px; border-top: 1px solid var(--sm-line); }
.sm-selection { margin: 0; font-size: 10px; letter-spacing: .25px; color: var(--ink-3); line-height: 1.6; }
.sm-done { display: inline-flex; flex: none; align-items: center; gap: 10px; padding: 7px 0 7px 12px; min-height: 34px; color: var(--ink-2); font-size: 11px; letter-spacing: .7px; }
.sm-done svg { width: 17px; height: 17px; stroke-width: 1.15; }
.sm-panel button:focus-visible { outline: 2px solid var(--sm-blue); outline-offset: 4px; border-radius: 5px; }
.sm-off .sm-duration { color: var(--ink-3); }

:root[data-theme="dark"] .sm-panel { --sm-mint: #83c8ac; --sm-mint-knob: #91d5b9; --sm-gold: #c8ad88; --sm-blue: #91b7d1; --sm-line: rgba(222, 227, 240, .12); --sm-tile: rgba(228, 236, 249, .025); --sm-selected: rgba(207, 187, 153, .065); }
:root[data-theme="dark"] .sm-preview { background: linear-gradient(125deg, rgba(215, 183, 148, .06), rgba(145, 184, 216, .025) 70%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045); }
:root[data-theme="dark"] .sm-search { background: rgba(225, 235, 250, .065); }
:root[data-theme="dark"] .sm-radio:checked + .sm-choice-content { border-color: rgba(200, 173, 136, .48); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035); }
:root[data-theme="dark"] .sm-engine {
  border-color: rgba(255, 255, 255, .2);
  background: linear-gradient(168deg, #45464f 0%, #33343d 48%, #26272f 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .22),
    inset 0 -1px 1px rgba(0, 0, 0, .34),
    0 1px 2px rgba(0, 0, 0, .34),
    0 9px 20px rgba(0, 0, 0, .34);
}
:root[data-theme="dark"] .sm-engine svg { color: #cbab7d; }
:root[data-theme="dark"] .wp-random.interaction-toolbar.sm-simulation { border-color: rgba(226, 240, 252, .17); background: linear-gradient(155deg, rgba(212, 238, 255, .08), rgba(163, 202, 231, .035)); box-shadow: inset 0 1px 0 rgba(245, 251, 255, .09), 0 3px 12px rgba(0, 0, 0, .035); color: #cbd7df; }
:root[data-theme="dark"] .wp-random.sm-simulation[aria-pressed="true"] { color: #d8e1e8; }
:root[data-theme="dark"] .wp-random.sm-random[aria-pressed="true"] { color: #d4b77f; }
:root[data-theme="dark"] .wp-random.sm-random[aria-pressed="true"] .wp-track { background: #c5a162; border-color: #c5a162; }
:root[data-theme="dark"] .wp-random.sm-random[aria-pressed="true"] .wp-knob { background: #352b1c; }
:root[data-theme="dark"] .sm-grid { --sm-ray-core: #d8b77a; }
@media (hover: hover) {
  .sm-choice:hover .sm-choice-content { border-color: rgba(159, 128, 86, .36); }
  .sm-engine:hover { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .98), inset 0 -1px 1px rgba(150, 128, 99, .14), 0 2px 4px rgba(58, 44, 30, .14), 0 12px 26px rgba(58, 44, 30, .18); }
  .sm-done:hover, .sm-replay:not(:disabled):hover { color: var(--ink); }
  .wp-random.sm-simulation:hover { border-color: rgba(171, 208, 231, .5); }
}
@media (max-width: 560px) {
  .sheet.wide.search-motion-sheet { padding: 23px 20px 15px; }
  .sm-title { font-size: 26px; }
  .sm-eyebrow { font-size: 7px; letter-spacing: 1.7px; }
  .sm-preview { margin-top: 21px; padding: 14px 14px 10px; border-radius: 17px; }
  .sm-current-latin { display: none; }
  .sm-choice-content { padding: 14px 12px 12px; }
  .sm-choice-name { font-size: 12px; }
  .sm-choice-latin { font-size: 9px; }
  .sm-choice-description { font-size: 9px; letter-spacing: 0; }
  .sm-glyph { width: 43px; height: 33px; top: 26px; right: 11px; opacity: .28; }
  .sm-grid { --sm-gap: 9px; }
  .sm-hint { font-size: 9px; }
  .sm-heading { gap: 14px; }
  .sm-heading-actions { gap: 19px; }
  .sm-title-row { gap: 16px; }
}
@media (max-width: 400px) {
  .sheet.wide.search-motion-sheet { padding: 23px 18px 14px; }
  .sm-grid { grid-template-columns: 1fr; --sm-gap: 8px; }
  .sm-random-on .sm-choice::before { display: none; }
  .sm-random-on .sm-choice:nth-child(-n+5)::after { top: 100%; height: var(--sm-gap); left: 16px; right: 16px; border-left-width: 1px; border-right-width: 1px; background: linear-gradient(var(--sm-ray-core) 20%, #fff2cf 43%, #fff 53%, var(--sm-ray-core) 80%) left 0 / 1px 10px repeat-y, linear-gradient(var(--sm-ray-core) 20%, #fff2cf 43%, #fff 53%, var(--sm-ray-core) 80%) right 5px / 1px 10px repeat-y; background-origin: border-box; animation: sm-current-down 1.3s linear infinite; }
  .sm-collection-tools { gap: 12px; }
  .sm-choice-content { min-height: 89px; padding: 13px 16px 11px; }
  .sm-choice-name { font-size: 13px; }
  .sm-choice-latin { font-size: 10px; }
  .sm-choice-description { margin-top: 10px; font-size: 10px; }
  .sm-glyph { width: 70px; height: 48px; top: 20px; right: 22px; opacity: .4; }
  .sm-preview { padding-inline: 12px; }
  .sm-search { padding-left: 12px; gap: 8px; }
  .sm-search input { font-size: 14px; }
  .sm-replay { font-size: 9px; }
  .sm-preview-bottom { gap: 8px; }
  .sm-title-row { gap: 12px; }
  .sm-engine { --sm-engine-radius: 13px; height: 38px; padding: 0 11px; font-size: 10.5px; letter-spacing: .5px; }
}
@media (max-width: 359px) {
  .sm-heading { flex-direction: column; gap: 16px; }
  .sm-heading-copy { width: 100%; }
  .sm-heading-actions { align-self: flex-end; }
}
@media (pointer: coarse) {
  .wp-random.sm-toggle { min-height: 44px; }
  .sm-replay, .sm-done { min-height: 40px; }
}
/* Keep all six studies together on the tablet's landscape canvas. */
@media (min-width: 561px) and (max-height: 820px) {
  .sheet.wide.search-motion-sheet { padding: 20px 28px 14px; }
  .sm-eyebrow { margin-bottom: 6px; }
  .sm-title { font-size: 26px; }
  .sm-subtitle { margin-top: 4px; }
  .sm-engine { height: 38px; padding: 0 12px; font-size: 10.5px; }
  .sm-preview { margin-top: 15px; padding: 12px 18px 9px; }
  .sm-stage { padding: 17px 0 16px; }
  .sm-collection { margin-top: 15px; }
  .sm-collection legend { margin-bottom: 12px; }
  .sm-grid { --sm-gap: 8px; }
  .sm-choice-content { min-height: 80px; padding: 10px 14px 8px; }
  .sm-choice-latin { margin-top: 3px; }
  .sm-choice-description { margin-top: 7px; }
  .sm-glyph { top: 18px; }
  .sm-footer { margin-top: 13px; padding-top: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  .sm-panel *, .sm-panel *::before, .sm-panel *::after { transition: none !important; animation: none !important; }
}

.sm-speed { display: inline-flex; gap: 2px; padding: 2px; border: 1px solid var(--sm-line); border-radius: 7px; }
.sm-speed button { padding: 5px 7px; border-radius: 4px; font: 9px/1.5 var(--mono); color: var(--ink-3); white-space: nowrap; }
.sm-speed button[aria-pressed="true"] { background: var(--sm-selected); color: var(--sm-gold); }
.sm-preview-bottom { flex-wrap: wrap; gap: 8px; }

/* Pro max — warm platinum glass, without changing the established sizing. */
.sm-engine {
  border-color: rgba(255, 249, 232, .68);
  background: linear-gradient(155deg, rgba(255, 253, 246, .67), rgba(242, 221, 188, .4));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .65), 0 3px 12px rgba(70, 52, 30, .045);
}
.sm-engine:active { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .65), 0 2px 7px rgba(70, 52, 30, .04); }
@media (hover: hover) { .sm-engine:hover { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .76), 0 4px 14px rgba(70, 52, 30, .07); } }
:root[data-theme="dark"] .sm-engine {
  border-color: rgba(246, 226, 192, .32);
  background: linear-gradient(155deg, rgba(236, 219, 187, .24), rgba(181, 155, 112, .13));
  box-shadow: inset 0 1px 0 rgba(255, 246, 224, .23), 0 3px 12px rgba(0, 0, 0, .08);
}
.wp-random.sm-random[aria-pressed="true"] { color: #a68a50; }
.wp-random.sm-random .wp-track { border-color: #c8b37f; }
.wp-random.sm-random .wp-knob { background: linear-gradient(145deg, #fff8dd, #c3a261); }
.wp-random.sm-random[aria-pressed="true"] .wp-track {
  border-color: #d0b981;
  background: linear-gradient(145deg, #bba06a 0%, #e7d6a5 39%, #fff4d2 48%, #d3b878 60%, #b99b60 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 245, .7), inset 0 -1px 0 rgba(131, 105, 59, .16);
}
.wp-random.sm-random[aria-pressed="true"] .wp-knob { background: #fffbed; box-shadow: 0 1px 2px rgba(107, 83, 40, .2); }
:root[data-theme="dark"] .wp-random.sm-random[aria-pressed="true"] { color: #e5d4a6; }
:root[data-theme="dark"] .wp-random.sm-random[aria-pressed="true"] .wp-track { border-color: #e3cf99; background: linear-gradient(145deg, #c1a571, #f4e9c5 45%, #d6bb80 65%, #b99a5f); }
:root[data-theme="dark"] .wp-random.sm-random[aria-pressed="true"] .wp-knob { background: #fffbed; }

.sm-gap-laser-reverse { background: linear-gradient(270deg, transparent, #69acff 38%, #b4ddff 72%, #fff 93%, #d9eeff 98%, transparent); }
.sm-gap-laser-vertical.sm-gap-laser-reverse { background: linear-gradient(0deg, transparent, #69acff 38%, #b4ddff 72%, #fff 93%, #d9eeff 98%, transparent); }

/* 4.8.6 — compact primary entry, quiet secondary switch; satin platinum gold. */
.sm-heading-actions { gap: 12px; min-width: 144px; padding-top: 1px; }
.sm-engine { height: 34px; padding: 0 11px; --sm-engine-radius: 11px; font-size: 10.5px; font-weight: 500; letter-spacing: .4px; }
.wp-random.interaction-toolbar.sm-simulation { min-height: 30px; padding: 4px 9px; border-radius: 10px; font-size: 10.5px; letter-spacing: .25px; gap: 8px; }
.sm-panel .sm-simulation:focus-visible { border-radius: 10px; }
/* The lettering carries its own metal highlight rather than inheriting flat gold. */
.sm-collection legend .sm-random[aria-pressed="true"] [lang="en"] {
  color: #a48e61;
  background: linear-gradient(165deg, #8c7d60 0%, #bda779 27%, #eee8d7 43%, #d3c5a2 53%, #a88f58 72%, #c9b78c 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 .35px .35px rgba(104, 87, 52, .1);
}
.wp-random.sm-random[aria-pressed="true"] .wp-track {
  border-color: #bcaa80;
  background: linear-gradient(145deg, #b49e72, #d8c9a4 39%, #e5dbc0 48%, #cbb582 63%, #b59e6d);
  box-shadow: inset 0 1px 0 rgba(255, 250, 230, .32), inset 0 -1px 0 rgba(131, 105, 59, .12);
}
.wp-random.sm-random[aria-pressed="true"] .wp-knob { background: #e9e3d2; box-shadow: 0 1px 2px rgba(107, 83, 40, .13); }
:root[data-theme="dark"] .sm-collection legend .sm-random[aria-pressed="true"] [lang="en"] {
  background-image: linear-gradient(165deg, #b6a078, #d6c6a0 27%, #ede8da 43%, #d3c5a2 56%, #bba06c 75%, #d7c7a2);
  text-shadow: none;
}
:root[data-theme="dark"] .wp-random.sm-random[aria-pressed="true"] .wp-track { border-color: #c5b289; background: linear-gradient(145deg, #b49e72, #d9ceb0 43%, #c6ae7b 65%, #ad9462); }
:root[data-theme="dark"] .wp-random.sm-random[aria-pressed="true"] .wp-knob { background: #e4ddcc; }
@media (max-width: 400px) {
  .sm-heading { gap: 12px; }
  .sm-heading-actions { min-width: 140px; }
  .wp-random.interaction-toolbar.sm-simulation { padding-inline: 8px; font-size: 10px; }
}

/* 4.8.7 — precise entry offsets; tide parked; pearl-white platinum lettering. */
.sm-engine { position: relative; top: 3px; left: -1.5px; }
.wp-random.interaction-toolbar.sm-simulation { position: relative; top: 5.5px; }
.sm-random-on .sm-grid::before { animation: none; opacity: 0; }
.sm-collection legend .sm-random[aria-pressed] [lang="en"] {
  color: #d3c5a2;
  background-image:
    radial-gradient(ellipse 3px 2px at 56% 26%, rgba(240, 238, 230, .46) 0%, rgba(240, 238, 230, .2) 58%, rgba(240, 238, 230, 0) 100%),
    linear-gradient(45deg, transparent 34%, rgba(249, 247, 240, .58) 49%, transparent 64%),
    linear-gradient(135deg, #eeece3 0%, #e3ddca 24%, #d3c5a2 47%, #d7ccb1 67%, #f0eee6 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
}
:root[data-theme="dark"] .sm-collection legend .sm-random[aria-pressed] [lang="en"] {
  background-image:
    radial-gradient(ellipse 3px 2px at 56% 26%, rgba(242, 240, 232, .44) 0%, rgba(242, 240, 232, .19) 58%, rgba(242, 240, 232, 0) 100%),
    linear-gradient(45deg, transparent 34%, rgba(251, 249, 241, .5) 49%, transparent 64%),
    linear-gradient(135deg, #f0eee6 0%, #e5decb 24%, #d7cbaa 47%, #ddd3bb 67%, #f2f0e8 100%);
}

/* 4.8.7 pro max — proportional lettering avoids a compressed monospace m. */
.sm-collection legend .sm-random [lang="en"] {
  font-family: var(--sans);
  font-kerning: normal;
}
.wp-random.interaction-toolbar.sm-simulation { left: 5.37px; }

/* 5.1.3 · 指向「无限模拟发射循环」的手绘箭头，手绘笔触，颜色同「开启搜索动效」开关里的浅薄荷绿 */
.sm-simulation .sm-sim-hint { position: absolute; right: calc(100% + 15px); top: -26.25px; width: 34px; height: 42px; color: var(--sm-mint-knob); pointer-events: none; overflow: visible; transform: rotate(10deg); transform-origin: 50% 50%; }
/* 按钮里的 svg 通用规则会把它改成描边空心，这里明确要实心墨迹 */
.wp-random.sm-simulation .sm-sim-hint, .wp-random.sm-simulation .sm-sim-hint path { fill: currentColor !important; stroke: none !important; }
@media (max-width: 560px) { .sm-simulation .sm-sim-hint { display: none; } }