.experience-nav,
.quick-experience {
  --quick-bg:#f4f8f8;
  --quick-bg-end:color-mix(in oklab, var(--quick-bg) 84%, var(--quick-accent) 16%);
  --quick-surface:#fff;
  --quick-surface-strong:#e8f1f1;
  --quick-ink:#17272c;
  --quick-muted:#52676c;
  --quick-accent:#d86f91;
  --quick-accent-2:#61a9c6;
  --quick-accent-ink:#101b20;
  --quick-action:#263d46;
  --quick-action-end:color-mix(in oklab, var(--quick-action) 76%, var(--quick-accent-2) 24%);
  --quick-action-ink:#fff;
  --quick-danger-a:#86243f;
  --quick-danger-b:#aa3453;
  --quick-danger-ink:#fff;
  --quick-emphasis:#824158;
  --quick-border:rgba(23, 39, 44, .14);
  --quick-shadow:rgba(24, 48, 56, .16);
}
.experience-nav .sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  white-space:nowrap;
  border:0;
}
html[data-faction="dark"] .experience-nav,
html[data-faction="dark"] .quick-experience {
  --quick-bg:#10242c;
  --quick-surface:#18333d;
  --quick-surface-strong:#20434f;
  --quick-ink:#f2f7f7;
  --quick-muted:#c1d0d3;
  --quick-accent:#f0a3ba;
  --quick-accent-2:#83c4dd;
  --quick-accent-ink:#16262b;
  --quick-action:#f1d9df;
  --quick-action-ink:#24353b;
  --quick-danger-a:#86243f;
  --quick-danger-b:#aa3453;
  --quick-danger-ink:#fff;
  --quick-emphasis:#f0a3ba;
  --quick-border:rgba(238, 248, 248, .16);
  --quick-shadow:rgba(0, 0, 0, .34);
}
.experience-nav {
  position:relative;
  z-index:20;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:14px;
  width:min(calc(100% - 32px), 980px);
  margin:22px auto 10px;
  padding:9px 11px;
  border:1px solid var(--quick-border);
  border-radius:18px;
  color:var(--quick-ink);
  background:color-mix(in oklab, var(--quick-surface) 88%, transparent);
  box-shadow:0 12px 30px var(--quick-shadow);
  backdrop-filter:blur(14px);
}
.experience-nav__brand {
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:14px;
  color:var(--quick-accent-ink);
  background:linear-gradient(135deg, var(--quick-accent-2), var(--quick-accent));
  font-weight:950;
  letter-spacing:.05em;
  text-decoration:none;
}
.experience-nav__modes {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px;
  max-width:420px;
  padding:4px;
  border-radius:13px;
  background:var(--quick-surface-strong);
}
.experience-nav__modes button {
  min-height:38px;
  padding:7px 13px;
  border:0;
  border-radius:10px;
  color:var(--quick-ink);
  background:transparent;
  font:800 .88rem "Segoe UI", "Noto Sans TC", sans-serif;
  cursor:pointer;
}
.experience-nav__modes button[aria-pressed="true"] {
  color:var(--quick-action-ink);
  background:var(--quick-action);
  box-shadow:0 7px 18px var(--quick-shadow);
}
.experience-nav__locale {
  position:relative;
}
.experience-nav__locale-toggle {
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  padding:0;
  border:1px solid var(--quick-border);
  border-radius:12px;
  color:var(--quick-ink);
  background:color-mix(in oklab, var(--quick-surface) 90%, var(--quick-accent-2) 10%);
  box-shadow:0 5px 14px color-mix(in oklab, var(--quick-shadow) 58%, transparent);
  font:800 .94rem "Segoe UI", "Noto Sans TC", sans-serif;
  letter-spacing:.01em;
  cursor:pointer;
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.experience-nav__locale-toggle:hover {
  transform:translateY(-1px);
  border-color:color-mix(in oklab, var(--quick-accent-2) 56%, var(--quick-border));
}
.experience-nav__locale-toggle:focus-visible {
  outline:3px solid color-mix(in oklab, var(--quick-accent-2) 45%, transparent);
  outline-offset:2px;
}
.experience-nav__locale-toggle[aria-expanded="true"] {
  color:var(--quick-action-ink);
  background:var(--quick-action);
  box-shadow:0 7px 18px var(--quick-shadow);
}
.experience-nav__locale-menu {
  position:absolute;
  z-index:30;
  top:calc(100% + 9px);
  right:0;
  display:grid;
  min-width:148px;
  padding:7px;
  border:1px solid var(--quick-border);
  border-radius:14px;
  background:color-mix(in oklab, var(--quick-surface) 94%, transparent);
  box-shadow:0 16px 36px var(--quick-shadow);
  backdrop-filter:blur(18px);
}
.experience-nav__locale-menu[hidden] {
  display:none;
}
.experience-nav__locale-menu button {
  min-height:38px;
  padding:8px 11px;
  border:0;
  border-radius:9px;
  color:var(--quick-ink);
  background:transparent;
  font:750 .86rem "Segoe UI", "Noto Sans TC", sans-serif;
  text-align:left;
  cursor:pointer;
}
.experience-nav__locale-menu button:hover,
.experience-nav__locale-menu button:focus-visible {
  outline:none;
  background:var(--quick-surface-strong);
}
.experience-nav__locale-menu button[aria-checked="true"] {
  color:var(--quick-action-ink);
  background:var(--quick-action);
}
.quick-experience {
  position:relative;
  min-height:calc(100vh - 100px);
  overflow:hidden;
  color:var(--quick-ink);
}
.quick-experience__backdrop {
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 18%, color-mix(in oklab, var(--quick-accent-2) 28%, transparent) 0 11%, transparent 31%),
    radial-gradient(circle at 90% 34%, color-mix(in oklab, var(--quick-accent) 25%, transparent) 0 13%, transparent 34%),
    linear-gradient(155deg, var(--quick-bg), var(--quick-bg-end));
}
.quick-experience__container {
  position:relative;
  z-index:1;
  display:grid;
  width:min(calc(100% - 32px), 760px);
  min-height:calc(100vh - 110px);
  margin:0 auto;
  padding:clamp(34px, 7vw, 76px) 0 30px;
}
.quick-landing,
.quick-progress,
.quick-result,
.quick-standard-checkpoint {
  align-self:start;
  display:grid;
  gap:22px;
}
.quick-landing__hero {
  display:grid;
  gap:13px;
  text-align:center;
}
.quick-eyebrow {
  color:var(--quick-emphasis);
  font-size:.75rem;
  font-weight:950;
  letter-spacing:.18em;
}
.quick-landing h1,
.quick-progress h1,
.quick-standard-checkpoint h1 {
  max-width:680px;
  margin:0 auto;
  font-family:Georgia, "Noto Serif TC", serif;
  font-size:clamp(2.35rem, 8vw, 4.8rem);
  line-height:1.05;
  text-wrap:balance;
}
.quick-landing__hero p,
.quick-progress p {
  max-width:600px;
  margin:0 auto;
  color:var(--quick-muted);
  font-size:clamp(.98rem, 2.5vw, 1.12rem);
  line-height:1.75;
}
.quick-prompt {
  display:grid;
  gap:10px;
  padding:22px clamp(20px, 5vw, 34px);
  border:1px solid var(--quick-border);
  border-radius:24px;
  background:var(--quick-surface);
  box-shadow:0 18px 45px var(--quick-shadow);
}
.quick-prompt > span {
  color:var(--quick-muted);
  font-size:.78rem;
  font-weight:850;
}
.quick-prompt blockquote {
  margin:0;
  font-family:Georgia, "Noto Serif TC", serif;
  font-size:clamp(1.2rem, 4vw, 1.7rem);
  font-weight:750;
  line-height:1.65;
}
.quick-prompt small {
  color:var(--quick-muted);
  line-height:1.55;
}
.quick-primary,
.quick-secondary,
.quick-link {
  width:100%;
  min-height:54px;
  padding:12px 20px;
  border-radius:16px;
  font:850 1rem "Segoe UI", "Noto Sans TC", sans-serif;
  cursor:pointer;
}
.quick-primary {
  border:0;
  color:var(--quick-action-ink);
  background:linear-gradient(110deg, var(--quick-action), var(--quick-action-end));
  box-shadow:0 16px 34px var(--quick-shadow);
}
.quick-primary--stop {
  color:var(--quick-danger-ink);
  background:linear-gradient(110deg, var(--quick-danger-a), var(--quick-danger-b));
}
.quick-secondary {
  border:1px solid var(--quick-border);
  color:var(--quick-ink);
  background:var(--quick-surface);
}
.quick-link {
  min-height:42px;
  border:0;
  color:var(--quick-muted);
  background:transparent;
  text-decoration:underline;
  text-underline-offset:4px;
}
.quick-actions {
  display:grid;
  gap:0;
}
.quick-actions__or {
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:10px;
  margin:4px 0;
  color:var(--quick-muted);
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.quick-actions__or > span:first-child,
.quick-actions__or > span:last-child {
  height:1px;
  background:var(--quick-border);
}
.quick-upload-label {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:44px;
  padding:10px 16px;
  border-radius:14px;
  border:1.5px dashed var(--quick-border);
  color:var(--quick-muted);
  background:transparent;
  font:750 .9rem "Segoe UI", "Noto Sans TC", sans-serif;
  cursor:pointer;
  user-select:none;
  -webkit-tap-highlight-color:transparent;
  transition:color .18s, border-color .18s, background .18s;
}
.quick-upload-label:hover {
  color:var(--quick-ink);
  border-color:color-mix(in oklab, var(--quick-accent-2) 70%, var(--quick-border));
  background:color-mix(in oklab, var(--quick-accent-2) 7%, transparent);
}
.quick-upload-label:active {
  opacity:.7;
}
.quick-upload-icon {
  font-size:1rem;
  line-height:1;
  flex-shrink:0;
  opacity:.7;
}
.quick-file-input {
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip:rect(0,0,0,0);
  border:0;
}
.quick-standard-cta {
  min-height:34px;
  margin-top:-10px;
  padding:4px 12px;
  font-size:.88rem;
}
.quick-primary:disabled,
.quick-secondary:disabled {
  cursor:not-allowed;
  opacity:.46;
}
.quick-trust {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
}
.quick-trust span {
  padding:6px 10px;
  border:1px solid var(--quick-border);
  border-radius:999px;
  color:var(--quick-muted);
  background:color-mix(in oklab, var(--quick-surface) 72%, transparent);
  font-size:.75rem;
  font-weight:750;
}
.quick-history {
  display:flex;
  justify-content:center;
  gap:7px;
  color:var(--quick-muted);
  font-size:.86rem;
}
.quick-history strong {
  color:var(--quick-ink);
}
.quick-challenge-invite {
  display:grid;
  gap:4px;
  padding:13px 16px;
  border-left:4px solid var(--quick-accent);
  border-radius:0 14px 14px 0;
  background:var(--quick-surface);
}
.quick-challenge-invite span {
  color:var(--quick-muted);
  font-size:.75rem;
}
.quick-embedded-fast {
  display:grid;
  gap:5px;
  padding:14px 16px;
  border:1px solid color-mix(in oklab, var(--quick-accent) 55%, var(--quick-border));
  border-radius:16px;
  color:var(--quick-ink);
  background:color-mix(in oklab, var(--quick-surface) 86%, var(--quick-accent) 14%);
}
.quick-embedded-fast strong {
  font-size:.9rem;
}
.quick-embedded-fast span,
.quick-embedded-fast small {
  color:var(--quick-muted);
  line-height:1.55;
}
.quick-embedded-fast small {
  font-size:.75rem;
}
.quick-progress {
  align-self:center;
  justify-items:center;
  text-align:center;
}
.quick-progress__orb {
  position:relative;
  width:170px;
  height:170px;
}
.quick-progress__orb span {
  position:absolute;
  inset:0;
  border-radius:50%;
  background:color-mix(in oklab, var(--quick-accent-2) 52%, transparent);
  animation:quick-pulse 1.8s ease-in-out infinite;
}
.quick-progress__orb span:nth-child(2) {
  inset:22px;
  background:color-mix(in oklab, var(--quick-accent) 58%, transparent);
  animation-delay:.2s;
}
.quick-progress__orb span:nth-child(3) {
  inset:48px;
  background:linear-gradient(135deg, var(--quick-accent-2), var(--quick-accent));
  animation-delay:.4s;
}
.quick-progress__timer {
  font-family:Georgia, serif;
  font-size:2rem;
  letter-spacing:.08em;
}
.quick-progress__prompt {
  max-width:620px;
  padding:14px 18px;
  border:1px solid var(--quick-border);
  border-radius:16px;
  color:var(--quick-ink);
  background:var(--quick-surface);
  font-family:Georgia, "Noto Serif TC", serif;
  font-size:clamp(1rem, 3vw, 1.25rem);
  font-weight:700;
  line-height:1.6;
}
.quick-progress .quick-primary {
  max-width:420px;
}
.quick-standard-checkpoint {
  align-self:center;
  justify-items:center;
  padding:clamp(28px, 7vw, 54px);
  border:1px solid var(--quick-border);
  border-radius:28px;
  background:var(--quick-surface);
  box-shadow:0 22px 58px var(--quick-shadow);
  text-align:center;
}
.quick-standard-checkpoint > strong {
  color:var(--quick-emphasis);
  font-size:1.2rem;
}
.quick-standard-checkpoint .quick-primary {
  max-width:420px;
}
.quick-standard-scores {
  display:flex;
  justify-content:center;
  gap:10px;
}
.quick-standard-scores span {
  display:grid;
  gap:3px;
  min-width:64px;
  padding:9px 12px;
  border-radius:13px;
  color:var(--quick-muted);
  background:var(--quick-surface-strong);
  font-size:.72rem;
}
.quick-standard-scores strong {
  color:var(--quick-ink);
  font-family:Georgia, serif;
  font-size:1.35rem;
}
.quick-result {
  padding:clamp(22px, 5vw, 42px);
  border:1px solid var(--quick-border);
  border-radius:32px;
  background:color-mix(in oklab, var(--quick-surface) 92%, transparent);
  box-shadow:0 22px 58px var(--quick-shadow);
}
.quick-result__score {
  display:grid;
  justify-items:center;
  gap:13px;
  padding:12px 0 18px;
}
.quick-result__tendency-label {
  color:var(--quick-muted);
  font-size:.78rem;
  font-weight:850;
}
.quick-result__tendency {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(24px, 8vw, 72px);
  width:min(100%, 560px);
}
.quick-result__tendency article {
  display:grid;
  justify-items:center;
  gap:4px;
}
.quick-result__tendency article > span {
  color:var(--quick-muted);
  font-size:.82rem;
  font-weight:850;
}
.quick-result__tendency strong,
.quick-result__unavailable {
  color:var(--quick-emphasis);
  font-family:Georgia, serif;
  font-size:clamp(3.1rem, 12vw, 5.7rem);
  line-height:1;
}
.quick-result__masculine strong {
  color:var(--quick-ink);
}
.quick-result__tendency-meter {
  display:flex;
  width:min(100%, 560px);
  height:14px;
  overflow:hidden;
  border-radius:999px;
  background:var(--quick-surface-strong);
}
.quick-result__tendency-meter span {
  background:var(--quick-accent);
}
.quick-result__tendency-meter i {
  background:var(--quick-accent-2);
}
.quick-result__score small {
  color:var(--quick-muted);
  font-size:.74rem;
  font-weight:800;
}
.quick-result__refine {
  position:relative;
  isolation:isolate;
  display:grid;
  gap:13px;
  width:min(100%, 560px);
  margin:0 auto;
  padding:16px;
  overflow:hidden;
  border:1px solid color-mix(in oklab, var(--quick-accent) 46%, var(--quick-border));
  border-radius:22px;
  background:
    radial-gradient(circle at 92% -24%, color-mix(in oklab, var(--quick-accent) 30%, transparent), transparent 46%),
    linear-gradient(145deg, color-mix(in oklab, var(--quick-surface) 88%, var(--quick-accent-2) 12%), var(--quick-surface));
  box-shadow:0 14px 34px color-mix(in oklab, var(--quick-shadow) 66%, transparent), inset 0 1px 0 color-mix(in oklab, #fff 38%, transparent);
}
.quick-result__refine::after {
  content:"";
  position:absolute;
  z-index:-1;
  right:-34px;
  bottom:-62px;
  width:130px;
  height:130px;
  border:1px solid color-mix(in oklab, var(--quick-accent-2) 30%, transparent);
  border-radius:50%;
  box-shadow:0 0 0 18px color-mix(in oklab, var(--quick-accent-2) 6%, transparent);
}
.quick-result__refine-head {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
}
.quick-result__refine-head span {
  color:var(--quick-emphasis);
  font-size:.65rem;
  font-weight:900;
  letter-spacing:.14em;
}
.quick-result__refine-head strong {
  color:var(--quick-ink);
  font-size:.92rem;
}
.quick-result__refine-actions {
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:9px;
}
.quick-result__refine-action {
  display:grid;
  grid-template-columns:auto minmax(0, 1fr) auto;
  align-items:center;
  gap:9px;
  min-width:0;
  min-height:68px;
  padding:9px 11px 9px 9px;
  border:1px solid color-mix(in oklab, var(--quick-accent-2) 32%, var(--quick-border));
  border-radius:16px;
  color:var(--quick-ink);
  background:color-mix(in oklab, var(--quick-surface-strong) 86%, transparent);
  box-shadow:0 7px 18px color-mix(in oklab, var(--quick-shadow) 48%, transparent);
  text-align:left;
  cursor:pointer;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.quick-result__refine-action:only-child {
  grid-column:1/-1;
}
.quick-result__refine-action--retry {
  grid-template-columns:auto minmax(0, 1fr);
  border-color:color-mix(in oklab, var(--quick-accent) 52%, var(--quick-border));
  background:linear-gradient(135deg, color-mix(in oklab, var(--quick-surface) 72%, var(--quick-accent) 28%), var(--quick-surface));
}
.quick-result__refine-action:hover {
  transform:translateY(-2px);
  border-color:color-mix(in oklab, var(--quick-accent) 74%, var(--quick-border));
  background:color-mix(in oklab, var(--quick-surface) 76%, var(--quick-accent) 24%);
  box-shadow:0 11px 24px color-mix(in oklab, var(--quick-shadow) 68%, transparent);
}
.quick-result__refine-action:active {
  transform:scale(.985);
}
.quick-result__refine-action:focus-visible {
  outline:3px solid color-mix(in oklab, var(--quick-accent) 38%, transparent);
  outline-offset:3px;
}
.quick-result__refine-action:disabled {
  cursor:progress;
  opacity:.72;
}
.quick-result__refine-icon {
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  padding-left:2px;
  border-radius:50%;
  color:var(--quick-accent-ink);
  background:linear-gradient(135deg, var(--quick-accent), var(--quick-accent-2));
  box-shadow:0 6px 18px color-mix(in oklab, var(--quick-accent) 38%, transparent);
  font-size:1.05rem;
}
.quick-result__refine-icon--play {
  font-size:.84rem;
}
.quick-result__refine-copy {
  display:grid;
  gap:1px;
  min-width:0;
}
.quick-result__refine-copy small {
  overflow:hidden;
  color:var(--quick-muted);
  font-size:.64rem;
  font-weight:750;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.quick-result__refine-copy strong {
  font-size:.88rem;
}
.quick-result__replay-wave {
  display:flex;
  align-items:center;
  gap:3px;
  height:22px;
}
.quick-result__replay-wave i {
  width:3px;
  height:8px;
  border-radius:99px;
  background:color-mix(in oklab, var(--quick-accent) 76%, var(--quick-muted));
}
.quick-result__replay-wave i:nth-child(2),
.quick-result__replay-wave i:nth-child(4) {
  height:15px;
}
.quick-result__replay-wave i:nth-child(3) {
  height:21px;
}
.quick-result__identity {
  display:grid;
  grid-template-columns:1.12fr 1fr 1fr;
  gap:12px;
}
.quick-standard-summary {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.quick-standard-summary > div {
  display:grid;
  gap:6px;
  padding:15px 17px;
  border:1px solid var(--quick-border);
  border-radius:16px;
  background:var(--quick-surface-strong);
}
.quick-standard-summary span,
.quick-standard-summary small {
  color:var(--quick-muted);
  font-size:.76rem;
}
.quick-standard-summary strong {
  font-size:1.08rem;
}
.quick-result__identity article,
.quick-result__insight,
.quick-comparison,
.quick-share-composer {
  padding:17px 19px;
  border:1px solid var(--quick-border);
  border-radius:18px;
  background:var(--quick-surface);
}
.quick-result__identity article {
  display:grid;
  align-content:center;
  gap:7px;
  min-width:0;
}
.quick-result__identity span,
.quick-result__insight span,
.quick-comparison > span {
  color:var(--quick-muted);
  font-size:.76rem;
  font-weight:800;
}
.quick-result__identity strong {
  font-size:1.18rem;
}
.quick-result__identity .quick-result__pitch {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:color-mix(in oklab, var(--quick-accent-2) 42%, var(--quick-border));
  background:
    radial-gradient(circle at 88% 12%, color-mix(in oklab, var(--quick-accent) 26%, transparent) 0 12%, transparent 42%),
    linear-gradient(145deg, color-mix(in oklab, var(--quick-surface) 82%, var(--quick-accent-2) 18%), var(--quick-surface));
  box-shadow:inset 0 1px 0 color-mix(in oklab, #fff 35%, transparent);
}
.quick-result__pitch::after {
  content:"";
  position:absolute;
  z-index:-1;
  right:-32px;
  bottom:-44px;
  width:116px;
  height:116px;
  border:1px solid color-mix(in oklab, var(--quick-accent-2) 36%, transparent);
  border-radius:50%;
  box-shadow:0 0 0 20px color-mix(in oklab, var(--quick-accent-2) 7%, transparent);
}
.quick-result__pitch-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.quick-result__pitch-wave,
.advanced-experience__pitch-wave {
  display:inline-flex;
  align-items:center;
  gap:3px;
  height:18px;
}
.quick-result__pitch-wave i,
.advanced-experience__pitch-wave i {
  display:block;
  width:3px;
  height:7px;
  border-radius:99px;
  background:linear-gradient(to top, var(--quick-accent-2), var(--quick-accent));
  transform-origin:center;
}
.quick-result__pitch-wave i:nth-child(2),
.quick-result__pitch-wave i:nth-child(4) {
  height:13px;
}
.quick-result__pitch-wave i:nth-child(3) {
  height:18px;
}
.quick-result__identity .quick-result__pitch-value {
  display:flex;
  align-items:baseline;
  gap:6px;
  color:var(--quick-emphasis);
  font-family:Georgia, "Noto Serif TC", serif;
  font-size:clamp(1.9rem, 5vw, 2.7rem);
  line-height:1;
}
.quick-result__pitch-value b {
  font:inherit;
}
.quick-result__pitch-value small {
  color:var(--quick-muted);
  font:850 .8rem "Segoe UI", "Noto Sans TC", sans-serif;
  letter-spacing:.08em;
}
.quick-result__identity .quick-result__pitch-hint {
  max-width:22ch;
  color:var(--quick-muted);
  font-size:.7rem;
  line-height:1.45;
}
@media (prefers-reduced-motion:no-preference) {
  .quick-result__identity article {
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  }
  .quick-result__identity article:hover {
    transform:translateY(-3px);
    border-color:color-mix(in oklab, var(--quick-accent-2) 44%, var(--quick-border));
    box-shadow:0 12px 28px color-mix(in oklab, var(--quick-shadow) 72%, transparent);
  }
}
.quick-result__insight {
  display:grid;
  gap:7px;
  border-left:4px solid var(--quick-accent-2);
}
.quick-result__insight strong {
  line-height:1.6;
}
.quick-result__disclaimer {
  margin:0;
  color:var(--quick-muted);
  font-size:.76rem;
  line-height:1.6;
}
.quick-result__actions {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.quick-result__actions .quick-primary {
  grid-column:1/-1;
}
.quick-result__actions .quick-link {
  grid-column:1/-1;
}
.quick-comparison {
  display:grid;
  justify-items:center;
  gap:10px;
}
.quick-comparison div {
  display:flex;
  align-items:center;
  gap:16px;
}
.quick-comparison div strong {
  font-family:Georgia, serif;
  font-size:2.5rem;
}
.quick-comparison i {
  color:var(--quick-muted);
  font-size:.75rem;
}
.quick-comparison p {
  margin:0;
  font-weight:850;
}
.quick-share-shortcuts {
  position:relative;
  display:grid;
  gap:16px;
  overflow:hidden;
  padding:21px;
  border:1px solid color-mix(in oklab, var(--quick-emphasis) 34%, var(--quick-border));
  border-radius:22px;
  background:
    radial-gradient(circle at 92% 0, color-mix(in oklab, var(--quick-emphasis) 20%, transparent), transparent 44%),
    linear-gradient(145deg, var(--quick-surface-strong), var(--quick-surface));
  box-shadow:0 18px 42px rgba(20,31,35,.12), inset 0 1px rgba(255,255,255,.12);
}
.quick-share-shortcuts::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(110deg, transparent 0 42%, rgba(255,255,255,.08) 52%, transparent 62%);
  opacity:.7;
}
.quick-share-shortcuts__copy,
.quick-share-shortcuts__buttons {
  position:relative;
  z-index:1;
}
.quick-share-shortcuts__copy {
  display:grid;
  gap:5px;
}
.quick-share-shortcuts__copy strong {
  font-size:1.05rem;
  letter-spacing:.01em;
}
.quick-share-shortcuts__copy small {
  color:var(--quick-muted);
  font-size:.79rem;
  line-height:1.6;
  max-width:52ch;
}
.quick-share-shortcuts__buttons {
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}
.quick-share-shortcuts__buttons button {
  --platform-a:#141414;
  --platform-b:#363636;
  --platform-shadow:rgba(0,0,0,.2);
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:10px;
  min-height:60px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  color:#fff;
  background:linear-gradient(145deg, var(--platform-a), var(--platform-b));
  box-shadow:0 10px 24px var(--platform-shadow), inset 0 1px rgba(255,255,255,.15);
  font:850 .82rem "Segoe UI", "Noto Sans TC", sans-serif;
  cursor:pointer;
  text-align:left;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.quick-share-shortcuts__buttons button:not(:disabled):hover {
  transform:translateY(-2px);
  box-shadow:0 14px 30px var(--platform-shadow), inset 0 1px rgba(255,255,255,.18);
  filter:saturate(1.06);
}
.quick-share-shortcuts__buttons button:not(:disabled):active {
  transform:translateY(0) scale(.985);
}
.quick-share-shortcuts__buttons button:disabled {
  cursor:wait;
  opacity:.55;
}
.quick-share-shortcuts__buttons button[data-quick-platform="x"] {
  --platform-a:#080a0c;
  --platform-b:#26313a;
  --platform-shadow:rgba(7,15,20,.26);
}
.quick-share-shortcuts__buttons button[data-quick-platform="threads"] {
  --platform-a:#241b25;
  --platform-b:#624253;
  --platform-shadow:rgba(55,29,46,.25);
}
.quick-share-shortcuts__buttons button[data-quick-platform="line"] {
  --platform-a:#06c755;
  --platform-b:#078f43;
  --platform-shadow:rgba(5,150,65,.24);
}
.quick-share-shortcuts__mark {
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:11px;
  background:rgba(255,255,255,.1);
  box-shadow:inset 0 1px rgba(255,255,255,.15);
  font-size:1rem;
  font-weight:950;
  letter-spacing:-.04em;
}
.quick-share-shortcuts__buttons button[data-quick-platform="line"] .quick-share-shortcuts__mark {
  font-size:.61rem;
  letter-spacing:-.07em;
}
.quick-share-shortcuts__label {
  overflow:hidden;
  text-overflow:ellipsis;
}
.quick-share-shortcuts__arrow {
  opacity:.72;
  font-size:1rem;
  transform:translateY(-1px);
}
.quick-share-shortcuts__buttons button:focus-visible {
  outline:3px solid var(--quick-emphasis);
  outline-offset:3px;
}
.quick-share-composer {
  display:grid;
  gap:12px;
}
.quick-share-composer h2 {
  margin:0;
  font-family:Georgia, "Noto Serif TC", serif;
}
.quick-dynamic-card {
  display:grid;
  gap:14px;
  padding:17px;
  border:1px solid var(--quick-border);
  border-radius:18px;
  background:var(--quick-surface-strong);
}
.quick-dynamic-card__head {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.quick-dynamic-card__head > div {
  display:grid;
  gap:5px;
}
.quick-dynamic-card__head span,
.quick-dynamic-output__badge {
  color:var(--quick-emphasis);
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.1em;
}
.quick-dynamic-card h3 {
  margin:0;
  font-family:Georgia, "Noto Serif TC", serif;
  font-size:1.3rem;
}
.quick-dynamic-card p,
.quick-dynamic-card small,
.quick-dynamic-loading {
  margin:0;
  color:var(--quick-muted);
  font-size:.78rem;
  line-height:1.55;
}
.quick-dynamic-close {
  display:grid;
  flex:0 0 auto;
  place-items:center;
  width:36px;
  height:36px;
  border:1px solid var(--quick-border);
  border-radius:50%;
  color:var(--quick-ink);
  background:var(--quick-surface);
  cursor:pointer;
}
.quick-dynamic-output {
  display:grid;
  gap:13px;
}
.quick-dynamic-output audio {
  width:100%;
}
.quick-dynamic-progress {
  display:grid;
  gap:9px;
}
.quick-dynamic-progress > span {
  font-weight:850;
}
.quick-dynamic-progress > div {
  height:10px;
  overflow:hidden;
  border-radius:999px;
  background:var(--quick-surface);
}
.quick-dynamic-progress i {
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg, var(--quick-accent), var(--quick-accent-2));
}
.quick-dynamic-output {
  justify-items:center;
}
.quick-dynamic-output video,
.quick-dynamic-output img {
  width:min(100%, 300px);
  max-height:534px;
  border:1px solid var(--quick-border);
  border-radius:20px;
  background:#101820;
  box-shadow:0 14px 32px var(--quick-shadow);
  object-fit:contain;
}
.quick-dynamic-actions {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  width:100%;
}
.quick-share-option {
  display:flex;
  align-items:flex-start;
  gap:11px;
  padding:12px;
  border-radius:14px;
  background:var(--quick-surface-strong);
}
.quick-share-option input {
  width:20px;
  height:20px;
  margin-top:2px;
}
.quick-share-option span {
  display:grid;
  gap:4px;
}
.quick-share-option small,
.quick-share-status {
  color:var(--quick-muted);
}
.quick-share-audio-warning {
  margin:0;
  padding:10px 12px;
  border-left:3px solid var(--quick-emphasis);
  border-radius:0 10px 10px 0;
  color:var(--quick-muted);
  background:var(--quick-surface-strong);
  font-size:.76rem;
  line-height:1.55;
}
.quick-share-status {
  margin:0;
  font-size:.76rem;
  line-height:1.55;
}
.quick-error {
  margin:0;
  padding:12px 15px;
  border-radius:14px;
  color:color-mix(in oklab, #b42318 78%, var(--quick-ink) 22%);
  background:color-mix(in oklab, #ef6d5f 14%, var(--quick-surface) 86%);
  font-weight:750;
}
.quick-footer {
  align-self:end;
  margin-top:36px;
  color:var(--quick-muted);
  font-size:.74rem;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
}
html[data-experience="quick"] body > .hero,
html[data-experience="quick"] body > #dropZone,
html[data-experience="quick"] body > #uploadFab,
html[data-experience="quick"] body > .footer {
  display:none !important;
}
html[data-experience="professional"] #quickExperience,
html[data-experience="professional"] #meter {
  display:none !important;
}
@keyframes quick-pulse {
  0%, 100% { transform:scale(.92); opacity:.66; }
  50% { transform:scale(1.04); opacity:1; }
}
@media (prefers-reduced-motion: reduce) {
  .quick-progress__orb span {
    animation:none;
  }
}
@media (max-width: 640px) {
  .experience-nav {
    grid-template-columns:auto minmax(0, 1fr) auto;
    gap:7px;
    width:calc(100% - 24px);
    margin-top:12px;
    padding:7px 8px;
  }
  .experience-nav__locale {
    grid-column:1/-1;
  }
  .experience-nav__locale select {
    width:100%;
    max-width:none;
  }
  .experience-nav__modes button {
    padding:7px 8px;
    font-size:.82rem;
  }
  .experience-nav__brand {
    width:38px;
    height:38px;
    border-radius:12px;
    font-size:.86rem;
  }
  .experience-nav__modes {
    min-width:0;
    padding:3px;
  }
  .experience-nav__locale {
    grid-column:auto;
  }
  .experience-nav__locale-toggle {
    width:36px;
    height:36px;
    border-radius:11px;
  }
  .experience-nav__modes button {
    min-height:34px;
    padding:6px 5px;
    font-size:.78rem;
  }
  .quick-experience__container {
    width:calc(100% - 28px);
    padding-top:34px;
  }
  .quick-result {
    padding:20px 16px;
    border-radius:24px;
  }
  .quick-result__refine {
    gap:11px;
    padding:13px;
    border-radius:19px;
  }
  .quick-result__refine-head {
    align-items:flex-start;
    flex-direction:column;
    gap:2px;
  }
  .quick-result__refine-actions {
    gap:7px;
  }
  .quick-result__refine-action {
    grid-template-columns:auto minmax(0, 1fr);
    min-height:70px;
    padding:8px;
  }
  .quick-result__refine-icon {
    width:35px;
    height:35px;
  }
  .quick-result__refine-copy small {
    font-size:.6rem;
  }
  .quick-result__refine-copy strong {
    font-size:.82rem;
  }
  .quick-result__replay-wave {
    display:none;
  }
  .quick-result__identity,
  .quick-standard-summary,
  .quick-result__actions {
    grid-template-columns:1fr;
  }
  .quick-result__actions .quick-link {
    grid-column:auto;
  }
  .quick-share-shortcuts__buttons {
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:7px;
  }
  .quick-share-shortcuts__buttons button {
    grid-template-columns:1fr;
    justify-items:center;
    gap:5px;
    min-height:82px;
    padding:10px 4px;
    text-align:center;
  }
  .quick-share-shortcuts__label {
    font-size:.72rem;
  }
  .quick-share-shortcuts__arrow {
    display:none;
  }
  .quick-dynamic-actions {
    grid-template-columns:1fr;
  }
}