/* ==========================================================================
   Стили страницы получателя (/meeting/v/*): 3 темы + дефолт.
   - letter    → body.t-letter    (авиапочта: Literata + Marck Script)
   - scrapbook → body.t-scrap     (альбом: Caveat)
   - popart    → body.t-pop       (поп-арт: Golos Text + Unbounded)
   - дефолт    → без класса (текущий вид, этот файл ничего не меняет)
   Все селекторы скоуплены под body.t-* — дефолтная страница и остальные
   страницы сайта не затронуты. Тема приходит из meeting_config.v2
   (см. invitation_view.html). Шрифты подключаются условно в шаблоне.
   ========================================================================== */
/* ======================================================================
   Тема «letter» (класс body.t-letter). Шрифт:
   https://fonts.googleapis.com/css2?family=Literata:opsz,wght@7..72,400;7..72,600&family=Marck+Script&display=swap
   ====================================================================== */
body.t-letter {
    --paper: #fffdf8;
    --flap: #ece3cf;
    --ink: #1f2c55;
    --ink-soft: #55608a;
    --air-red: #cf3a3a;
    --air-blue: #2b57a8;
    --kraft: #d9cfbc;
  }body.t-letter {
    background-color: var(--kraft);
    background-image: radial-gradient(rgba(70, 48, 15, 0.07) 1px, transparent 1.3px);
    background-size: 5px 5px;
    color: var(--ink);
    font-family: "Literata", Georgia, "Times New Roman", serif;
  }body.t-letter .petal-decor { display: none; }/* авиапочтовая полоса вдоль верхнего края экрана */body.t-letter::before {
    content: "";
    position: fixed;
    inset: 0 0 auto 0;
    height: 10px;
    z-index: 5;
    background: repeating-linear-gradient(-45deg, var(--air-red) 0 14px, var(--paper) 14px 22px, var(--air-blue) 22px 36px, var(--paper) 36px 44px);
  }body.t-letter .site-header .landing-logo {
    font-family: "Marck Script", cursive;
    font-weight: 400;
    font-size: 48px;
    letter-spacing: 0;
    color: var(--air-red);
  }.t-letter { background: transparent; }.t-letter .card {
    position: relative;
    background: var(--paper);
    border: 12px solid transparent;
    border-image: repeating-linear-gradient(-45deg, var(--air-red) 0 16px, var(--paper) 16px 26px, var(--air-blue) 26px 42px, var(--paper) 42px 52px) 12;
    border-radius: 0;
    padding: 22px 18px 24px;
    box-shadow: 0 22px 36px -22px rgba(55, 35, 8, 0.6);
  }.t-letter h2 {
    font-family: "Marck Script", cursive;
    font-weight: 400;
    font-size: 34px;
    line-height: 1.15;
    color: var(--air-blue);
    margin-bottom: 14px;
  }.t-letter p { color: var(--ink-soft); line-height: 1.6; }/* фото — почтовая марка со штемпелем */.t-letter .video-frame {
    overflow: visible;
    background: #fff;
    padding: 9px;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(31, 44, 85, 0.12), 0 10px 18px -10px rgba(55, 35, 8, 0.55);
    transform: rotate(-1.2deg);
    margin-bottom: 22px;
  }.t-letter .video-frame video, .t-letter .video-frame img { border-radius: 1px; }.t-letter .video-frame::after {
    content: "с любовью";
    position: absolute;
    right: -10px;
    bottom: -16px;
    width: 96px;
    height: 96px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    border: 2px solid rgba(31, 44, 85, 0.6);
    outline: 1px solid rgba(31, 44, 85, 0.35);
    outline-offset: 4px;
    color: rgba(31, 44, 85, 0.75);
    font: 400 17px/1 "Marck Script", cursive;
    transform: rotate(-16deg);
    mix-blend-mode: multiply;
    pointer-events: none;
  }/* тизер — закрытый конверт с печатью */body.t-letter #teaserStep .invitation-card {
    padding-top: 134px;
    background:
      linear-gradient(to bottom right, var(--flap) 49.5%, transparent 50%) left top / 50% 90px no-repeat,
      linear-gradient(to bottom left, var(--flap) 49.5%, transparent 50%) right top / 50% 90px no-repeat,
      var(--paper);
  }body.t-letter #teaserStep .invitation-card::before {
    content: "♥";
    position: absolute;
    left: 50%;
    top: 56px;
    width: 66px;
    height: 66px;
    transform: translateX(-50%) rotate(-8deg);
    display: grid;
    place-items: center;
    border-radius: 48% 52% 50% 50% / 52% 48% 52% 48%;
    background: radial-gradient(circle at 34% 28%, #e8545a 0%, #b02a31 55%, #7e171e 100%);
    color: rgba(255, 214, 214, 0.9);
    font-size: 26px;
    box-shadow: 0 6px 10px -3px rgba(80, 10, 15, 0.6), inset 0 0 0 4px rgba(126, 23, 30, 0.35);
  }.t-letter .eyebrow { display: none; }/* кнопки */.t-letter .btn {
    border-radius: 3px;
    font-family: "Marck Script", cursive;
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 0.01em;
    background: var(--air-red);
    color: #fff;
    box-shadow: 0 8px 14px -8px rgba(120, 20, 20, 0.7);
    outline: 1.5px dashed rgba(255, 255, 255, 0.65);
    outline-offset: -6px;
  }.t-letter .btn.secondary {
    background: transparent;
    color: var(--air-blue);
    border: 1.5px solid var(--air-blue);
    box-shadow: none;
    outline-color: rgba(43, 87, 168, 0.4);
  }.t-letter .btn:hover:not(:active):not(:disabled) {
    transform: translateY(-1px);
    box-shadow: 0 12px 16px -8px rgba(120, 20, 20, 0.7);
  }.t-letter .btn.secondary:hover:not(:active):not(:disabled) {
    background: rgba(43, 87, 168, 0.07);
    border-color: var(--air-blue);
    box-shadow: none;
  }/* голосовое — как вклеенная записка */.t-letter .voice-play-btn {
    border: 1.5px dashed var(--air-blue);
    border-radius: 3px;
    background: rgba(43, 87, 168, 0.05);
    color: var(--air-blue);
  }.t-letter .voice-play-icon { background: var(--air-red); border-radius: 50%; }.t-letter .voice-play-label { font-family: "Marck Script", cursive; font-weight: 400; font-size: 20px; }/* поля — строчки на бумаге */.t-letter label { font-family: "Literata", serif; font-weight: 600; color: var(--ink-soft); text-align: left; }.t-letter input, .t-letter .custom-food-input {
    border: 0;
    border-bottom: 2px solid var(--air-blue);
    border-radius: 0;
    background: transparent;
    font-family: "Literata", serif;
    color: var(--ink);
    padding-left: 2px;
  }.t-letter input:focus { border-bottom-color: var(--air-red); outline: none; }.t-letter .custom-food-input:focus { outline: none; }.t-letter .slot-tile {
    border: 1.5px solid var(--air-blue);
    border-radius: 2px;
    background: transparent;
  }.t-letter .slot-tile__date { color: var(--ink); }.t-letter .slot-tile.selected { background: var(--air-blue); }.t-letter .slot-tile.selected .slot-tile__date, .t-letter .slot-tile.selected .slot-tile__time { color: #fff; }.t-letter .food-choice {
    border-radius: 3px;
    border: 1.5px solid var(--air-blue);
    background: transparent;
    color: var(--air-blue);
    box-shadow: none;
    font-family: "Literata", serif;
    font-weight: 600;
    font-size: 14px;
    flex-direction: column;
    gap: 2px;
    padding: 12px 8px;
    text-align: center;
    outline: none;
  }.t-letter .btn.food-choice--selected {
    background: var(--air-red);
    border-color: var(--air-red);
    color: #fff;
    box-shadow: 0 8px 14px -8px rgba(120, 20, 20, 0.7);
  }.t-letter .btn.food-choice--surprise { border-style: dashed; }.t-letter .food-choice:hover:not(:active):not(:disabled) { box-shadow: none; }.t-letter .btn.food-choice--selected:hover:not(:active):not(:disabled) { background: var(--air-red); border-color: var(--air-red); box-shadow: 0 8px 14px -8px rgba(120, 20, 20, 0.7); }.t-letter .form-status { color: var(--air-red); }body.t-letter .preview-banner { background: var(--paper); border-color: var(--air-blue); color: var(--air-blue); }
/* ======================================================================
   Тема «scrapbook» (класс body.t-scrap). Шрифт:
   https://fonts.googleapis.com/css2?family=Caveat:wght@500;700&display=swap
   ====================================================================== */
body.t-scrap {
    --sheet: #fffbea;
    --grid: rgba(74, 134, 184, 0.17);
    --ink: #2c2b4b;
    --ink-soft: #66648a;
    --sticker: #ff5a6e;
    --marker: #ffe66d;
    --tape-pink: rgba(255, 150, 178, 0.78);
    --tape-mint: rgba(122, 214, 182, 0.8);
    --tape-sun: rgba(255, 206, 92, 0.82);
    --tape-sky: rgba(120, 180, 240, 0.78);
  }body.t-scrap {
    background-color: var(--sheet);
    background-image:
      linear-gradient(var(--grid) 1px, transparent 1px),
      linear-gradient(90deg, var(--grid) 1px, transparent 1px);
    background-size: 24px 24px;
    color: var(--ink);
  }body.t-scrap .petal-decor { display: none; }/* поля тетради */body.t-scrap::before {
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    left: 28px;
    width: 2px;
    background: rgba(255, 90, 110, 0.35);
    z-index: -1;
  }body.t-scrap .site-header .landing-logo {
    font-family: "Caveat", cursive;
    font-weight: 700;
    font-size: 62px;
    letter-spacing: 0;
    color: var(--sticker);
    transform: rotate(-3deg);
  }.t-scrap { background: transparent; }.t-scrap .card {
    position: relative;
    background: #fff;
    border: 0;
    border-radius: 3px 3px 22px 6px;
    padding: 30px 18px 22px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 16px 26px -16px rgba(70, 48, 0, 0.45);
  }/* скотч сверху листка */.t-scrap .card::before {
    content: "";
    position: absolute;
    top: -13px;
    left: 50%;
    width: 112px;
    height: 28px;
    background: repeating-linear-gradient(45deg, var(--tape-pink) 0 7px, rgba(255, 255, 255, 0.35) 7px 14px);
    transform: translateX(-50%) rotate(-3deg);
    clip-path: polygon(0 0, 100% 0, 98% 25%, 100% 50%, 98% 75%, 100% 100%, 0 100%, 2% 75%, 0 50%, 2% 25%);
    z-index: 2;
  }body.t-scrap #step2 .card::before, body.t-scrap #step2.card::before { background: repeating-linear-gradient(45deg, var(--tape-mint) 0 7px, rgba(255, 255, 255, 0.35) 7px 14px); transform: translateX(-50%) rotate(2deg); }body.t-scrap #step3.card::before { background: repeating-linear-gradient(45deg, var(--tape-sun) 0 7px, rgba(255, 255, 255, 0.35) 7px 14px); }body.t-scrap #step4.card::before { background: repeating-linear-gradient(45deg, var(--tape-sky) 0 7px, rgba(255, 255, 255, 0.35) 7px 14px); transform: translateX(-50%) rotate(3deg); }.t-scrap h2 {
    font-family: "Caveat", cursive;
    font-weight: 700;
    font-size: 38px;
    line-height: 1.05;
    color: var(--ink);
    margin-bottom: 14px;
  }.t-scrap p { color: var(--ink-soft); font-weight: 600; }.t-scrap .eyebrow {
    font-family: "Caveat", cursive;
    font-weight: 700;
    font-size: 24px;
    letter-spacing: 0;
    text-transform: none;
    color: var(--ink);
    background: var(--marker);
    border-radius: 4px;
    padding: 0 12px;
    transform: rotate(-2deg);
  }/* фото — полароид с подписью */.t-scrap .video-frame {
    overflow: visible;
    background: #fff;
    border-radius: 2px;
    padding: 12px 12px 54px;
    margin-bottom: 20px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 18px 26px -14px rgba(70, 48, 0, 0.55);
    transform: rotate(-2.2deg);
  }.t-scrap .video-frame video, .t-scrap .video-frame img { border-radius: 1px; }.t-scrap .video-frame::after {
    content: "для тебя";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;
    text-align: center;
    font: 700 28px/1 "Caveat", cursive;
    color: var(--ink-soft);
  }body.t-scrap #step2 .video-frame { transform: rotate(1.8deg); }body.t-scrap #step2 .video-frame::after { content: "ура!"; }body.t-scrap #step3 .video-frame { transform: rotate(-1.4deg); }body.t-scrap #step3 .video-frame::after { content: "когда?"; }body.t-scrap #step4 .video-frame { transform: rotate(2.2deg); }body.t-scrap #step4 .video-frame::after { content: "куда?"; }/* кнопки — стикеры */.t-scrap .btn {
    border: 3px solid #fff;
    border-radius: 999px;
    font-family: "Caveat", cursive;
    font-weight: 700;
    font-size: 29px;
    line-height: 1;
    background: var(--sticker);
    color: #fff;
    box-shadow: 0 0 0 1.5px rgba(44, 43, 75, 0.14), 0 10px 14px -8px rgba(255, 90, 110, 0.9);
  }.t-scrap .btn.secondary {
    background: #fff;
    color: var(--ink-soft);
    border: 2px dashed #9b99bd;
    box-shadow: none;
  }.t-scrap .btn:hover:not(:active):not(:disabled) {
    transform: rotate(-1deg) translateY(-1px);
    box-shadow: 0 0 0 1.5px rgba(44, 43, 75, 0.14), 0 14px 16px -8px rgba(255, 90, 110, 0.9);
  }.t-scrap .btn.secondary:hover:not(:active):not(:disabled) {
    background: #fff8d8;
    border-color: #9b99bd;
    box-shadow: none;
  }.t-scrap .voice-play-btn {
    border: 2px dashed #9b99bd;
    border-radius: 14px;
    background: #fff8d8;
    color: var(--ink);
  }.t-scrap .voice-play-icon { background: var(--sticker); }.t-scrap .voice-play-label { font-family: "Caveat", cursive; font-weight: 700; font-size: 24px; }.t-scrap label { color: var(--ink-soft); text-align: left; }.t-scrap input, .t-scrap .custom-food-input {
    border: 0;
    border-bottom: 2px dashed #9bb7d4;
    border-radius: 0;
    background: #fffdf0;
    color: var(--ink);
    font-weight: 700;
  }.t-scrap input:focus, .t-scrap .custom-food-input:focus { border-bottom-color: var(--sticker); outline: none; }.t-scrap .slot-tile {
    border: 0;
    border-radius: 4px;
    background: #fff8d8;
    box-shadow: 0 6px 10px -6px rgba(70, 48, 0, 0.5);
    transform: rotate(-1.2deg);
  }.t-scrap .slot-tile:nth-child(even) { transform: rotate(1.4deg); }.t-scrap .slot-tile__date { font-family: "Caveat", cursive; font-weight: 700; font-size: 24px; line-height: 1.1; }.t-scrap .slot-tile.selected { background: var(--marker); box-shadow: 0 0 0 2px var(--ink), 0 8px 12px -6px rgba(70, 48, 0, 0.6); }.t-scrap .slot-tile.selected .slot-tile__date { color: var(--ink); }/* варианты плана — стикеры */.t-scrap .food-choice {
    border: 3px solid #fff;
    border-radius: 16px;
    background: #fff;
    color: var(--ink);
    font-family: "Nunito", sans-serif;
    font-weight: 800;
    font-size: 16px;
    flex-direction: column;
    gap: 2px;
    padding: 12px 8px;
    box-shadow: 0 0 0 1.5px rgba(44, 43, 75, 0.14), 0 10px 14px -8px rgba(70, 48, 0, 0.55);
  }.t-scrap .food-choice:nth-child(odd) { transform: rotate(-1.2deg); }.t-scrap .food-choice:nth-child(even) { transform: rotate(1.2deg); }.t-scrap .btn.food-choice--selected {
    background: var(--marker);
    color: var(--ink);
    border-color: #fff;
    box-shadow: 0 0 0 2px var(--ink), 0 12px 14px -8px rgba(70, 48, 0, 0.6);
  }.t-scrap .btn.food-choice--selected::after { content: "✔"; position: absolute; top: 6px; right: 10px; font-size: 15px; color: var(--sticker); }.t-scrap .btn.food-choice--surprise { border-style: dashed; border-color: var(--sticker); }.t-scrap .food-choice:hover:not(:active):not(:disabled) { transform: rotate(0deg) translateY(-1px); box-shadow: 0 0 0 1.5px rgba(44, 43, 75, 0.2), 0 14px 16px -8px rgba(70, 48, 0, 0.55); }.t-scrap .btn.food-choice--selected:hover:not(:active):not(:disabled) { background: var(--marker); border-color: #fff; box-shadow: 0 0 0 2px var(--ink), 0 14px 16px -8px rgba(70, 48, 0, 0.6); }.t-scrap .btn.food-choice--custom { transform: none; font-family: "Caveat", cursive; font-size: 26px; }.t-scrap .form-status { color: var(--sticker); font-weight: 700; }body.t-scrap .preview-banner { background: #fff8d8; border-color: #e5d9a8; color: var(--ink); }
/* ======================================================================
   Тема «popart» (класс body.t-pop). Шрифт:
   https://fonts.googleapis.com/css2?family=Golos+Text:wght@500;600;700&family=Unbounded:wght@700;900&display=swap
   ====================================================================== */
body.t-pop {
    --cobalt: #2b4bff;
    --ink: #12121c;
    --paper: #fff8ef;
    --pink: #ff6fb1;
    --lemon: #ffe14d;
    --mute: #45455e;
    --sh: 6px 6px 0 var(--ink);
  }body.t-pop {
    background-color: var(--cobalt);
    background-image: radial-gradient(rgba(255, 255, 255, 0.2) 22%, transparent 24%);
    background-size: 16px 16px;
    color: var(--ink);
    font-family: "Golos Text", -apple-system, "Segoe UI", Roboto, sans-serif;
  }body.t-pop .petal-decor { display: none; }body.t-pop .site-header .landing-logo {
    font-family: "Unbounded", sans-serif;
    font-weight: 900;
    font-size: 40px;
    letter-spacing: -0.03em;
    color: var(--lemon);
    text-shadow: 3px 3px 0 var(--ink);
    -webkit-text-stroke: 1.5px var(--ink);
    paint-order: stroke fill;
  }.t-pop { background: transparent; }.t-pop .card {
    background: var(--paper);
    border: 3px solid var(--ink);
    border-radius: 24px;
    padding: 22px 18px 24px;
    box-shadow: var(--sh);
  }.t-pop h2 {
    font-family: "Unbounded", sans-serif;
    font-weight: 900;
    font-size: 25px;
    line-height: 1.12;
    letter-spacing: -0.025em;
    color: var(--ink);
    margin-bottom: 14px;
  }.t-pop p { color: var(--mute); font-weight: 500; }.t-pop .eyebrow {
    background: var(--lemon);
    color: var(--ink);
    border: 2.5px solid var(--ink);
    font-family: "Unbounded", sans-serif;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0;
    padding: 4px 14px;
    box-shadow: 3px 3px 0 var(--ink);
    transform: rotate(-4deg);
  }/* фото + круглая наклейка */.t-pop .video-frame {
    overflow: visible;
    background: var(--pink);
    border: 3px solid var(--ink);
    border-radius: 18px;
    box-shadow: 5px 5px 0 var(--ink);
    margin-bottom: 24px;
  }.t-pop .video-frame video, .t-pop .video-frame img { border-radius: 15px; }.t-pop .video-frame::after {
    content: "тебе!";
    position: absolute;
    top: -20px;
    right: -12px;
    width: 76px;
    height: 76px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--lemon);
    border: 3px solid var(--ink);
    box-shadow: 3px 3px 0 var(--ink);
    font: 900 14px/1 "Unbounded", sans-serif;
    letter-spacing: -0.02em;
    color: var(--ink);
    transform: rotate(12deg);
    pointer-events: none;
  }body.t-pop #step2 .video-frame::after { content: "ура!"; background: var(--pink); }body.t-pop #step3 .video-frame::after { content: "когда?"; font-size: 12px; background: #7dffd0; }body.t-pop #step4 .video-frame::after { content: "куда?"; font-size: 12px; background: #ffb36b; }/* кнопки: плоская заливка, чёрный контур, жёсткая тень */.t-pop .btn {
    border: 3px solid var(--ink);
    border-radius: 16px;
    font-family: "Unbounded", sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.2;
    background: var(--lemon);
    color: var(--ink);
    box-shadow: var(--sh);
    transition: transform 0.12s ease, box-shadow 0.12s ease, background-color 0.12s ease;
  }.t-pop .btn.secondary {
    background: #fff;
    color: var(--ink);
    border: 3px solid var(--ink);
    box-shadow: var(--sh);
  }.t-pop .btn:hover:not(:active):not(:disabled) {
    transform: translate(-1px, -1px);
    box-shadow: 7px 7px 0 var(--ink);
  }.t-pop .btn.secondary:hover:not(:active):not(:disabled) {
    background: #fff;
    border-color: var(--ink);
    box-shadow: 7px 7px 0 var(--ink);
  }.t-pop .btn:active { transform: translate(5px, 5px); box-shadow: 1px 1px 0 var(--ink); }.t-pop .btn:disabled { box-shadow: 2px 2px 0 var(--ink); background: #e9e1d2; color: #8a8576; }.t-pop .invitation-card > .btn + .btn { margin-top: 16px; }.t-pop .voice-play-btn {
    border: 3px solid var(--ink);
    border-radius: 999px;
    background: #fff;
    color: var(--ink);
    box-shadow: 4px 4px 0 var(--ink);
    margin-bottom: 20px;
  }.t-pop .voice-play-icon { background: var(--pink); color: var(--ink); border: 2.5px solid var(--ink); }.t-pop .voice-play-label { font-family: "Unbounded", sans-serif; font-weight: 700; font-size: 12px; }.t-pop .voice-play-time { color: var(--mute); }.t-pop label { color: var(--ink); font-weight: 700; text-align: left; }.t-pop input, .t-pop .custom-food-input {
    border: 3px solid var(--ink);
    border-radius: 14px;
    background: #fff;
    color: var(--ink);
    font-family: "Golos Text", sans-serif;
    font-weight: 600;
  }.t-pop input:focus, .t-pop .custom-food-input:focus { outline: none; box-shadow: 4px 4px 0 var(--pink); border-color: var(--ink); }.t-pop .slot-tile {
    border: 3px solid var(--ink);
    border-radius: 14px;
    background: #fff;
    box-shadow: 4px 4px 0 var(--ink);
    transition: transform 0.12s ease, box-shadow 0.12s ease, background-color 0.12s ease;
  }.t-pop .slot-tile__date { font-family: "Unbounded", sans-serif; font-weight: 700; font-size: 13px; color: var(--ink); }.t-pop .slot-tile__time { color: var(--mute); font-weight: 600; }.t-pop .slot-tile.selected { background: var(--pink); transform: translate(3px, 3px); box-shadow: 1px 1px 0 var(--ink); }.t-pop .slot-tile.selected .slot-tile__date { color: var(--ink); }.t-pop .slot-tile.selected .slot-tile__time { color: var(--ink); }.t-pop .food-choices { gap: 14px; }.t-pop .food-choice {
    font-family: "Golos Text", sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: var(--ink);
    background: #fff;
    box-shadow: 4px 4px 0 var(--ink);
    border-radius: 14px;
    flex-direction: column;
    gap: 2px;
    padding: 12px 8px;
    text-align: center;
  }.t-pop .btn.food-choice:hover:not(:active):not(:disabled) { box-shadow: 5px 5px 0 var(--ink); }.t-pop .btn.food-choice--selected {
    background: var(--pink);
    color: var(--ink);
    border-color: var(--ink);
    transform: translate(3px, 3px);
    box-shadow: 1px 1px 0 var(--ink);
  }.t-pop .btn.food-choice--selected:hover:not(:active):not(:disabled) { background: var(--pink); transform: translate(3px, 3px); box-shadow: 1px 1px 0 var(--ink); }.t-pop .btn.food-choice--surprise { border-style: dashed; background: var(--lemon); }.t-pop .btn.food-choice--surprise.food-choice--selected { background: var(--pink); border-style: solid; }.t-pop .btn.food-choice--custom { font-family: "Unbounded", sans-serif; font-size: 13px; font-weight: 700; }.t-pop .form-status { color: #fff; font-weight: 700; }body.t-pop .preview-banner { background: var(--lemon); border: 2.5px solid var(--ink); color: var(--ink); box-shadow: 3px 3px 0 var(--ink); }