:root{
  color-scheme: dark;

  /* 고발 패밀리 (SITE-DECISIONS §1, u21과 같은 단계) */
  --gv-bg:#0F1923;          /* 앱 Background */
  --gv-bg-deep:#0B141D;     /* 결과 히어로 바탕 */
  --gv-surface:#192433;     /* 카드 */
  --gv-surface-2:#212E3E;   /* 카드 안 칸, hover */
  --gv-raised:#2C3648;      /* 칩, 빈 막대 */
  --gv-line:rgba(255,255,255,.08);
  --gv-line-strong:rgba(255,255,255,.14);
  --gv-text:#F2F4F7;
  --gv-text-2:#A3AEBB;
  --gv-text-3:#8E9AA8;
  --gv-red:#FF4454;         /* 앱 Main */
  --gv-red-hover:#FF6270;
  --gv-red-press:#F2404F;
  --gv-red-text:#FF8A8D;    /* 남색 위 작은 빨간 글자 */
  --gv-red-soft:rgba(255,68,84,.12);
  --gv-on-red:#0F1923;      /* 빨간 면 위 글자. 흰 글자 금지 */
  --gv-focus:#FF8A8D;

  /* 공통 바닥 연결 (base.css) */
  --font-sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",system-ui,sans-serif;
  --focus:var(--gv-focus);
  --ys-line:var(--gv-line);
  --ys-muted:var(--gv-text-3);
  --ys-ink:var(--gv-text);
  --ys-container:var(--container);
  --ys-gutter:var(--gutter);
  --ys-skip-bg:var(--gv-text);
  --ys-skip-fg:var(--gv-bg);

  /* 간격·모양 */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-14:56px; --sp-16:64px; --sp-24:96px;
  --gutter:clamp(16px, 4.5vw, 32px);
  --container:1120px;
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:20px; --r-pill:999px;
  --tap:48px;
  --dur-fast:150ms; --dur-mid:280ms; --dur-pop:200ms; --dur-count:700ms;
  --ease-std:cubic-bezier(.4,0,.2,1);
  --ease-out:cubic-bezier(.16,1,.29,.99);
  --ease-pop:cubic-bezier(.22,1,.36,1);

  /* 선택 면 (Either 구조, 고발 색) */
  --ts-a:#1B2E44;  --ts-a-hover:#21374F;  --ts-a-edge:#7FB2E5;
  --ts-b:#3A1D27;  --ts-b-hover:#45232F;  --ts-b-edge:#FF8A8D;
  --ts-seam:4px; --ts-seam-lg:8px;
  --ts-pane-h:clamp(200px, calc((100vh - 392px) / 2), 320px);
  --ts-pane-h-lg:clamp(300px, calc(100vh - 430px), 520px);
  --ts-pane-h:clamp(200px, calc((100svh - 392px) / 2), 320px);     /* < 768 한 면 높이 */
  --ts-pane-h-lg:clamp(300px, calc(100svh - 430px), 520px);        /* ≥ 768 */
  --ts-puck:64px; --ts-puck-lg:80px; --ts-puck-ring:6px;
  --ts-pane-shadow:0 4px 10px rgba(0,0,0,.4);
  --ts-field-line:#6B7787;

  /* 결과 */
  --ts-score:64px; --ts-score-lg:104px;
  --ts-tile:88px;  --ts-tile-lg:112px; --ts-tile-tilt:4deg;
  --ts-me:var(--gv-red-text);   --ts-me-soft:rgba(255,68,84,.16);
  --ts-other:var(--ts-a-edge);  --ts-other-soft:rgba(127,178,229,.16);
  --ts-progress-h:6px;

  /* 타입 */
  --fs-h1:26px;  --fs-h1-lg:40px;  --lh-h1:1.35;
  --fs-title:22px; --fs-title-lg:30px;   /* 챌린지 제목(사용자 글) */
  --fs-q:20px;   --fs-q-lg:24px;   --lh-q:1.45;
  --fs-body:16px; --lh-body:1.7;
  --fs-sm:14px;  --lh-sm:1.6;
  --fs-cap:13px; --lh-cap:1.55;
}
body[data-page="taste-sync"]{
  margin:0; min-height:100vh; min-height:100dvh; display:flex; flex-direction:column;
  background:var(--gv-bg); color:var(--gv-text);
  font:400 var(--fs-body)/var(--lh-body) var(--font-sans);
  word-break:keep-all; overflow-wrap:anywhere;
}
html[lang="en"] body[data-page="taste-sync"]{ word-break:normal; }

body[data-page="taste-sync"] a {color:inherit;text-decoration:none}
body[data-page="taste-sync"] button {border:0;cursor:pointer}
body[data-page="taste-sync"] .icon {width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body[data-page="taste-sync"] .ts-shell,body[data-page="taste-sync"] .ts-top__in,body[data-page="taste-sync"] .ts-footer__in {width:min(var(--container),100% - 2*max(var(--gutter),env(safe-area-inset-left)));margin-inline:auto;min-width:0}
body[data-page="taste-sync"] .ts-shell {padding-block:16px 48px;flex:1}
body[data-page="taste-sync"] .ts-top {position:sticky;top:0;z-index:20;background:var(--gv-bg);padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--gv-line)}
body[data-page="taste-sync"] .ts-top__in {height:55px;display:flex;align-items:center;justify-content:space-between;gap:8px}
body[data-page="taste-sync"] .ts-brand {display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:17px;font-weight:800;letter-spacing:-.01em;white-space:nowrap}
body[data-page="taste-sync"] .ts-brand img {width:32px;height:32px;border-radius:8px;flex:none}
body[data-page="taste-sync"] .ts-top__actions {display:flex;align-items:center;gap:8px;min-width:0}
body[data-page="taste-sync"] .ts-navlink {height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border-radius:10px;font-size:14px;font-weight:600;color:var(--gv-text-2);gap:8px;white-space:nowrap}
body[data-page="taste-sync"] .ts-navlink:hover {background:var(--gv-surface);color:var(--gv-text)}
body[data-page="taste-sync"] .ts-navlink__ext .icon {width:15px;height:15px}
body[data-page="taste-sync"] .ts-navlink__icon {display:none}
body[data-page="taste-sync"] .projecta-language-picker {gap:0}
body[data-page="taste-sync"] .projecta-language-picker > span {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
body[data-page="taste-sync"] .projecta-language-select {height:44px;min-height:44px;max-width:150px;padding:0 30px 0 12px;border-radius:10px;background-color:var(--gv-surface);border:1px solid var(--gv-line-strong);font-size:14px;font-weight:600;color:var(--gv-text)}
body[data-page="taste-sync"] .projecta-language-select:focus-visible {outline:3px solid var(--gv-focus);outline-offset:2px}
body[data-page="taste-sync"] .ts-footer {margin-top:auto;border-top:1px solid var(--gv-line);background:var(--gv-bg-deep)}
body[data-page="taste-sync"] .ts-footer__in {padding:24px 0 8px}
body[data-page="taste-sync"] .ts-footer__brand {font-size:14px;font-weight:700;color:var(--gv-text-2)}
body[data-page="taste-sync"] .ts-footer__notice {font-size:13px;line-height:1.6;color:var(--gv-text-3)}
body[data-page="taste-sync"] .ts-footer__notice a {display:inline-flex;align-items:center;min-height:44px;color:var(--gv-red-text);text-decoration:underline;text-underline-offset:3px}
body[data-page="taste-sync"] .ys-studio__in a {min-width:44px;white-space:nowrap;word-break:keep-all}
body[data-page="taste-sync"] .ts-hero {max-width:760px;margin-bottom:16px}
body[data-page="taste-sync"] .ts-hero__invite {font-size:14px;font-weight:600;line-height:1.6;color:var(--gv-red-text)}
body[data-page="taste-sync"] #challengeTitle {margin-top:6px;font-size:var(--fs-title);font-weight:700;line-height:1.35;letter-spacing:-.01em}
body[data-page="taste-sync"] .ts-hero__note {display:flex;align-items:flex-start;gap:6px;margin-top:6px;font-size:13px;line-height:1.55;color:var(--gv-text-3)}
body[data-page="taste-sync"] .ts-hero__note .icon {width:15px;height:15px;margin-top:2px}
body[data-page="taste-sync"] .ts-exp {scroll-margin-top:80px;min-width:0}
body[data-page="taste-sync"] .app-shell[data-view="result"] .ts-hero__invite,body[data-page="taste-sync"] .app-shell[data-view="creator-result"] .ts-hero__invite,body[data-page="taste-sync"] .app-shell[data-view="error"] .ts-hero__invite,body[data-page="taste-sync"] .app-shell[data-view="result"] .ts-hero__note,body[data-page="taste-sync"] .app-shell[data-view="creator-result"] .ts-hero__note,body[data-page="taste-sync"] .app-shell[data-view="error"] .ts-hero__note {display:none}
body[data-page="taste-sync"] .app-shell[data-view="result"] #challengeTitle,body[data-page="taste-sync"] .app-shell[data-view="creator-result"] #challengeTitle,body[data-page="taste-sync"] .app-shell[data-view="error"] #challengeTitle {font-size:15px;font-weight:600;color:var(--gv-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}
body[data-page="taste-sync"] .ts-qmeta {display:flex;align-items:center;justify-content:space-between;height:28px;gap:12px}
body[data-page="taste-sync"] .ts-chip {border-radius:var(--r-pill);background:var(--gv-raised);font-size:13px;font-weight:600;line-height:20px;padding:4px 10px}
body[data-page="taste-sync"] .ts-qcount {font-size:14px;font-weight:700;color:var(--gv-red-text);font-variant-numeric:tabular-nums;white-space:nowrap}
body[data-page="taste-sync"] .ts-mode {margin-top:4px;font-size:13px;line-height:1.55;color:var(--gv-text-3)}
body[data-page="taste-sync"] .ts-progress {margin-top:8px;height:6px;border-radius:var(--r-pill);background:var(--gv-raised);overflow:hidden}
body[data-page="taste-sync"] .ts-progress__fill {display:block;width:100%;height:100%;background:var(--gv-red);transform-origin:left;transform:scaleX(var(--ts-progress,0));transition:transform var(--ys-dur-short) var(--ys-ease-emphasized)}
body[data-page="taste-sync"] .ts-last {width:fit-content;margin-top:12px;padding:10px 14px;border-radius:16px;background:var(--gv-red-soft);border:1px solid rgba(255,68,84,.4);font-size:14px;font-weight:600;line-height:1.5;color:var(--gv-red-text)}
body[data-page="taste-sync"] #questionTitle {margin-top:12px;font-size:var(--fs-q);font-weight:700;line-height:var(--lh-q);letter-spacing:-.01em}
body[data-page="taste-sync"] #questionTitle:focus:not(:focus-visible) {outline:none}
body[data-page="taste-sync"] #resultTitle:focus:not(:focus-visible),body[data-page="taste-sync"] #introTitle:focus:not(:focus-visible),body[data-page="taste-sync"] #errorTitle:focus:not(:focus-visible) {outline:none}
html.ts-script-focus body[data-page="taste-sync"] #resultTitle:focus,html.ts-script-focus body[data-page="taste-sync"] #introTitle:focus,html.ts-script-focus body[data-page="taste-sync"] #errorTitle:focus {outline:none}
body[data-page="taste-sync"] .ts-choices {position:relative;display:grid;grid-template-rows:var(--ts-pane-h) var(--ts-pane-h);gap:var(--ts-seam);margin-top:12px}
body[data-page="taste-sync"] .ts-pane {position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;border:0;color:var(--gv-text);box-shadow:var(--ts-pane-shadow);transition:scale var(--ys-dur-micro) var(--ys-ease-standard),opacity var(--ys-dur-short) var(--ys-ease-standard)}
body[data-page="taste-sync"] .ts-pane--a {--pane-edge:var(--ts-a-edge);background:var(--ts-a);border-radius:12px 12px 0 0}
body[data-page="taste-sync"] .ts-pane--b {--pane-edge:var(--ts-b-edge);background:var(--ts-b);border-radius:0 0 12px 12px}
body[data-page="taste-sync"] .choice:active {transform:scale(.98)}
body[data-page="taste-sync"] .choice:focus-visible {outline:3px solid var(--pane-edge);outline-offset:-3px}
body[data-page="taste-sync"] .ts-pane.is-picked {box-shadow:inset 0 0 0 2px var(--pane-edge),var(--ts-pane-shadow)}
body[data-page="taste-sync"] .has-pick .ts-pane {pointer-events:none}
body[data-page="taste-sync"] .has-pick .ts-pane:not(.is-picked) {opacity:.55}
body[data-page="taste-sync"] .ts-pane__badge {position:absolute;top:12px;left:12px;width:24px;height:24px;border-radius:6px;background:var(--gv-bg);display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--pane-edge)}
body[data-page="taste-sync"] .ts-pane__chip {position:absolute;top:12px;left:50%;translate:-50% 0;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--r-pill);background:var(--gv-text);color:var(--gv-bg);font-size:13px;font-weight:700;line-height:20px;white-space:nowrap;opacity:0;scale:.6;transition:opacity var(--ys-dur-micro) var(--ys-ease-standard),scale var(--ys-dur-spring) var(--ys-ease-spring);z-index:3}
body[data-page="taste-sync"] .ts-pane__chip .icon {width:14px;height:14px;stroke-width:2.5}
body[data-page="taste-sync"] .is-picked .ts-pane__chip {opacity:1;scale:1}
body[data-page="taste-sync"] .ts-pane__media {flex:1 1 auto;min-height:0;width:100%;display:grid;place-items:center;position:relative}
body[data-page="taste-sync"] .ts-pane__media img {max-width:86%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}
body[data-page="taste-sync"] .ts-pane__media--spray img {max-height:78%;aspect-ratio:1}
body[data-page="taste-sync"] .ts-pane__media--card img {max-width:100%;width:100%;border-radius:8px;filter:none}
body[data-page="taste-sync"] .ts-pane__media.is-loading img {opacity:0}
body[data-page="taste-sync"] .ts-pane__media.is-loading::after {content:"";position:absolute;width:60%;height:40%;border-radius:12px;background:rgba(255,255,255,.06);animation:ts-image-pulse 1.2s ease-in-out infinite alternate}
body[data-page="taste-sync"] .ts-pane__fallback {display:none;flex-direction:column;align-items:center;gap:8px;font-size:13px;line-height:1.5;color:var(--gv-text-2);text-align:center}
body[data-page="taste-sync"] .ts-pane__fallback .icon {width:28px;height:28px;color:var(--gv-text-3)}
body[data-page="taste-sync"] .is-missing img {display:none}
body[data-page="taste-sync"] .is-missing .ts-pane__fallback {display:flex}
body[data-page="taste-sync"] .ts-pane__label {word-break:keep-all;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:-.01em;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.45);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%;flex:none}
body[data-page="taste-sync"] .ts-pane__text {word-break:keep-all;font-size:22px;font-weight:700;line-height:1.35;text-align:center;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding:0 8px;max-width:100%}
body[data-page="taste-sync"] .ts-vs {position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:2;width:var(--ts-puck);height:var(--ts-puck);background:var(--gv-bg);border:var(--ts-puck-ring) solid rgba(0,0,0,.25);background-clip:padding-box;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:800;color:var(--gv-red-text);pointer-events:none}
body[data-page="taste-sync"] .ts-qactions {margin-top:8px;display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:16px}
body[data-page="taste-sync"] .ts-qactions .ts-back {width:auto;min-height:44px;flex:none;justify-content:flex-start;background:none!important;border:0!important;border-radius:0;height:44px;display:inline-flex;align-items:center;gap:8px;padding:0 8px 0 4px;font-size:15px;font-weight:600;color:var(--gv-text-2)}
body[data-page="taste-sync"] .ts-back .icon {width:18px;height:18px}
body[data-page="taste-sync"] .ts-back:disabled {visibility:hidden}
body[data-page="taste-sync"] .ts-back:hover {color:var(--gv-text)}
body[data-page="taste-sync"] .ts-kbd {display:none;font-size:13px;color:var(--gv-text-3)}
body[data-page="taste-sync"] .ts-loading__head {display:flex;flex-direction:column;gap:12px}
body[data-page="taste-sync"] .ts-sk {display:block;background:var(--gv-raised);border-radius:8px}
body[data-page="taste-sync"] .ts-sk--chip {width:64px;height:28px;border-radius:var(--r-pill)}
body[data-page="taste-sync"] .ts-sk--bar {width:100%;height:6px;border-radius:var(--r-pill)}
body[data-page="taste-sync"] .ts-sk--title {width:55%;height:28px}
body[data-page="taste-sync"] .ts-sk-pane {animation:ts-pane-pulse 1.2s ease-in-out infinite alternate}
body[data-page="taste-sync"] .ts-result {display:grid;gap:16px;min-width:0}
body[data-page="taste-sync"] .ts-result__hero {background:var(--gv-bg-deep);border-radius:20px;padding:40px 20px 32px;text-align:center;min-width:0}
body[data-page="taste-sync"] .ts-duo {display:flex;align-items:flex-start;justify-content:center;gap:16px;margin-bottom:20px}
body[data-page="taste-sync"] .ts-tile {display:grid;place-items:center;width:var(--ts-tile);height:var(--ts-tile);border-radius:16px;background:var(--gv-surface);border:2px solid;flex:none}
body[data-page="taste-sync"] .ts-tile--me {border-color:var(--ts-me);color:var(--ts-me);transform:rotate(calc(-1*var(--ts-tile-tilt)))}
body[data-page="taste-sync"] .ts-tile--other {border-color:var(--ts-other);color:var(--ts-other);transform:rotate(var(--ts-tile-tilt))}
body[data-page="taste-sync"] .ts-person {display:flex;flex-direction:column;align-items:center;min-width:0;max-width:var(--ts-tile-lg)}
body[data-page="taste-sync"] .ts-tile__mono {font-size:32px;font-weight:800}
body[data-page="taste-sync"] .ts-tile__word {font-size:24px;font-weight:800}
body[data-page="taste-sync"] .ts-tile__name {display:block;margin-top:8px;max-width:var(--ts-tile-lg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;color:var(--gv-text-2)}
body[data-page="taste-sync"] .ts-duo__x {font-size:24px;font-weight:700;color:var(--gv-red-text);line-height:var(--ts-tile)}
body[data-page="taste-sync"] .ts-score {font-size:var(--ts-score);font-weight:900;line-height:.9;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
body[data-page="taste-sync"] .ts-score__unit {font-size:.6em;color:rgba(255,255,255,.45);margin-left:2px}
body[data-page="taste-sync"] #resultTitle {margin-top:16px;font-size:24px;font-weight:700;line-height:1.35;letter-spacing:-.01em}
body[data-page="taste-sync"] .ts-result__sub {margin-top:8px;font-size:15px;line-height:1.6;color:var(--gv-text-2)}
body[data-page="taste-sync"] .ts-strip {margin:20px auto 0;width:min(100%,360px);display:grid;grid-template-columns:repeat(var(--ts-n),1fr);gap:4px}
body[data-page="taste-sync"] .ts-strip > span {height:8px;border-radius:4px;background:var(--gv-raised)}
body[data-page="taste-sync"] .ts-strip > .is-same {background:var(--gv-red)}
body[data-page="taste-sync"] .ts-send,body[data-page="taste-sync"] .ts-actions {background:var(--gv-surface);border-radius:20px;padding:20px;min-width:0}
body[data-page="taste-sync"] .ts-send__title {font-size:17px;font-weight:700;line-height:1.4}
body[data-page="taste-sync"] .ts-send__hint {margin-top:4px;font-size:14px;line-height:1.6;color:var(--gv-text-2)}
body[data-page="taste-sync"] .field-label {display:block;margin:16px 0 8px;font-size:14px;font-weight:600}
body[data-page="taste-sync"] .name-field {display:flex;flex-direction:column;gap:12px}
body[data-page="taste-sync"] .name-input {width:100%;min-width:0;height:52px;padding:0 16px;border-radius:12px;background:var(--gv-bg);border:1px solid var(--ts-field-line);font-size:16px;color:var(--gv-text)}
body[data-page="taste-sync"] .name-input::placeholder {color:var(--gv-text-3)}
body[data-page="taste-sync"] .name-input:focus-visible {border-color:var(--gv-focus)}
body[data-page="taste-sync"] .primary-action,body[data-page="taste-sync"] .secondary-action {display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;border-radius:12px;font-size:15px;font-weight:700;white-space:nowrap;text-align:center;padding:8px 12px}
body[data-page="taste-sync"] .primary-action {height:52px;background:var(--gv-red);color:var(--gv-on-red);font-size:16px;border:0}
body[data-page="taste-sync"] .primary-action:active {background:var(--gv-red-press);translate:0 1px}
body[data-page="taste-sync"] .primary-action:focus-visible {outline:3px solid var(--gv-focus);outline-offset:3px}
body[data-page="taste-sync"] .secondary-action {background:none;border:1px solid var(--gv-line-strong);color:var(--gv-text)}
body[data-page="taste-sync"] .secondary-action:active {background:var(--gv-surface-2)}
body[data-page="taste-sync"] .status-text {margin-top:12px;font-size:14px;line-height:1.6;color:var(--gv-text-2)}
body[data-page="taste-sync"] .status-text:empty {margin:0}
body[data-page="taste-sync"] .share-fallback,body[data-page="taste-sync"] .app-fallback {margin-top:12px}
body[data-page="taste-sync"] .share-fallback .field-label {margin-top:0;font-size:13px;color:var(--gv-text-2)}
body[data-page="taste-sync"] .share-url-input {width:100%;height:48px;padding:0 12px;font-size:14px;background:var(--gv-bg);border:1px solid var(--ts-field-line);border-radius:10px}
body[data-page="taste-sync"] .app-fallback p {font-size:14px;line-height:1.6;color:var(--gv-text-2)}
body[data-page="taste-sync"] .app-fallback .ts-store {margin-top:12px}
body[data-page="taste-sync"] .ts-more {margin-top:16px;border-top:1px solid var(--gv-line);display:flex;flex-direction:column}
body[data-page="taste-sync"] .ts-more .secondary-action {height:48px;border:0;border-bottom:1px solid var(--gv-line);border-radius:0;justify-content:flex-start;padding:0 4px;font-size:15px;font-weight:600}
body[data-page="taste-sync"] .ts-more .secondary-action:last-child {border-bottom:0}
body[data-page="taste-sync"] .ts-more .icon {color:var(--gv-text-2)}
body[data-page="taste-sync"] .ts-actions > .secondary-action {margin-top:8px}
body[data-page="taste-sync"] .ts-both {background:var(--gv-surface);border-radius:20px;padding:20px;min-width:0}
body[data-page="taste-sync"] .ts-both__label {font-size:13px;font-weight:700;color:var(--gv-red-text)}
body[data-page="taste-sync"] .ts-both__media {margin-top:12px;aspect-ratio:16/9;background:var(--gv-surface-2);border-radius:12px;display:grid;place-items:center}
body[data-page="taste-sync"] .ts-both__media img {max-width:80%;max-height:80%;object-fit:contain}
body[data-page="taste-sync"] .ts-both__media--card img {max-width:92%;width:92%;border-radius:8px}
body[data-page="taste-sync"] .ts-both__name {margin-top:12px;font-size:17px;font-weight:700;line-height:1.4}
body[data-page="taste-sync"] .ts-both__meta {margin-top:4px;font-size:13px;color:var(--gv-text-3)}
body[data-page="taste-sync"] .ts-both__text {margin-top:12px;font-size:22px;font-weight:700;text-align:center;background:var(--gv-surface-2);border-radius:12px;padding:28px 16px}
body[data-page="taste-sync"] .ts-cats {background:var(--gv-surface);border-radius:20px;padding:8px 20px;min-width:0}
body[data-page="taste-sync"] .ts-cats h3 {font-size:17px;font-weight:700;padding:12px 0 4px}
body[data-page="taste-sync"] .score-grid {list-style:none;padding:0}
body[data-page="taste-sync"] .score-row {display:grid;grid-template-columns:minmax(6.5rem,auto) 1fr 3.5rem;grid-template-areas:"type bar value" "count bar value";column-gap:16px;align-items:center;min-height:52px;padding:10px 0}
body[data-page="taste-sync"] .score-row + .score-row {border-top:1px solid var(--gv-line)}
body[data-page="taste-sync"] .score-row-type {grid-area:type;font-size:15px;font-weight:600}
body[data-page="taste-sync"] .score-row-count {grid-area:count;font-size:13px;color:var(--gv-text-3)}
body[data-page="taste-sync"] .score-bar {grid-area:bar;height:6px;border-radius:var(--r-pill);background:var(--gv-raised);overflow:hidden;min-width:0}
body[data-page="taste-sync"] .score-bar-fill {display:block;width:100%;height:100%;background:var(--gv-red)}
body[data-page="taste-sync"] .score-row-value {grid-area:value;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;text-align:right}
body[data-page="taste-sync"] .ts-list {min-width:0}
body[data-page="taste-sync"] .ts-list summary {height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:16px;font-weight:600;background:var(--gv-surface);border-radius:16px;list-style:none;cursor:pointer;gap:8px}
body[data-page="taste-sync"] .ts-list summary::-webkit-details-marker {display:none}
body[data-page="taste-sync"] .ts-list[open] summary {border-radius:16px 16px 0 0}
body[data-page="taste-sync"] .ts-list[open] summary .icon {transform:rotate(180deg)}
body[data-page="taste-sync"] .ts-rows {background:var(--gv-surface);border-radius:0 0 16px 16px;padding:0 20px 8px;list-style:none}
body[data-page="taste-sync"] .ts-row {position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px 10px;padding:12px 0 12px 12px;border-top:1px solid var(--gv-line)}
body[data-page="taste-sync"] .ts-row.is-same {box-shadow:inset 3px 0 0 var(--gv-red)}
body[data-page="taste-sync"] .ts-row__num {grid-column:1;grid-row:1 / span 2;font-size:13px;font-weight:700;color:var(--gv-text-3);font-variant-numeric:tabular-nums}
body[data-page="taste-sync"] .ts-row__item {grid-column:2;display:flex;gap:10px;align-items:center;min-width:0}
body[data-page="taste-sync"] .ts-row__thumb {width:56px;height:40px;flex:none;border-radius:6px;background:var(--gv-surface-2);object-fit:contain}
body[data-page="taste-sync"] .ts-row__thumb.is-missing {visibility:hidden}
body[data-page="taste-sync"] .ts-row__copy {min-width:0}
body[data-page="taste-sync"] .ts-row__name {word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;font-weight:600;line-height:1.5}
body[data-page="taste-sync"] .ts-row__who {display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
body[data-page="taste-sync"] .ts-row__who:empty {display:none}
body[data-page="taste-sync"] .ts-who {font-size:13px;font-weight:600;padding:2px 8px;border-radius:var(--r-pill);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-page="taste-sync"] .ts-who--me {background:var(--ts-me-soft);color:var(--ts-me)}
body[data-page="taste-sync"] .ts-who--other {background:var(--ts-other-soft);color:var(--ts-other)}
body[data-page="taste-sync"] .ts-app {background:var(--gv-surface);border-radius:20px;padding:20px;display:grid;grid-template-columns:48px minmax(0,1fr);gap:16px 12px;align-items:center}
body[data-page="taste-sync"] .ts-app > img {width:48px;height:48px;border-radius:12px}
body[data-page="taste-sync"] .ts-app__name {font-size:17px;font-weight:700}
body[data-page="taste-sync"] .ts-app__line {font-size:14px;line-height:1.6;color:var(--gv-text-2)}
body[data-page="taste-sync"] .ts-app .ts-store {grid-column:1/-1}
body[data-page="taste-sync"] .ts-store {display:grid;grid-template-columns:1fr 1fr;gap:8px}
body[data-page="taste-sync"] .ts-store a {height:48px;min-width:0;font-size:15px;font-weight:700;padding:8px;white-space:nowrap}
body[data-page="taste-sync"] .ts-error {max-width:560px;padding:24px 0 8px}
body[data-page="taste-sync"] .ts-error__mark {width:40px;height:40px;border-radius:12px;background:var(--gv-red-soft);color:var(--gv-red-text);font-size:20px;font-weight:800;display:grid;place-items:center}
body[data-page="taste-sync"] .ts-error h1,body[data-page="taste-sync"] .ts-error h2 {margin-top:16px;font-size:24px;font-weight:700;line-height:1.35}
body[data-page="taste-sync"] .ts-error__reason {margin-top:8px;font-size:16px;line-height:1.7}
body[data-page="taste-sync"] .ts-error__fix {margin-top:4px;font-size:15px;line-height:1.6;color:var(--gv-text-2)}
body[data-page="taste-sync"] .ts-error .ts-store {margin-top:24px}
body[data-page="taste-sync"][data-state="error"] .ts-error {padding-top:40px}
body[data-page="taste-sync"] .ts-appid {display:flex;align-items:center;gap:12px}
body[data-page="taste-sync"] .ts-appid img {width:56px;height:56px;border-radius:14px;flex:none}
body[data-page="taste-sync"] .ts-appid > span {display:flex;flex-direction:column}
body[data-page="taste-sync"] .ts-appid strong {font-size:18px;font-weight:700}
body[data-page="taste-sync"] .ts-appid span span {font-size:14px;font-weight:500;color:var(--gv-text-2)}
body[data-page="taste-sync"] #introTitle {margin-top:20px;font-size:var(--fs-h1);font-weight:800;line-height:var(--lh-h1);letter-spacing:-.01em}
body[data-page="taste-sync"] .ts-intro__lead {margin-top:12px;font-size:16px;line-height:1.7;color:var(--gv-text-2)}
body[data-page="taste-sync"] .ts-intro__text .ts-store {margin-top:24px}
body[data-page="taste-sync"] .ts-intro__note {margin-top:12px;font-size:13px;line-height:1.55;color:var(--gv-text-3)}
body[data-page="taste-sync"] .ts-intro__sample {margin-top:32px;min-width:0}
body[data-page="taste-sync"] .ts-choices--sample {grid-template-rows:200px 200px;margin-top:0}
body[data-page="taste-sync"] .ts-choices--sample .ts-pane {cursor:default}
body[data-page="taste-sync"] .ts-intro__sample figcaption {margin-top:8px;font-size:13px;line-height:1.55;color:var(--gv-text-3)}
body[data-page="taste-sync"] .ts-how {margin-top:56px;border-top:1px solid var(--gv-line);padding-top:32px}
body[data-page="taste-sync"] .ts-how h2 {font-size:22px;font-weight:700;line-height:1.35}
body[data-page="taste-sync"] .ts-steps {margin-top:20px;list-style:none;padding:0}
body[data-page="taste-sync"] .ts-steps li {padding:16px 0}
body[data-page="taste-sync"] .ts-steps li + li {border-top:1px solid var(--gv-line)}
body[data-page="taste-sync"] .ts-steps__num {font-size:14px;font-weight:700;color:var(--gv-red-text)}
body[data-page="taste-sync"] .ts-steps h3 {margin-top:6px;font-size:17px;font-weight:700;line-height:1.4}
body[data-page="taste-sync"] .ts-steps p {margin-top:6px;font-size:15px;line-height:1.6;color:var(--gv-text-2)}
body[data-page="taste-sync"] .is-entering {animation:ts-enter var(--dur-pop) var(--ease-out)}
body[data-page="taste-sync"] .from-back {animation-name:ts-enter-back}
@supports (backdrop-filter:blur(12px)) {
body[data-page="taste-sync"] .ts-top {background:rgba(15,25,35,.92);backdrop-filter:blur(12px)}
}
@media (hover:hover) {
body[data-page="taste-sync"] .choice.ts-pane--a:hover {background:var(--ts-a-hover)}
body[data-page="taste-sync"] .choice.ts-pane--b:hover {background:var(--ts-b-hover)}
body[data-page="taste-sync"] .primary-action:hover {background:var(--gv-red-hover)}
body[data-page="taste-sync"] .primary-action:active {background:var(--gv-red-press)}
body[data-page="taste-sync"] .secondary-action:hover {background:var(--gv-surface-2)}
body[data-page="taste-sync"] .ts-more .secondary-action:hover {border-radius:8px}
}
@media (max-width:767px) {
body[data-page="taste-sync"] .ts-navlink {padding:0}
body[data-page="taste-sync"] .ts-navlink__ext {display:none}
}
@media (max-width:479px) {
body[data-page="taste-sync"] .projecta-language-select {max-width:88px;padding:0 8px}
}
@media (min-width:768px) {
body[data-page="taste-sync"] .ts-shell {padding-block:24px 64px}
body[data-page="taste-sync"] .ts-top__in {height:63px}
body[data-page="taste-sync"] .ts-brand {font-size:18px}
body[data-page="taste-sync"] #challengeTitle {font-size:var(--fs-title-lg)}
body[data-page="taste-sync"] .ts-choices {grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:var(--ts-pane-h-lg);gap:var(--ts-seam-lg)}
body[data-page="taste-sync"] .ts-pane {padding:28px}
body[data-page="taste-sync"] .ts-pane--a {border-radius:12px 0 0 12px}
body[data-page="taste-sync"] .ts-pane--b {border-radius:0 12px 12px 0}
body[data-page="taste-sync"] .ts-pane__badge {top:16px;left:16px}
body[data-page="taste-sync"] .ts-pane__label {word-break:keep-all;font-size:20px}
body[data-page="taste-sync"] .ts-pane__text {word-break:keep-all;font-size:28px}
body[data-page="taste-sync"] .ts-vs {width:var(--ts-puck-lg);height:var(--ts-puck-lg);font-size:18px}
body[data-page="taste-sync"] .ts-result {gap:20px}
body[data-page="taste-sync"] .ts-row {grid-template-columns:28px minmax(0,1fr) minmax(0,1fr);gap:16px}
body[data-page="taste-sync"] .ts-row__num {grid-row:1}
body[data-page="taste-sync"] .ts-row__item {grid-column:auto}
body[data-page="taste-sync"] .ts-choices--sample {grid-template-rows:300px}
body[data-page="taste-sync"] .ts-error .ts-store {grid-template-columns:168px 168px}
body[data-page="taste-sync"] .ts-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body[data-page="taste-sync"] .ts-steps li + li {border:0}
}
@media (min-width:1024px) {
body[data-page="taste-sync"] .ts-shell {padding-block:40px 72px}
body[data-page="taste-sync"] .ts-hero {margin-bottom:24px}
body[data-page="taste-sync"] #questionTitle {font-size:var(--fs-q-lg)}
body[data-page="taste-sync"] .ts-result {grid-template-columns:minmax(0,1fr) 400px;column-gap:32px;row-gap:20px;grid-template-areas:"hero send" "both send" "cats cats" "list list" "app app"}
body[data-page="taste-sync"] .ts-result__hero {grid-area:hero;padding:56px 40px 44px}
body[data-page="taste-sync"] .ts-send,body[data-page="taste-sync"] .ts-actions {grid-area:send;align-self:start;position:sticky;top:88px}
body[data-page="taste-sync"] .ts-send {padding:24px}
body[data-page="taste-sync"] .ts-both {grid-area:both}
body[data-page="taste-sync"] .ts-cats {grid-area:cats}
body[data-page="taste-sync"] .ts-list {grid-area:list}
body[data-page="taste-sync"] .ts-app {grid-area:app;grid-template-columns:48px minmax(0,1fr) auto}
body[data-page="taste-sync"] .ts-app .ts-store {grid-column:auto;grid-template-columns:168px 168px}
body[data-page="taste-sync"] .ts-tile {width:var(--ts-tile-lg);height:var(--ts-tile-lg)}
body[data-page="taste-sync"] .ts-tile__mono {font-size:40px}
body[data-page="taste-sync"] .ts-tile__name {max-width:var(--ts-tile-lg)}
body[data-page="taste-sync"] .ts-duo__x {line-height:var(--ts-tile-lg)}
body[data-page="taste-sync"] .ts-score {font-size:var(--ts-score-lg)}
body[data-page="taste-sync"] #resultTitle {font-size:30px}
body[data-page="taste-sync"] .ts-error h1,body[data-page="taste-sync"] .ts-error h2 {font-size:30px}
body[data-page="taste-sync"] .ts-intro__top {display:grid;grid-template-columns:minmax(0,1fr) 480px;gap:64px;align-items:center}
body[data-page="taste-sync"] .ts-intro__sample {margin-top:0}
body[data-page="taste-sync"] #introTitle {font-size:var(--fs-h1-lg)}
body[data-page="taste-sync"] .ts-intro__text .ts-store {grid-template-columns:168px 168px}
body[data-page="taste-sync"] .ts-how {margin-top:96px}
body[data-page="taste-sync"] .ts-how h2 {font-size:28px}
}
@media (min-width:1024px) and (hover:hover) {
body[data-page="taste-sync"] .ts-kbd {display:block}
}
@media (prefers-reduced-motion:reduce) {
body[data-page="taste-sync"] .is-entering,body[data-page="taste-sync"] .ts-sk-pane,body[data-page="taste-sync"] .ts-pane__media.is-loading::after {animation:none}
body[data-page="taste-sync"] .ts-progress__fill,body[data-page="taste-sync"] .ts-pane__chip {transition:none}
}
@keyframes ts-enter {from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes ts-enter-back {from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@keyframes ts-image-pulse {from{opacity:.5}to{opacity:1}}
@keyframes ts-pane-pulse {from{opacity:.7}to{opacity:1}}

/* Round 2: working three-question sample, with stable result space. */
body[data-page="taste-sync"] .ts-try {--accent:var(--gv-red-text);--ts-n:3;--ts-progress:1;margin-top:24px}
body[data-page="taste-sync"] .ts-try .ts-try__head {margin:0;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px;color:var(--gv-text)}
body[data-page="taste-sync"] .ts-try__title {font-size:16px;font-weight:700}
body[data-page="taste-sync"] .ts-try__count {color:var(--gv-red-text);font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}
body[data-page="taste-sync"] .ts-try__hint {margin-top:12px;font-size:14px;line-height:1.5;color:var(--gv-text-2)}
body[data-page="taste-sync"] .ts-try .ts-choices--sample {grid-template-rows:150px 150px;margin-top:12px}
body[data-page="taste-sync"] .ts-try .ts-pane {cursor:pointer;padding:32px 16px 12px;gap:4px}
body[data-page="taste-sync"] .ts-try .ts-pane__label {font-size:16px;line-height:1.4;min-height:2.8em}
body[data-page="taste-sync"] .ts-try .ts-pane__media {height:58px;flex:1;overflow:hidden}
body[data-page="taste-sync"] .ts-try .ts-pane__media img {max-width:86%;max-height:100%}
body[data-page="taste-sync"] .ts-try .ts-pane {pointer-events:auto}
body[data-page="taste-sync"] .ts-try__result {height:132px;margin-top:16px;display:grid;grid-template-columns:148px minmax(0,1fr);grid-template-rows:42px 8px auto;gap:4px 12px;align-content:center;align-items:center}
body[data-page="taste-sync"] .ts-try__result .ts-score {grid-column:1;grid-row:1 / 3;font-size:56px;white-space:nowrap}
body[data-page="taste-sync"] .ts-try__line {grid-column:2;margin:0;font-size:14px;line-height:1.5;min-height:3em}
body[data-page="taste-sync"] .ts-try__strip {grid-column:2;margin:0;width:100%}
body[data-page="taste-sync"] .ts-try__note {grid-column:1 / -1;font-size:13px;line-height:1.4;color:var(--gv-text-3);margin:0}
html.js body[data-page="taste-sync"] .ts-try:not([data-state="result"]) .ts-try__result {visibility:hidden}
body[data-page="taste-sync"] .ts-try__controls {display:flex;gap:12px;margin-top:12px}
body[data-page="taste-sync"] .ts-try__controls .ts-back {min-height:44px;min-width:88px;padding:0 12px;border-radius:8px;background:var(--gv-surface);color:var(--gv-text);font-size:14px;font-weight:600;white-space:nowrap}
body[data-page="taste-sync"] .ts-intro__get {margin-top:24px}
body[data-page="taste-sync"] .ts-try__cta {font-size:14px;line-height:1.6;color:var(--gv-text-2);margin-bottom:12px}
html:not(.js) body[data-page="taste-sync"] .ts-try__controls,html:not(.js) body[data-page="taste-sync"] .ts-try__hint {display:none}
body[data-page="taste-sync"] .gv-more {margin-top:48px;padding-top:32px;border-top:1px solid var(--gv-line)}
body[data-page="taste-sync"] #tasteSyncApp:not([data-view="result"]):not([data-view="creator-result"]) .gv-more {display:none}
body[data-page="taste-sync"] .gv-more h2 {font-size:22px;line-height:1.35}
body[data-page="taste-sync"] .gv-more__list {list-style:none;padding:0;margin:20px 0 0;display:grid;gap:16px}
body[data-page="taste-sync"] .gv-more__card {display:grid;grid-template-columns:120px minmax(0,1fr);gap:4px 16px;align-items:center;min-height:88px}
body[data-page="taste-sync"] .gv-more__card img {grid-row:1 / 3;width:120px;height:63px;object-fit:cover;border-radius:8px}
body[data-page="taste-sync"] .gv-more__card strong {font-size:16px;line-height:1.4;align-self:end}
body[data-page="taste-sync"] .gv-more__card > span {font-size:14px;line-height:1.5;color:var(--gv-text-2);align-self:start}
body[data-page="taste-sync"] .ys-web {color:var(--gv-text-2)}
body[data-page="taste-sync"] .ys-web a,body[data-page="taste-sync"] .ys-web [aria-current] {min-width:44px}
body[data-page="taste-sync"] .ys-web [aria-current] {color:var(--gv-red-text)}
body[data-page="taste-sync"] .score-bar-fill {width:100%;transform-origin:left;transform:scaleX(var(--fill-x,0))}
body[data-page="taste-sync"] .ts-cats:not(.is-filled) .score-bar-fill {transform:scaleX(0)}
body[data-page="taste-sync"] .choice:active {transform:none}
@media (prefers-reduced-motion:no-preference) {
html[data-ys-motion="on"] body[data-page="taste-sync"] .score-bar-fill {transition:transform var(--ys-dur-long) var(--ys-ease-emphasized) calc(var(--ys-i,0) * var(--ys-stagger))}
html[data-ys-motion="on"] body[data-page="taste-sync"] .question-stage.is-entering {animation:ts-question-enter var(--ys-dur-short) var(--ys-ease-emphasized)}
html[data-ys-motion="on"] body[data-page="taste-sync"] .question-stage.from-back {animation-name:ts-question-back}
html[data-ys-motion="on"] body[data-page="taste-sync"] .ts-try .ts-pane__chip {transition:opacity var(--ys-dur-medium) var(--ys-ease-settle),scale var(--ys-dur-medium) var(--ys-ease-settle)}
html[data-ys-motion="on"] body[data-page="taste-sync"] .choice:active {scale:var(--ys-press-scale)}
}
body[data-page="taste-sync"] .question-stage.is-entering {animation:none}
html:not([data-ys-motion="on"]) body[data-page="taste-sync"] .ts-pane,html:not([data-ys-motion="on"]) body[data-page="taste-sync"] .ts-pane__chip,html:not([data-ys-motion="on"]) body[data-page="taste-sync"] .ts-progress__fill {transition:none}
@media (min-width:768px) {
body[data-page="taste-sync"] .ts-try .ts-choices--sample {grid-template-rows:260px}
body[data-page="taste-sync"] .ts-try .ts-pane {padding:40px 16px 16px;gap:12px}
body[data-page="taste-sync"] .ts-try .ts-pane__media {height:140px}
body[data-page="taste-sync"] .ts-try__result {height:96px}
body[data-page="taste-sync"] .gv-more__list {grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body[data-page="taste-sync"] .gv-more__card {grid-template-columns:minmax(0,1fr);gap:8px}
body[data-page="taste-sync"] .gv-more__card img {grid-row:auto;width:100%;height:auto;aspect-ratio:480 / 252}
}
@media (min-width:1024px) {
body[data-page="taste-sync"] .ts-intro__top {grid-template-areas:"text demo" "get demo";gap:24px 64px;align-items:start}
body[data-page="taste-sync"] .ts-intro__text {grid-area:text;align-self:end}
body[data-page="taste-sync"] .ts-try {grid-area:demo;margin:0}
body[data-page="taste-sync"] .ts-intro__get {grid-area:get;margin:0}
body[data-page="taste-sync"] .ts-intro__get .ts-store {grid-template-columns:168px 168px}
}
@media print {
body[data-page="taste-sync"] .ts-try__result {visibility:visible!important}
body[data-page="taste-sync"] .ts-try__controls,body[data-page="taste-sync"] .ts-try__hint {display:none}
}
@keyframes ts-question-enter {from{translate:0 var(--ys-dist-sm)}to{translate:0 0}}
@keyframes ts-question-back {from{translate:0 calc(-1 * var(--ys-dist-sm))}to{translate:0 0}}
@media (max-width:767px) {
body[data-page="taste-sync"] .ys-web__in {gap:4px 8px}
}