/*
 * Genba Nippo v1.7.0 / Claude Design batch 2 presentation layer.
 *
 * This file is intentionally inert until pwa-v170-batch2.js adds
 * `html.v170-batch2-enabled` and a `data-v170-batch2-screen` marker. It only
 * restyles the six approved surfaces; canonical controls and state remain in
 * their existing DOM.
 */

html.v170-batch2-enabled {
  --gn-b2-paper: var(--gn-bg, #fbfcfd);
  --gn-b2-soft: var(--gn-surface-soft, #eef4fa);
  --gn-b2-surface: var(--gn-surface, #fbfcfd);
  --gn-b2-fg: var(--gn-text, #12304d);
  --gn-b2-fg-2: var(--gn-text-muted, #4a6178);
  --gn-b2-fg-3: var(--gn-text-quiet, #5b7186);
  --gn-b2-num: var(--gn-number, #0a2540);
  --gn-b2-navy: var(--gn-primary-bg, #0a2540);
  --gn-b2-on-navy: var(--gn-primary-fg, #f2f7fb);
  --gn-b2-on-photo: var(--gn-on-photo, #f2f7fb);
  --gn-b2-accent: var(--gn-accent, #0b7ec7);
  --gn-b2-warning: var(--gn-warning, #c2570f);
  --gn-b2-hair: var(--gn-hairline, rgb(18 48 77 / 7%));
  --gn-b2-shadow: var(--gn-shadow-surface, 0 18px 44px rgb(18 48 77 / 13%), 0 4px 14px rgb(18 48 77 / 5%));
  --gn-b2-font-sans: var(--gn-font-sans, -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", Meiryo, sans-serif);
  --gn-b2-font-mincho: var(--gn-font-mincho, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", serif);
  --gn-b2-label-space: var(--gn-label-tracking, .28em);
  --gn-b2-action-height: var(--gn-main-action-height, 62px);
  --gn-b2-touch: var(--gn-control-height, 44px);
  --gn-b2-action-radius: var(--gn-main-action-radius, 31px);
  --gn-b2-safe-top: env(safe-area-inset-top, 0px);
  --gn-b2-safe-bottom: var(--gn-safe-bottom, env(safe-area-inset-bottom, 0px));
  overflow-x: clip;
}

html.v170-batch2-enabled body[data-v170-batch2-screen] {
  min-width: 320px;
  min-height: 100dvh;
  overflow-x: clip;
  background: var(--gn-b2-paper);
  color: var(--gn-b2-fg);
  font-family: var(--gn-b2-font-sans);
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

html.v170-batch2-enabled body[data-v170-batch2-screen] :is(button, input, select, textarea) {
  font-family: var(--gn-b2-font-sans);
}

html.v170-batch2-enabled body[data-v170-batch2-screen] :is(button, a, summary) {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

html.v170-batch2-enabled body[data-v170-batch2-screen] :is(input, select, textarea) {
  min-width: 0;
  font-size: 16px;
}

html.v170-batch2-enabled body[data-v170-batch2-screen] :is(.gn170-b2-kicker, .gn170-b2-field-session > span, .gn170-b2-field-in > span, .gn170-b2-field-out > span, .gn170-b2-field-note > span, .gn170-b2-field-reason > span, .gn170-b2-field-date > span, .gn170-b2-field-title > span, .gn170-b2-field-body > span) {
  font-size: 10px;
  font-weight: 400;
  letter-spacing: var(--gn-b2-label-space);
  line-height: 1.5;
  text-transform: none;
}

html.v170-batch2-enabled body[data-v170-batch2-screen] :is(input[type="date"], input[type="time"], .pwa-time-pair b) {
  font-variant-numeric: tabular-nums;
}

/* Shared editorial hero used by correction and site transfer. */
html.v170-batch2-enabled .gn170-b2-hero {
  position: relative;
  isolation: isolate;
  display: flex;
  width: 100%;
  min-height: 300px;
  flex-direction: column;
  overflow: hidden;
  background-color: #0a2540;
  background-position: center;
  background-size: cover;
  color: var(--gn-b2-on-photo);
}

html.v170-batch2-enabled .gn170-b2-hero--correction {
  background-image: url("/assets/pwa/site-industrial.jpg");
}

html.v170-batch2-enabled .gn170-b2-hero--site-move {
  min-height: 320px;
  background-image: url("/assets/pwa/site-urban.jpg");
}

html.v170-batch2-enabled .gn170-b2-hero::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background:
    linear-gradient(180deg, rgb(6 23 42 / 88%) 0%, rgb(6 23 42 / 76%) 42%, rgb(6 23 42 / 90%) 78%, #06172a 100%),
    var(--gn-photo-overlay, rgb(10 37 64 / 12%));
  content: "";
}

html.v170-batch2-enabled .gn170-b2-hero-copy {
  display: flex;
  min-height: inherit;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: flex-end;
  padding: max(52px, calc(var(--gn-b2-safe-top) + 28px)) 26px 46px;
}

html.v170-batch2-enabled .gn170-b2-hero-copy .gn170-b2-kicker {
  margin: 0 0 14px;
  color: var(--gn-b2-on-photo);
  opacity: 1;
}

html.v170-batch2-enabled .gn170-b2-hero-copy h1 {
  margin: 0;
  color: var(--gn-b2-on-photo);
  font: 400 36px/1.26 var(--gn-b2-font-mincho);
  letter-spacing: -.01em;
}

html.v170-batch2-enabled .gn170-b2-hero-copy small {
  margin-top: 18px;
  color: var(--gn-b2-on-photo);
  font-size: 12px;
  line-height: 1.8;
  opacity: .82;
}

html.v170-batch2-enabled .gn170-b2-hero-back {
  position: absolute;
  z-index: 2;
  top: max(18px, calc(var(--gn-b2-safe-top) + 10px));
  left: 26px;
  display: grid;
  width: var(--gn-b2-touch);
  min-width: var(--gn-b2-touch);
  height: var(--gn-b2-touch);
  min-height: var(--gn-b2-touch);
  place-items: center;
  border: 1px solid rgb(242 247 251 / 34%);
  border-radius: 50%;
  background: rgb(10 37 64 / 62%);
  color: var(--gn-b2-on-photo);
  -webkit-text-fill-color: var(--gn-b2-on-photo);
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  box-shadow: none;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

html.v170-batch2-enabled .gn170-b2-primary-action,
html.v170-batch2-enabled .gn170-b2-secondary-action {
  min-height: var(--gn-b2-action-height);
  border-radius: var(--gn-b2-action-radius);
  font: 400 20px/1.2 var(--gn-b2-font-mincho);
  letter-spacing: .08em;
}

html.v170-batch2-enabled .gn170-b2-primary-action {
  border: 0;
  background: var(--gn-b2-navy);
  color: var(--gn-b2-on-navy);
  -webkit-text-fill-color: var(--gn-b2-on-navy);
  box-shadow: 0 20px 46px rgb(10 37 64 / 34%), 0 4px 14px rgb(10 37 64 / 18%);
}

html.v170-batch2-enabled .gn170-b2-secondary-action {
  border: 0;
  background: var(--gn-b2-soft);
  color: var(--gn-b2-fg-2);
  -webkit-text-fill-color: var(--gn-b2-fg-2);
  box-shadow: none;
}

/* 1. 打刻修正: keep the real form and correction history. */
html.v170-batch2-enabled body[data-v170-batch2-screen="correction"] .app-header,
html.v170-batch2-enabled body[data-v170-batch2-screen="correction"] #update-banner,
html.v170-batch2-enabled body[data-v170-batch2-screen="correction"] #net-badge,
html.v170-batch2-enabled body[data-v170-batch2-screen="correction"] #tab-history > .section-head,
html.v170-batch2-enabled body[data-v170-batch2-screen="correction"] #tab-history > .segments {
  display: none;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="correction"] .tab-stage {
  width: min(100%, 560px);
  margin: 0 auto;
  padding: 0 0 calc(92px + var(--gn-b2-safe-bottom));
}

html.v170-batch2-enabled body[data-v170-batch2-screen="correction"] #tab-history {
  min-width: 0;
  background: var(--gn-b2-paper);
}

html.v170-batch2-enabled body[data-v170-batch2-screen="correction"] .gn170-b2-correction-content {
  position: relative;
  z-index: 2;
  display: block;
  min-width: 0;
  margin: -30px 0 0;
  padding: 40px 26px 30px;
  border-radius: 34px 34px 0 0;
  background: var(--gn-b2-paper);
}

html.v170-batch2-enabled body[data-v170-batch2-screen="correction"] .gn170-b2-correction-card {
  margin: 0;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="correction"] .gn170-b2-correction-card > summary {
  min-height: var(--gn-b2-touch);
  padding: 0 0 18px;
  border-bottom: 1px solid var(--gn-b2-hair);
  color: var(--gn-b2-fg-2);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .12em;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="correction"] .gn170-b2-correction-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 12px;
  padding: 26px 0 0;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="correction"] .gn170-b2-correction-form .field {
  margin: 0 0 30px;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="correction"] :is(.gn170-b2-field-session, .gn170-b2-field-note, .gn170-b2-field-reason, .gn170-b2-primary-action, .gn170-b2-form-message) {
  grid-column: 1 / -1;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="correction"] .gn170-b2-correction-form .field > span {
  margin-bottom: 14px;
  color: var(--gn-b2-fg-2);
}

html.v170-batch2-enabled body[data-v170-batch2-screen="correction"] .gn170-b2-correction-form :is(input, select, textarea) {
  width: 100%;
  min-height: 60px;
  border: 1px solid transparent;
  border-radius: 30px;
  background: var(--gn-b2-soft);
  color: var(--gn-b2-fg);
  -webkit-text-fill-color: var(--gn-b2-fg);
  padding: 0 22px;
  box-shadow: none;
  opacity: 1;
  color-scheme: light;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="correction"] .gn170-b2-correction-form input[type="time"] {
  padding-inline: 14px;
  color: var(--gn-b2-num);
  -webkit-text-fill-color: var(--gn-b2-num);
  font-size: clamp(22px, 7vw, 30px);
  text-align: center;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="correction"] .gn170-b2-correction-form textarea {
  min-height: 132px;
  border-radius: 28px;
  padding: 18px 22px;
  line-height: 1.8;
  resize: vertical;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="correction"] .gn170-b2-field-reason textarea {
  min-height: 180px;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="correction"] #corr-time-help {
  display: block;
  margin: 8px 5px 0;
  color: var(--gn-b2-fg-3);
  font-size: 11px;
  line-height: 1.6;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="correction"] #corr-send {
  position: sticky;
  z-index: 5;
  bottom: calc(82px + var(--gn-b2-safe-bottom));
  width: 100%;
  margin: 4px 0 28px;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="correction"] .gn170-b2-correction-list {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--gn-b2-hair);
}

html.v170-batch2-enabled body[data-v170-batch2-screen="correction"] .gn170-b2-correction-list .list-card {
  margin: 0;
  padding: 22px 0;
  border: 0;
  border-bottom: 1px solid var(--gn-b2-hair);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

/* 2. 個人予定: preserve the real calendar and selected-day list. */
html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .calendar-page {
  width: min(100%, 560px);
  padding: 0 0 calc(94px + var(--gn-b2-safe-bottom));
  background: var(--gn-b2-paper);
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .gn170-b2-personal-hero {
  isolation: isolate;
  min-height: 300px;
  margin: 0;
  background-color: #0a2540;
  background-image: var(--pwa-photo-url, url("/assets/pwa/personal-schedule-hero.jpg"));
  background-position: center;
  filter: none;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .gn170-b2-personal-hero::before,
html.v170-batch2-enabled body[data-v170-batch2-screen="personal-editor"] .gn170-b2-editor-hero::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(180deg, rgb(6 23 42 / 88%) 0%, rgb(6 23 42 / 76%) 42%, rgb(6 23 42 / 90%) 78%, #06172a 100%);
  content: "";
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .gn170-b2-personal-hero > * {
  position: relative;
  z-index: 1;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .hero-topbar {
  min-height: calc(74px + var(--gn-b2-safe-top));
  padding: max(18px, calc(var(--gn-b2-safe-top) + 10px)) 26px 6px;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .brand {
  display: grid;
  width: var(--gn-b2-touch);
  min-width: var(--gn-b2-touch);
  height: var(--gn-b2-touch);
  place-items: center;
  overflow: hidden;
  border: 1px solid rgb(242 247 251 / 34%);
  border-radius: 50%;
  background: rgb(10 37 64 / 62%);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .brand-mark {
  width: 34px;
  height: 34px;
  flex-basis: 34px;
  box-shadow: none;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] img.gn170-b2-brand-master {
  display: block;
  padding: 0;
  border: 0;
  background: transparent;
  object-fit: contain;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .brand-copy,
html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .hero-add {
  display: none;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .gn170-b2-hero-month {
  color: var(--gn-b2-on-photo);
  font-size: 10px;
  letter-spacing: var(--gn-b2-label-space);
  opacity: 1;
  white-space: nowrap;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .hero-copy {
  position: absolute;
  right: 26px;
  bottom: 46px;
  left: 26px;
  max-width: none;
  margin: 0;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .hero-copy h1 {
  color: var(--gn-b2-on-photo);
  font: 400 36px/1.26 var(--gn-b2-font-mincho);
  letter-spacing: -.01em;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .hero-copy > span {
  margin-top: 18px;
  color: var(--gn-b2-on-photo);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.8;
  opacity: 1;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .hero-copy .gn170-b2-kicker {
  margin: 0 0 14px;
  color: var(--gn-b2-on-photo);
  opacity: 1;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .hero-photo-actions {
  right: 24px;
  bottom: 16px;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .hero-photo-change {
  min-height: var(--gn-b2-touch);
  border-color: rgb(242 247 251 / 34%);
  background: rgb(10 37 64 / 58%);
  color: var(--gn-b2-on-photo);
  font-size: 11px;
  font-weight: 400;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .gn170-b2-personal-calendar {
  margin: -30px 0 0;
  padding: 40px 26px 18px;
  border: 0;
  border-radius: 34px 34px 0 0;
  background: var(--gn-b2-paper);
  box-shadow: none;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .month-navigation {
  grid-template-columns: 44px minmax(0, 1fr) 44px;
  min-height: 60px;
  margin: 0 0 14px;
  border-radius: 30px;
  background: var(--gn-b2-soft);
  padding: 0 8px;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .month-navigation output {
  color: var(--gn-b2-num);
  font-size: 20px;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .month-navigation button {
  color: var(--gn-b2-fg);
  font-weight: 400;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .calendar-day {
  min-height: 48px;
  color: var(--gn-b2-fg);
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .gn170-b2-personal-detail {
  margin: 0;
  padding: 4px 26px 8px;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .personal-detail .detail-head {
  min-height: 62px;
  border-bottom: 1px solid var(--gn-b2-hair);
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .plan-list {
  gap: 0;
  margin: 0;
  padding: 0;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .plan-list::before,
html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .plan-card::before,
html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .plan-card::after {
  content: none;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .plan-card {
  min-height: 108px;
  padding: 22px 48px 22px 0;
  border: 0;
  border-bottom: 1px solid var(--gn-b2-hair);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .plan-card h3 {
  color: var(--gn-b2-fg);
  font: 400 21px/1.45 var(--gn-b2-font-mincho);
  letter-spacing: .04em;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .plan-card p {
  margin-top: 10px;
  color: var(--gn-b2-fg-2);
  font-size: 12px;
  line-height: 1.8;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .plan-card.is-complete {
  opacity: 1;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .plan-card.is-complete h3 {
  color: var(--gn-b2-fg-2);
  text-decoration: line-through;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .plan-card .text-button {
  color: var(--gn-b2-fg);
  -webkit-text-fill-color: var(--gn-b2-fg);
  opacity: 1;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .plan-actions {
  top: 16px;
  right: 0;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .gn170-b2-personal-add {
  position: sticky;
  z-index: 8;
  bottom: calc(84px + var(--gn-b2-safe-bottom));
  display: block;
  width: calc(100% - 32px);
  margin: 26px 16px 20px;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .privacy {
  margin: 0;
  padding: 4px 26px 24px;
  color: var(--gn-b2-fg-2);
}

/* 3. 予定追加・編集: real date/title/body/completion fields only. */
html.v170-batch2-enabled body[data-v170-batch2-screen="personal-editor"] .calendar-page {
  width: min(100%, 560px);
  padding: 0;
  background: var(--gn-b2-paper);
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-editor"] .gn170-b2-editor-hero {
  position: relative;
  isolation: isolate;
  top: auto;
  display: grid;
  min-height: 300px;
  margin: 0;
  padding: max(18px, calc(var(--gn-b2-safe-top) + 10px)) 26px 46px;
  grid-template-columns: 44px minmax(0, 1fr) 44px;
  align-items: start;
  border: 0;
  background-color: #0a2540;
  background-image: url("/assets/pwa/personal-schedule-hero.jpg");
  background-position: center;
  background-size: cover;
  color: var(--gn-b2-on-photo);
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-editor"] .gn170-b2-editor-hero .icon-button {
  width: var(--gn-b2-touch);
  min-width: var(--gn-b2-touch);
  height: var(--gn-b2-touch);
  border: 1px solid rgb(242 247 251 / 34%);
  border-radius: 50%;
  background: rgb(10 37 64 / 62%);
  color: var(--gn-b2-on-photo);
  box-shadow: none;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-editor"] .gn170-b2-editor-hero > div {
  align-self: end;
  grid-column: 1 / -1;
  text-align: left;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-editor"] .gn170-b2-editor-hero h1 {
  margin-top: 14px;
  color: var(--gn-b2-on-photo);
  font: 400 36px/1.26 var(--gn-b2-font-mincho);
  letter-spacing: -.01em;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-editor"] .gn170-b2-editor-hero .gn170-b2-kicker {
  margin: 0;
  color: var(--gn-b2-on-photo);
  opacity: 1;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-editor"] .gn170-b2-editor-stage {
  position: relative;
  z-index: 2;
  min-height: calc(100dvh - 270px);
  margin: -30px 0 0;
  padding: 40px 26px calc(28px + var(--gn-b2-safe-bottom));
  border-radius: 34px 34px 0 0;
  background: var(--gn-b2-paper);
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-editor"] .gn170-b2-editor-form {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-editor"] .gn170-b2-editor-form .field {
  margin-bottom: 30px;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-editor"] .gn170-b2-editor-form .field > span {
  margin-bottom: 14px;
  color: var(--gn-b2-fg-2);
  opacity: 1;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-editor"] .gn170-b2-editor-form :is(input, textarea) {
  width: 100%;
  min-height: 60px;
  border: 1px solid transparent;
  border-radius: 30px;
  background: var(--gn-b2-soft) !important;
  color: var(--gn-b2-fg) !important;
  -webkit-text-fill-color: var(--gn-b2-fg) !important;
  padding: 0 22px;
  box-shadow: none;
  caret-color: var(--gn-b2-fg);
  opacity: 1;
  color-scheme: light !important;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-editor"] .gn170-b2-editor-form :is(input, textarea)::placeholder {
  color: var(--gn-b2-fg-2) !important;
  -webkit-text-fill-color: var(--gn-b2-fg-2) !important;
  opacity: 1;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-editor"] :is(.privacy, .form-help, .field small) {
  color: var(--gn-b2-fg-2);
  -webkit-text-fill-color: var(--gn-b2-fg-2);
  opacity: 1;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-editor"] #editor-date {
  font-size: 20px;
  font-variant-numeric: tabular-nums;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-editor"] #editor-body {
  min-height: 160px;
  border-radius: 28px;
  padding-block: 18px;
  line-height: 1.9;
  resize: vertical;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-editor"] .gn170-b2-field-completed {
  min-height: var(--gn-b2-touch);
  margin: 0 0 22px;
  color: var(--gn-b2-fg);
  font-weight: 400;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-editor"] .gn170-b2-field-completed input {
  width: 22px;
  height: 22px;
  accent-color: var(--gn-b2-accent);
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-editor"] .gn170-b2-editor-actions {
  position: sticky;
  z-index: 8;
  bottom: max(18px, var(--gn-b2-safe-bottom));
  display: grid;
  grid-template-columns: 118px minmax(0, 1fr);
  gap: 12px;
  margin: 28px -10px 0;
  padding: 0;
  border: 0;
  background: transparent;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="personal-editor"] #editor-delete {
  min-height: var(--gn-b2-touch);
  border-radius: 22px;
}

/* 4. 勤務セッション: one canonical record, rendered editorially. */
html.v170-batch2-enabled body[data-v170-batch2-screen="session"] .gn170-b2-session-screen {
  background: var(--gn-b2-paper);
  color: var(--gn-b2-fg);
  color-scheme: light;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="session"] .gn170-b2-session-screen > .pwa-secondary-header {
  display: none;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="session"] .gn170-b2-session-content {
  width: min(100%, 560px);
  min-height: 100dvh;
  margin: 0 auto;
  padding: 0 0 calc(96px + var(--gn-b2-safe-bottom));
  background: var(--gn-b2-paper);
  color: var(--gn-b2-fg);
}

html.v170-batch2-enabled body[data-v170-batch2-screen="session"] .gn170-b2-session-hero {
  position: relative;
  isolation: isolate;
  display: flex;
  min-height: 320px;
  flex-direction: column;
  justify-content: flex-end;
  padding: max(52px, calc(var(--gn-b2-safe-top) + 28px)) 26px 46px;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background-color: #0a2540;
  background-image: url("/assets/pwa/site-interior.jpg");
  background-position: center;
  background-size: cover;
  color: var(--gn-b2-on-photo);
  text-align: left;
  box-shadow: none;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="session"] .gn170-b2-session-hero::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(180deg, rgb(6 23 42 / 88%) 0%, rgb(6 23 42 / 76%) 42%, rgb(6 23 42 / 90%) 78%, #06172a 100%);
  content: "";
}

html.v170-batch2-enabled body[data-v170-batch2-screen="session"] .gn170-b2-session-hero .gn170-b2-hero-back {
  top: max(18px, calc(var(--gn-b2-safe-top) + 10px));
}

html.v170-batch2-enabled body[data-v170-batch2-screen="session"] .gn170-b2-session-kicker {
  margin-bottom: 14px;
  color: var(--gn-b2-on-photo);
  font-size: 10px;
  font-weight: 400;
  letter-spacing: var(--gn-b2-label-space);
  opacity: 1;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="session"] .gn170-b2-session-title {
  margin: 0;
  color: var(--gn-b2-on-photo);
  font: 400 36px/1.26 var(--gn-b2-font-mincho);
  letter-spacing: -.01em;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="session"] .gn170-b2-session-hero > small {
  order: 3;
  margin-top: 18px;
  color: var(--gn-b2-on-photo);
  font-size: 10px;
  font-weight: 400;
  letter-spacing: var(--gn-b2-label-space);
  opacity: .8;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="session"] .gn170-b2-session-hero > h2 {
  order: 4;
  margin: 8px 0 0;
  color: var(--gn-b2-on-photo);
  font: 400 21px/1.45 var(--gn-b2-font-mincho);
  letter-spacing: .04em;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="session"] .gn170-b2-session-hero > .status-label {
  order: 5;
  align-self: flex-start;
  margin-top: 10px;
  border-color: rgb(242 247 251 / 30%);
  background: rgb(10 37 64 / 58%);
  color: var(--gn-b2-on-photo);
  -webkit-text-fill-color: var(--gn-b2-on-photo);
}

html.v170-batch2-enabled body[data-v170-batch2-screen="session"] .gn170-b2-session-times,
html.v170-batch2-enabled body[data-v170-batch2-screen="session"] .gn170-b2-session-details,
html.v170-batch2-enabled body[data-v170-batch2-screen="session"] .gn170-b2-session-content > .gn170-b2-primary-action {
  position: relative;
  z-index: 2;
  margin-inline: 26px;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="session"] .gn170-b2-session-times {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: -30px;
  margin-bottom: 0;
  padding-top: 40px;
  border-radius: 34px 34px 0 0;
  background: var(--gn-b2-paper);
}

html.v170-batch2-enabled body[data-v170-batch2-screen="session"] .gn170-b2-session-times > span {
  display: none;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="session"] .gn170-b2-session-times > div {
  min-width: 0;
  min-height: 94px;
  padding: 16px 12px;
  border: 0;
  border-radius: 28px;
  background: var(--gn-b2-soft);
  box-shadow: none;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="session"] .gn170-b2-session-times small {
  color: var(--gn-b2-fg-2);
  font-size: 10px;
  font-weight: 400;
  letter-spacing: var(--gn-b2-label-space);
}

html.v170-batch2-enabled body[data-v170-batch2-screen="session"] .gn170-b2-session-times b {
  margin-top: 12px;
  color: var(--gn-b2-num);
  font-size: clamp(25px, 8vw, 32px);
  font-weight: 400;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="session"] .gn170-b2-session-details {
  overflow: visible;
  margin-top: 26px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="session"] .gn170-b2-session-details > div {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.7fr);
  align-items: baseline;
  min-height: 64px;
  gap: 18px;
  padding: 18px 0;
  border-color: var(--gn-b2-hair);
}

html.v170-batch2-enabled body[data-v170-batch2-screen="session"] .gn170-b2-session-details dt {
  color: var(--gn-b2-fg-2);
  font-size: 10px;
  letter-spacing: var(--gn-b2-label-space);
}

html.v170-batch2-enabled body[data-v170-batch2-screen="session"] .gn170-b2-session-details dd {
  color: var(--gn-b2-fg);
  font-size: 15px;
  line-height: 1.8;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="session"] .gn170-b2-session-content > .gn170-b2-primary-action {
  /* Keep the reference order.  Once the control enters the viewport it
     clears the real 71px application navigation instead of sitting below it. */
  position: sticky;
  z-index: 38;
  bottom: calc(92px + var(--gn-b2-safe-bottom));
  width: calc(100% - 52px);
  margin-top: 30px;
}

/* 5. 退場確認: visual refinement only; v170 clockout owns DOM and events. */
html.v170-batch2-enabled body[data-v170-batch2-screen="clockout-confirm"] .gn170-b2-clockout-confirm > .sheet-handle,
html.v170-batch2-enabled body[data-v170-batch2-screen="clockout-confirm"] .gn170-b2-clockout-confirm > h2,
html.v170-batch2-enabled body[data-v170-batch2-screen="clockout-confirm"] .gn170-b2-clockout-confirm > .work-help {
  display: none;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="clockout-confirm"] .gn170-b2-clockout-summary,
html.v170-batch2-enabled body[data-v170-batch2-screen="clockout-confirm"] .gn170-b2-clockout-preview,
html.v170-batch2-enabled body[data-v170-batch2-screen="clockout-confirm"] .gn170-b2-clockout-steps {
  margin-inline: 26px;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="clockout-confirm"] .gn170-b2-clockout-confirm .sheet-actions {
  grid-template-columns: 118px minmax(0, 1fr);
  gap: 12px;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="clockout-confirm"] #btn-edit-work,
html.v170-batch2-enabled body[data-v170-batch2-screen="clockout-confirm"] #btn-confirm-work {
  min-height: var(--gn-b2-action-height);
  border-radius: var(--gn-b2-action-radius);
}

/* 6. 現場移動: actual choices, addresses, photo hooks and reveal controls stay. */
html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] .app-header,
html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] #update-banner,
html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] #net-badge,
html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] #tab-punch > .section-head,
html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] #tab-punch > .site-picker,
html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] #tab-punch > .location-card,
html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] #tab-punch > .punch-actions,
html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] #tab-punch > #main-msg,
html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] #tab-punch > .punch-correction-entry,
html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] #tab-punch > .help-card {
  display: none;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] .tab-stage {
  width: min(100%, 560px);
  margin: 0 auto;
  padding: 0 0 calc(94px + var(--gn-b2-safe-bottom));
}

html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] #tab-punch {
  min-width: 0;
  background: var(--gn-b2-paper);
}

html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] .gn170-b2-site-move-search {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  width: auto;
  min-height: 60px;
  align-items: center;
  gap: 8px;
  margin: -30px 26px 0;
  padding: 40px 20px 0;
  border: 0;
  border-radius: 34px 34px 0 0;
  background: var(--gn-b2-paper);
  color: var(--gn-b2-fg-2);
  box-shadow: none;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] .gn170-b2-site-move-search input {
  width: 100%;
  min-height: 60px;
  border: 0;
  border-radius: 30px;
  background: var(--gn-b2-soft);
  color: var(--gn-b2-fg);
  -webkit-text-fill-color: var(--gn-b2-fg);
  padding: 0 22px;
  opacity: 1;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] .gn170-b2-site-move-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  margin: 28px 26px 0;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] .gn170-b2-site-move-list .pwa-site-choice-row {
  display: grid;
  min-width: 0;
  min-height: 0;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] .gn170-b2-site-move-list .pwa-site-choice {
  display: grid;
  min-width: 0;
  grid-template-columns: 1fr;
  gap: 14px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--gn-b2-fg);
  text-align: left;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] .gn170-b2-site-move-list .pwa-site-choice-image {
  position: relative;
  display: block;
  width: 100%;
  height: 170px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 28px;
  background-color: var(--gn-b2-soft);
  background-position: center;
  background-size: cover;
  box-shadow: var(--gn-b2-shadow);
}

html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] .gn170-b2-site-move-list .pwa-site-choice-image::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 44%, rgb(10 37 64 / 58%) 100%);
  content: "";
  pointer-events: none;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] .gn170-b2-site-move-list .pwa-site-choice > span:last-child {
  display: grid;
  min-width: 0;
  gap: 8px;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] .gn170-b2-site-move-list .pwa-site-choice b {
  overflow: hidden;
  color: var(--gn-b2-fg);
  font: 400 21px/1.45 var(--gn-b2-font-mincho);
  letter-spacing: .02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] .gn170-b2-site-move-list .pwa-site-choice small {
  overflow: hidden;
  color: var(--gn-b2-fg-2);
  font-size: 12px;
  line-height: 1.7;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] .gn170-b2-site-current .pwa-site-choice-image {
  border-color: var(--gn-b2-warning);
}

html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] .gn170-b2-site-candidate .pwa-site-choice[aria-pressed="true"] .pwa-site-choice-image {
  border-color: var(--gn-b2-accent);
}

html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] .pwa-site-photo-edit {
  justify-self: end;
  min-width: var(--gn-b2-touch);
  min-height: var(--gn-b2-touch);
  margin-top: -58px;
  border: 1px solid rgb(242 247 251 / 38%);
  border-radius: 22px;
  background: rgb(10 37 64 / 66%);
  color: var(--gn-b2-on-photo);
  font-size: 11px;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] :is(.pwa-site-reveal-controls, .pwa-site-selection-note) {
  grid-column: 1 / -1;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] .pwa-site-reveal-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 18px 0;
  border-top: 1px solid var(--gn-b2-hair);
}

html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] .pwa-site-reveal-controls button {
  min-height: var(--gn-b2-touch);
  border: 0;
  border-radius: 22px;
  background: var(--gn-b2-soft);
  color: var(--gn-b2-fg);
  padding: 0 16px;
}

html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] .pwa-site-reveal-controls span,
html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] .pwa-site-selection-note {
  width: 100%;
  color: var(--gn-b2-fg-2);
  font-size: 11px;
  line-height: 1.7;
  text-align: center;
}

/* Keep every surface within 360/390px without using clipping as a layout fix. */
@media (max-width: 390px) {
  html.v170-batch2-enabled .gn170-b2-hero-copy,
  html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .hero-topbar,
  html.v170-batch2-enabled body[data-v170-batch2-screen="personal-editor"] .gn170-b2-editor-hero {
    padding-inline: 22px;
  }

  html.v170-batch2-enabled .gn170-b2-hero-back {
    left: 22px;
  }

  html.v170-batch2-enabled body[data-v170-batch2-screen="correction"] .gn170-b2-correction-content,
  html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .gn170-b2-personal-calendar,
  html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .gn170-b2-personal-detail,
  html.v170-batch2-enabled body[data-v170-batch2-screen="personal-editor"] .gn170-b2-editor-stage {
    padding-inline: 22px;
  }

  html.v170-batch2-enabled body[data-v170-batch2-screen="session"] :is(.gn170-b2-session-times, .gn170-b2-session-details),
  html.v170-batch2-enabled body[data-v170-batch2-screen="clockout-confirm"] :is(.gn170-b2-clockout-summary, .gn170-b2-clockout-preview, .gn170-b2-clockout-steps),
  html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] .gn170-b2-site-move-list {
    margin-inline: 22px;
  }

  html.v170-batch2-enabled body[data-v170-batch2-screen="site-move"] .gn170-b2-site-move-search {
    margin-inline: 22px;
  }
}

@media (max-width: 350px) {
  html.v170-batch2-enabled .gn170-b2-hero-copy h1,
  html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .hero-copy h1,
  html.v170-batch2-enabled body[data-v170-batch2-screen="personal-editor"] .gn170-b2-editor-hero h1,
  html.v170-batch2-enabled body[data-v170-batch2-screen="session"] .gn170-b2-session-title {
    font-size: 32px;
  }

  html.v170-batch2-enabled body[data-v170-batch2-screen="personal-editor"] .gn170-b2-editor-actions,
  html.v170-batch2-enabled body[data-v170-batch2-screen="clockout-confirm"] .gn170-b2-clockout-confirm .sheet-actions {
    grid-template-columns: 104px minmax(0, 1fr);
    gap: 8px;
  }
}

@media (prefers-color-scheme: dark) and (prefers-color-scheme: light) {
  html.v170-batch2-enabled {
    /* Main-PWA and standalone calendar pages enter dark mode through
       different legacy token scopes.  Resolve Batch2 to one explicit palette
       here so neither scope can leak its light values into the other. */
    --gn-b2-paper: #0c2136;
    --gn-b2-soft: #12304d;
    --gn-b2-surface: #0c2136;
    --gn-b2-fg: #eaf3fa;
    --gn-b2-fg-2: #b6c8d8;
    --gn-b2-fg-3: #a6bacb;
    --gn-b2-num: #f2f7fb;
    --gn-b2-navy: #eaf3fa;
    --gn-b2-on-navy: #06172a;
    --gn-b2-accent: #72c1ef;
    --gn-b2-warning: #ffd6b8;
    --gn-b2-hair: rgb(234 243 250 / 12%);
    --gn-b2-shadow: none;
  }

  /* calendar-pages.css predates the shared v170 dark tokens. Bridge its
     inherited legacy variables inside these two standalone screens so none of
     its hard-coded light palette leaks into the dark presentation. */
  html.v170-batch2-enabled body[data-v170-batch2-screen] {
    --paper: var(--gn-b2-paper);
    --surface: var(--gn-b2-surface);
    --surface-soft: var(--gn-b2-soft);
    --navy: var(--gn-b2-fg);
    --ink: var(--gn-b2-fg);
    --muted: var(--gn-b2-fg-2);
    --line: var(--gn-b2-hair);
    --coral: var(--gn-b2-warning);
    --coral-strong: #f0aa75;
    --coral-soft: #3a2925;
    --blue: #72c1ef;
    --green: #73c9a0;
  }

  html.v170-batch2-enabled body[data-v170-batch2-screen],
  html.v170-batch2-enabled body[data-v170-batch2-screen] :is(input, select, textarea),
  html.v170-batch2-enabled body[data-v170-batch2-screen="session"] .gn170-b2-session-screen {
    color-scheme: dark;
  }

  html.v170-batch2-enabled body[data-v170-batch2-screen="correction"] .gn170-b2-correction-form :is(input, select, textarea),
  html.v170-batch2-enabled body[data-v170-batch2-screen="personal-editor"] .gn170-b2-editor-form :is(input, textarea) {
    color-scheme: dark !important;
  }

  html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] :is(.weekday, .detail-head h2, .detail-count),
  html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .calendar-bottom-nav a {
    color: var(--gn-b2-fg-2);
  }

  html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .detail-head h2 {
    color: var(--gn-b2-fg);
  }

  html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .weekday:first-child,
  html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .calendar-bottom-nav a.is-current {
    color: var(--gn-b2-warning);
  }

  html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .weekday:nth-child(7) {
    color: #72c1ef;
  }

  html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .calendar-day.is-holiday:not(.is-selected) {
    background: #3a2925;
    color: #ffd6b8;
    -webkit-text-fill-color: #ffd6b8;
  }

  html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .calendar-day.is-holiday:not(.is-selected) :is(b, small) {
    color: inherit;
    -webkit-text-fill-color: inherit;
  }

  html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .calendar-day.is-selected b {
    border-color: #ffd6b8;
    background: #ffd6b8;
    color: #06172a;
    -webkit-text-fill-color: #06172a;
  }

  html.v170-batch2-enabled .gn170-b2-primary-action {
    box-shadow: 0 16px 34px rgb(0 0 0 / 28%);
  }

  html.v170-batch2-enabled .gn170-b2-hero::before,
  html.v170-batch2-enabled body[data-v170-batch2-screen="personal-list"] .gn170-b2-personal-hero::before,
  html.v170-batch2-enabled body[data-v170-batch2-screen="personal-editor"] .gn170-b2-editor-hero::before,
  html.v170-batch2-enabled body[data-v170-batch2-screen="session"] .gn170-b2-session-hero::before {
    background: linear-gradient(180deg, rgb(6 23 42 / 92%) 0%, rgb(6 23 42 / 84%) 42%, rgb(6 23 42 / 94%) 78%, #06172a 100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  html.v170-batch2-enabled body[data-v170-batch2-screen] *,
  html.v170-batch2-enabled body[data-v170-batch2-screen] *::before,
  html.v170-batch2-enabled body[data-v170-batch2-screen] *::after {
    scroll-behavior: auto !important;
    animation: none !important;
    transition: none !important;
  }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html.v170-batch2-enabled :is(.gn170-b2-hero-back, body[data-v170-batch2-screen="personal-list"] .brand, body[data-v170-batch2-screen="personal-list"] .hero-photo-change, body[data-v170-batch2-screen="personal-editor"] .icon-button) {
    background: rgb(10 37 64 / 88%);
  }
}