/* Full-screen moving cover, scoped to the opening step. */
body.v-flow.hycover { background: #100d0e; }
/* A normal page layer avoids fixed/transformed video compositing in WebView. */
body.v-flow.hycover .app { padding-bottom: 0; overflow: visible; }
body.v-flow.hycover [data-view="flow"] {
  position: relative; min-height: 100svh; isolation: isolate; animation: none;
}
body.v-flow.hycover [data-view="flow"] > .gx { min-height: 100svh; z-index: 3; }
body.v-flow.hycover .fbg.hyim.vcov {
  position: absolute; inset: 0; width: 100%; height: 100%; transform: none;
  background: #100d0e url("img/hy-cover-original0.jpg") 50% 32% / cover no-repeat;
}
body.v-flow.hycover .fbg.hyim.vcov:not(.vready) .fvid { opacity: 0 !important; }
body.v-flow.hycover .fbg.hyim.vcov .fvid,
body.v-flow.hycover .fbg.hyim.vcov .fims img {
  height: 100%; width: 100%; object-fit: cover; object-position: 50% 32%;
  mask-image: none; -webkit-mask-image: none;
}
body.v-flow.hycover .fbg.hyim.vcov .fvid { z-index: 1; transition: none; }
body.v-flow.hycover .fbg.hyim.vcov .fims,
body.v-flow.hycover .fbg .im,
body.v-flow.hycover .fbg .fx { display: none; }
body.v-flow.hycover .fbg.hyim.vcov .shade {
  z-index: 2;
  background: linear-gradient(180deg,rgba(13,7,9,.22),transparent 16%,transparent 48%,rgba(18,7,12,.25) 66%,rgba(12,5,8,.86) 100%);
}
body.v-flow.hycover .flow-top { position: relative; z-index: 2; }
body.v-flow.hycover .flow-top .ib { color: #fff; filter: drop-shadow(0 1px 4px #0008); }
/* Back arrow sits on dark imagery in every theme. */
body.v-flow.hyflow .flow-top .ib { filter: drop-shadow(0 1px 4px #0008); }
body.v-flow.hyflow .flow-top .ib svg { stroke: #fff; }
body.v-flow.hycover .prog { visibility: hidden; }
body.v-flow.hycover .step[data-step="cover"] {
  position: absolute; bottom: calc(108px + env(safe-area-inset-bottom,0px));
  left: 0; transform: none; width: 100%;
  padding: 0 18px !important; margin: 0; z-index: 1; min-height: 0; height: auto; animation: none;
}
body.v-flow.hycover .fcov { gap: 5px; }
body.v-flow.hycover .fcov small {
  font-size: clamp(17px,4.8vw,23px) !important; font-weight: 400;
  letter-spacing: .24em !important; color: #fff1db !important;
}
body.v-flow.hycover .fcov b {
  font-size: clamp(72px,22vw,106px) !important; line-height: 1.05; letter-spacing: -.025em;
  background: linear-gradient(165deg,#fff4dc 30%,#ffedd2 65%,#eab7a9 92%);
  background-clip: text; -webkit-background-clip: text;
  filter: drop-shadow(0 2px 10px #25071070); margin: 0;
}
body.v-flow.hycover .fcov p {
  font-size: clamp(13px,3.6vw,17px) !important; font-weight: 400;
  color: #fff0df !important; margin-top: 7px !important; white-space: nowrap;
}
body.v-flow.hycover .flow-cta.cov {
  position: absolute; z-index: 3; bottom: 0; left: 0; transform: none;
  width: 100%; padding: 16px 20px calc(20px + env(safe-area-inset-bottom,0px));
  background: transparent;
}
body.v-flow.hycover .flow-cta.cov .btn {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 60px; border-radius: 19px; background: #922f45; color: #fff2df;
  border: 1px solid #b7526570; font-family: var(--f); font-size: clamp(15px,4.2vw,18px); font-weight: 700;
  box-shadow: 0 6px 20px #23091038;
}
body.v-flow.hycover .flow-cta.cov .btn::before {
  content: ""; flex: 0 0 auto; width: 17px; height: 20px;
  background: currentColor; clip-path: polygon(12% 0,100% 50%,12% 100%);
}
body.v-flow.hycover .flow-cta.cov .btn:active {
  background: #7d253a;
}
/* Ha-yeon's greeting and input actions share the soft cover palette. */
body.v-flow.hyflow .flow-cta .btn,
body.v-flow.hycover .flow-cta.cov .btn {
  min-height: 60px;
  border-radius: 15px;
  border: 1px solid rgba(255,238,231,.8);
  background: linear-gradient(105deg, #e8b5bf 0%, #f2d2d6 42%, #fff8ef 100%);
  color: #602638;
  font-family: var(--f);
  font-size: clamp(17px,4.5vw,20px);
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: -.04em;
  text-shadow: none;
  box-shadow: 0 0 14px rgba(232,181,191,.18), 0 4px 16px rgba(35,9,16,.2);
}
body.v-flow.hyflow .flow-cta .btn:active,
body.v-flow.hycover .flow-cta.cov .btn:active {
  background: linear-gradient(105deg, #dda3b0 0%, #ecc3cb 42%, #f8ecdf 100%);
}
@media (max-height: 560px) {
  body.v-flow.hycover .step[data-step="cover"] { bottom: 88px; }
  body.v-flow.hycover .fcov b { font-size: 64px !important; }
  body.v-flow.hycover .flow-cta.cov { padding-bottom: 12px; }
}
/* Greeting video: preserve the original image quality and avoid fixed video layers. */
body.v-flow.hygreeting .app { overflow: visible; padding-bottom: 0; }
body.v-flow.hygreeting [data-view="flow"] { position: relative; isolation: isolate; animation: none; min-height: 100svh; }
body.v-flow.hygreeting [data-view="flow"] > .gx { min-height: 100svh; z-index: 3; }
body.v-flow.hygreeting .fbg { position: absolute; inset: 0; width: 100%; height: 100%; transform: none; background: #100d0e url("img/hy-greeting0.jpg") center top / cover no-repeat; }
body.v-flow.hygreeting .fbg .fvid { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; object-position: center top; mask-image: none; -webkit-mask-image: none; transition: none; z-index: 1; opacity: 0 !important; }
body.v-flow.hygreeting .fbg.vready .fvid { opacity: 1 !important; }
body.v-flow.hygreeting .fbg :is(.fims,.im,.fx) { display: none; }
body.v-flow.hygreeting .fbg .shade { z-index: 2; background: linear-gradient(180deg, #100d0e20, transparent 40%, #100d0e55 68%, #100d0ee6 100%); }
body.v-flow.hygreeting .step[data-step="hi"] { position: absolute; bottom: 112px; left: 0; width: 100%; min-height: 0; padding: 0 20px; }
body.v-flow.hygreeting .flow-cta { position: absolute; bottom: 0; left: 0; width: 100%; padding: 16px 20px calc(20px + env(safe-area-inset-bottom,0px)); background: transparent; }
/* Opening cover retains its solid burgundy action. */
body.v-flow.hycover .flow-cta.cov .btn {
  border-radius: 19px; background: #922f45; color: #fff2df;
  border: 1px solid #b7526570;
  font-size: clamp(15px,4.2vw,18px); font-weight: 700;
  letter-spacing: -.01em;
  box-shadow: 0 6px 20px #23091038;
}
body.v-flow.hycover .flow-cta.cov .btn:active { background: #7d253a; }
/* A smaller, quieter action for the greeting step. */
body.v-flow.hygreeting .flow-cta .btn {
  width: 88%; margin-inline: auto; min-height: 50px;
  padding: 12px 16px; border-radius: 13px;
  font-size: 17px;
}
/* After entry, every flow action uses the smaller next-step treatment. */
body.v-flow.hyflow:not(.hycover) .flow-cta .btn {
  width: 88%; margin-inline: auto; min-height: 50px;
  padding: 12px 16px; border-radius: 13px;
  font-size: 17px;
}
body.v-flow.hyflow:not(.hycover) .flow-cta { padding-inline: 20px; }
.name-entry { display: flex; align-items: center; gap: 16px; }
.name-entry input { min-width: 0; flex: 1; }
#nameConfirm { display: none; }
body.hyflow #fCta[hidden] { display: none !important; }
body.hyflow #nameConfirm { display: grid; place-items: center; flex: 0 0 48px; height: 48px; border: 0; border-radius: 50%; background: #fff8f3; color: #602638; font: 700 14px var(--f); cursor: pointer; transition: background .2s,color .2s; }
body.hyflow #nameConfirm:disabled { background: rgba(255,255,255,.12); color: rgba(255,255,255,.35); cursor: default; }
body.hyflow .name-entry input { border: 0; border-radius: 0; background: transparent; color: #fff; padding: 12px 0; font-size: 20px; box-shadow: none; }
body.hyflow .name-entry input::placeholder { color: rgba(255,255,255,.55); }
body.hyflow #nameConfirm { flex-basis: 64px; width: 64px; height: 48px; border-radius: 999px; }
/* Quiet moving backdrop while entering details. */
body.v-flow.hyinput .app { overflow: visible; padding-bottom: 0; }
body.v-flow.hyinput [data-view="flow"] { position: relative; isolation: isolate; min-height: 100svh; animation: none; }
body.v-flow.hyinput [data-view="flow"] > .gx { min-height: 100svh; z-index: 3; }
body.v-flow.hyinput .fbg { position: absolute; inset: 0; width: 100%; height: 100%; transform: none; background: #170e13 url("img/hy-greeting0.jpg") center / cover; }
body.v-flow.hyinput .fbg .fvid { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; object-position: center; mask-image: none; -webkit-mask-image: none; filter: blur(14px); transform: scale(1.08); transition: none; z-index: 1; opacity: 0 !important; }
body.v-flow.hyinput .fbg.vready .fvid { opacity: 1 !important; }
body.v-flow.hyinput .fbg :is(.im,.fims,.fx) { display: none; }
body.v-flow.hyinput .fbg .shade { z-index: 2; background: linear-gradient(180deg,rgba(12,8,15,.45),rgba(18,8,15,.25) 35%,rgba(12,7,12,.7) 75%,rgba(12,7,12,.9)); backdrop-filter: blur(5px); }
body.v-flow.hyinput .step { padding-top: clamp(200px,43svh,380px) !important; min-height: 0; padding-bottom: 24px; }
body.v-flow.hyinput .hyq { font-family: var(--f); font-size: 23px; font-weight: 700; color: #fff; text-shadow: 0 2px 12px #0005; }
body.v-flow.hyinput .hyq::before, body.v-flow.hyinput .hyq::after { content: none; }
body.v-flow.hyinput .flow-cta { background: transparent; }
body.v-flow.hyinput .field label, body.v-flow.hyinput .field .lb { color: #eee0e3; }
body.v-flow.hyinput .step[data-step="load"] { padding-top: 40px !important; }
.calm-stage { height: auto; min-height: 320px; margin: 0 0 24px; padding: 36px 22px; display: flex; align-items: center; flex-direction: column; text-align: center; border-radius: 22px; border: 1px solid #ead0d325; background: #23141dcc; }
.calm-label { font-size: 12px; letter-spacing: .1em; color: #e2b3bd; }
.calm-stage h2 { color: #fff3e9; font-size: 25px; line-height: 1.5; margin: 20px 0 10px; }
.calm-orbit { width: 42px; height: 42px; margin-top: 24px; border-radius: 50%; border: 1px solid #e7b6c035; border-top-color: #e7b6c0; animation: calmTurn 3s linear infinite; }
@keyframes calmTurn { to { transform: rotate(360deg); } }
.calm-stage .stsub { position: static; font-size: 13px; color: #d7c2c8; text-shadow: none; min-height: 42px; margin: 0; }
.calm-stage .pbar { position: static; width: 100%; height: 2px; margin-top: 20px; background: #ffffff18; }
.calm-stage .pbar i { background: #e8b5bf; box-shadow: none; }
@media(prefers-reduced-motion:reduce) { .calm-orbit { animation: none; } }
body.hyflow .step[data-step="birth"] .field:has([data-sel="gender"]) { display: none; }
/* Short conversational prompts and a single restrained transition. */
body.hyflow { --flow-font: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif; }
body.v-flow.hyinput .hyq { font-family: var(--flow-font); font-size: 21px; font-weight: 600; line-height: 1.45; letter-spacing: -.025em; margin-bottom: 22px; transition: none; transform: none; opacity: 1; }
body.hyinput .step.on { animation: flowEnter .24s ease-out; transition: opacity .2s ease; }
body.hyinput .step.on.leaving { opacity: 0; }
@keyframes flowEnter { from { opacity: 0; } to { opacity: 1; } }
body.hyinput :is(input,textarea,button,label,.lb) { font-family: var(--flow-font); letter-spacing: -.02em; }
body.hyinput .opts .opt { background: transparent; border: 0; border-radius: 12px; min-height: 44px; padding: 10px 8px; font-size: 16px; font-weight: 400; color: #eee7e9; display: flex; align-items: center; gap: 10px; }
body.hyinput .opts .opt::before { content: ""; width: 14px; height: 14px; border: 1px solid #ffffff65; border-radius: 50%; flex-shrink: 0; }
body.hyinput .opts .opt.on { background: #ffffff12; color: #fff; }
body.hyinput .opts .opt.on::before { border: 4px solid #f2d2d6; background: #602638; }
body.hyinput .opts .opt small { font-size: 12px; color: #d4c7cc; }
body.hyinput .step[data-step="gender"] .opts { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
body.hyinput .step[data-step="gender"] .opt { background: #ffffff16; justify-content: center; border-radius: 999px; }
body.hyinput .field input:not([type="checkbox"]) { background: transparent; border: 0; border-bottom: 1px solid #ffffff35; border-radius: 0; padding: 12px 0; color: #fff; font-size: 19px; font-weight: 500; box-shadow: none; }
body.hyinput .field input::placeholder { color: #d4c7cc88; }
body.hyinput .seg button { border-radius: 999px; font-size: 14px; font-weight: 500; }
body.hyinput .field :is(label,.lb),body.hyinput .chk { font-size: 12px; font-weight: 400; }
body.hyinput .name-entry input { border-bottom: 0 !important; }
@media(prefers-reduced-motion:reduce) { body.hyinput .step.on { animation: none; transition: none; } }
/* Reference-inspired input controls, confined to Ha-yeon's conversation. */
body.hyflow { --flow-font: "Pretendard", -apple-system, BlinkMacSystemFont, "Malgun Gothic", sans-serif; }
body.v-flow.hyinput .hyq { font-size: 26px; font-weight: 700; line-height: 1.4; letter-spacing: -.035em; margin-bottom: 26px; }
body.hyinput .opts { gap: 10px; }
body.hyinput .opts .opt { min-height: 54px; padding: 15px 18px; border-radius: 12px; background: #49332deb; color: #fff8f3; font-size: 18px; font-weight: 500; justify-content: center; box-shadow: none; }
body.hyinput .opts .opt::before { content: none; }
body.hyinput .opts .opt.on { background: #6b4740; color: #fff; }
body.hyinput .opts .opt small { font-size: 13px; color: #d9c8c1; }
body.hyinput .step[data-step="gender"] .opt { min-height: 66px; border: 1px solid #ffffff85; border-radius: 20px; background: #ffffff26; font-size: 21px; font-weight: 600; }
body.hyinput .step[data-step="gender"] .opt.on { background: #fff5ec; color: #422c29; border-color: #fff5ec; }
body.hyinput .step[data-step="love"] .opts { gap: 5px; }
body.hyinput .step[data-step="love"] .opt { background: transparent; border: 0; border-radius: 10px; justify-content: flex-start; min-height: 55px; padding: 12px 2px; gap: 14px; color: #d8d1ce; font-size: 18px; font-weight: 500; }
body.hyinput .step[data-step="love"] .opt::before { content: ""; width: 22px; height: 22px; box-sizing: border-box; border: 1px solid #ffffff70; border-radius: 50%; flex-shrink: 0; }
body.hyinput .step[data-step="love"] .opt.on { color: #fff; }
body.hyinput .step[data-step="love"] .opt.on::before { border: 6px solid #fff5ec; background: #795044; }
body.hyinput .birth-entry { display: flex; align-items: center; gap: 16px; }
body.hyinput .birth-entry .field { margin: 0; }
body.hyinput .birth-date { flex: 1; min-width: 0; }
body.hyinput .birth-entry label,body.hyinput .birth-calendar .lb { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
body.hyinput .birth-calendar { flex: 0 0 auto; }
body.hyinput .birth-calendar .seg { display: flex; gap: 6px; background: transparent; border: 0; padding: 0; }
body.hyinput .birth-calendar .seg button { flex: none; width: 60px; height: 52px; padding: 0; border: 0; border-radius: 999px; background: #ffffff22; color: #d0c8c5; font-size: 16px; font-weight: 600; box-shadow: none; }
body.hyinput .birth-calendar .seg button.on { background: #fff; color: #28212a; }
body.hyinput .field input:not([type="checkbox"]) { border-bottom: 0; font-size: 22px; font-weight: 600; }
body.hyinput .field textarea { background: #34262299; border: 1px solid #ffffff40; border-radius: 14px; color: #fff; font-size: 17px; line-height: 1.65; padding: 16px; }
body.hyinput .field input::placeholder { color: #ffffff60; }
body.hyinput .opt:focus-visible,body.hyinput .seg button:focus-visible { outline: 2px solid #fff2df; outline-offset: 3px; }
@media(max-width:360px) { body.hyinput .birth-entry { gap: 8px; } body.hyinput .birth-calendar .seg button { width: 52px; height: 48px; } body.v-flow.hyinput .hyq { font-size: 24px; } }
/* Hide the top progress line and restore the opening burgundy button. */
body.v-flow.hyflow .prog { visibility: hidden; }
body.v-flow.hygreeting .flow-cta .btn {
  background: #922f45;
  color: #fff2df;
  border: 1px solid #b7526570;
  box-shadow: 0 6px 20px #23091038;
}
body.v-flow.hygreeting .flow-cta .btn:active { background: #7d253a; }
/* Restore the full-size entrance action with a play arrow. */
body.v-flow.hyflow.hygreeting .flow-cta .btn {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  width: 100%; min-height: 60px; padding: 16px 18px; border-radius: 19px;
  font-size: 20px;
}
body.v-flow.hyflow.hygreeting .flow-cta .btn::before {
  content: ""; display: block; flex: 0 0 17px; width: 17px; height: 20px;
  background: currentColor; clip-path: polygon(0 0,100% 50%,0 100%);
}
/* Crisp UI lettering for the entrance button. */
body.v-flow.hyflow.hygreeting .flow-cta .btn {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Malgun Gothic", sans-serif;
  font-size: 20px; font-weight: 700; letter-spacing: -.025em; line-height: 1.4;
  color: #fff; text-shadow: none; -webkit-text-stroke: 0;
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
/* Original-resolution writing video during chapter-one generation. */
.writing-stage { height: auto; min-height: 0; border: 0; border-radius: 18px; overflow: hidden; background: #160e0e; }
.writing-stage .writing-video { display: block; width: 100%; height: auto; object-fit: contain; filter: none; }
.writing-stage .writing-caption { position: relative; padding: 22px 20px; background: #211613; text-align: center; }
.writing-stage h2 { margin: 0 0 10px; font: 600 23px/1.45 var(--flow-font); color: #fff5eb; }
.writing-stage .stsub { position: static; margin: 0; min-height: 24px; color: #d9c6bd; font-size: 13px; text-shadow: none; }
.writing-stage .pbar { position: static; margin-top: 18px; width: 100%; height: 2px; background: #ffffff20; }
.writing-stage .pbar i { background: #e8b5bf; box-shadow: none; }
.writing-stage .writing-video { position: relative; inset: auto; aspect-ratio: 848 / 1056; }
/* Chapter generation shows only the writing video. */
body.hyflow .step[data-step="load"]:has(.writing-stage) .writing-caption,
body.hyflow .step[data-step="load"]:has(.writing-stage) .ld-steps,
body.hyflow .step[data-step="load"]:has(.writing-stage) .ld-card,
body.hyflow .step[data-step="load"]:has(.writing-stage) .ld-tip { display: none !important; }
body.hyflow [data-view="flow"]:has(.step[data-step="load"].on .writing-stage) .flow-top { visibility: hidden; }
body.v-flow.hyinput .step[data-step="load"]:has(.writing-stage) { padding: 0 !important; }
body.hyflow .writing-stage { margin: 0 -16px; border-radius: 0; background: #100b0b; min-height: 100svh; display: flex; align-items: center; }
body.hyflow .writing-stage .writing-video { width: 100%; max-height: 100svh; object-fit: contain; }
body.hyflow [data-view="flow"]:has(.step[data-step="load"].on .writing-stage) .flow-top { display: none; }
/* Minimal generation progress beneath the video. */
body.hyflow .writing-stage { position: relative; }
body.hyflow .step[data-step="load"]:has(.writing-stage) .writing-caption { display: block !important; position: absolute; bottom: 0; left: 0; right: 0; padding: 28px 22px calc(24px + env(safe-area-inset-bottom,0px)); background: linear-gradient(transparent,rgba(20,10,12,.92)); }
body.hyflow .writing-caption h2, body.hyflow .writing-caption .stsub { display: none; }
.writing-progress-label { display: flex; justify-content: space-between; align-items: center; color: #fff4ed; font: 500 13px/1.5 var(--flow-font); }
body.hyflow .writing-caption .pbar { margin-top: 10px; height: 4px; border-radius: 999px; overflow: hidden; background: #ffffff30; }
body.hyflow .writing-caption .pbar i { border-radius: inherit; background: #e8b5bf; }
/* High-contrast gender choices and a wider next action in the input flow. */
body.v-flow.hyinput .step[data-step="gender"] .opt {
  min-height: 50px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 999px;
  background: rgba(255,255,255,.16);
  color: rgba(255,255,255,.78);
  font-size: 17px;
  font-weight: 600;
  transition: background .18s ease, color .18s ease, border-color .18s ease;
}
body.v-flow.hyinput .step[data-step="gender"] .opt.on {
  border-color: #fff;
  background: #fff;
  color: #141a29;
}
body.v-flow.hyinput .step[data-step="gender"] .opt:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}
body.v-flow.hyflow:not(.hycover):not(.hygreeting) .flow-cta .btn {
  width: 100%;
  min-height: 64px;
  padding: 16px 20px;
  border: 1px solid rgba(255,255,255,.92);
  border-radius: 999px;
  background: #fff;
  color: #141a29;
  font-size: 19px;
  font-weight: 700;
  box-shadow: 0 4px 18px rgba(0,0,0,.2);
}
body.v-flow.hyflow:not(.hycover):not(.hygreeting) .flow-cta .btn:active {
  background: #e9edf5;
}
body.v-flow.hyflow:not(.hycover):not(.hygreeting) #fCta .btn {
  transition: background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
body.v-flow.hyflow:not(.hycover):not(.hygreeting) #fCta.ask-empty .btn {
  border-color: rgba(255,255,255,.5);
  background: rgba(255,255,255,.14);
  color: #fff;
  box-shadow: none;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
body.v-flow.hyflow:not(.hycover):not(.hygreeting) #fCta.ask-empty .btn:active {
  background: rgba(255,255,255,.22);
}
/* Use familiar system Korean gothic lettering for primary actions. */
.btn,
body.v-flow.hyflow .flow-cta .btn {
  font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;
  font-weight: 700;
  letter-spacing: -.035em;
  -webkit-font-smoothing: antialiased;
}
body.v-detail .buybar #buy {
  font-family: "Pretendard Variable", "Pretendard", sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -.025em;
}