/*
 * YUDO Apple restraint study
 * Activated only with ?theme=apple. The production YUDO material remains intact.
 */

html.apple-demo {
  --ink: #1d1d1f;
  --muted: #6e6e73;
  --line: rgba(60,60,67,.16);
  --mint: #34c759;
  --violet: #007aff;
  --coral: #ff3b30;
  --yellow: #ff9f0a;
  --radius-xl: 22px;
  --radius-lg: 18px;
  color-scheme: light;
  background: #f5f5f7;
}

html.apple-demo *,
html.apple-demo *::before,
html.apple-demo *::after {
  animation: none !important;
  transition: none !important;
}

html.apple-demo :focus-visible {
  outline: 2px solid rgba(0,122,255,.72);
  outline-offset: 2px;
}

html.apple-demo body {
  background: #f5f5f7;
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "PingFang SC", sans-serif;
}

html.apple-demo .stage {
  display: grid;
  grid-template-columns: 1fr;
  min-height: 100vh;
  place-items: center;
  padding: 28px;
  background: #f5f5f7;
}

html.apple-demo .prototype-note {
  display: none;
}

html.apple-demo .phone {
  border: 1px solid rgba(0,0,0,.16);
  background: #f5f5f7;
  box-shadow: 0 24px 70px rgba(0,0,0,.16);
}

html.apple-demo .phone::before,
html.apple-demo .phone::after,
html.apple-demo .ambient-spectrum,
html.apple-demo .hardware-rail {
  display: none !important;
}

html.apple-demo .app-main,
html.apple-demo .view {
  background: #f5f5f7;
}

html.apple-demo .view {
  padding-inline: 20px;
}

html.apple-demo .brandbar,
html.apple-demo .page-header {
  min-height: 58px;
}

html.apple-demo .brand-mark i {
  box-shadow: none;
}

html.apple-demo .screen-heading {
  margin-top: 7px;
}

html.apple-demo .screen-heading h2 {
  font-size: 32px;
  line-height: 1.08;
  letter-spacing: -.045em;
}

html.apple-demo .screen-heading > span,
html.apple-demo .future-intro > small,
html.apple-demo .future-controls-head small,
html.apple-demo .future-workbench-head small,
html.apple-demo .future-mode-label,
html.apple-demo .future-detail-nav > small,
html.apple-demo .saved-plan-head small,
html.apple-demo .insight-category-focus header small {
  display: none;
}

html.apple-demo .profile-orb,
html.apple-demo .round-control,
html.apple-demo .period-arrow {
  border: 0;
  background: #e9e9ed;
  box-shadow: none;
  backdrop-filter: none;
}

html.apple-demo .scope-switch {
  height: 38px;
  margin-top: 15px;
  padding: 3px;
  border: 0;
  border-radius: 10px;
  background: #e9e9ed;
  box-shadow: none;
  backdrop-filter: none;
}

html.apple-demo .scope-switch button {
  min-height: 32px;
  border-radius: 8px;
  color: #6e6e73;
  font-size: 13px;
}

html.apple-demo .scope-switch button.is-selected {
  background: #fff;
  color: var(--ink);
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
}

html.apple-demo .scope-cursor {
  display: none;
}

html.apple-demo .period-toolbar {
  margin-top: 13px;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
}

html.apple-demo .period-current small {
  color: var(--muted);
}

html.apple-demo .period-custom {
  border: 0;
  background: transparent;
  color: #007aff;
}

html.apple-demo .liquid-glass,
html.apple-demo .pulse-panel,
html.apple-demo .flow-summary,
html.apple-demo .close-summary,
html.apple-demo .future-ribbon,
html.apple-demo .future-workbench,
html.apple-demo .ledger-scroll,
html.apple-demo .today-spend-glance,
html.apple-demo .commitment-strip,
html.apple-demo .insight-hero,
html.apple-demo .insight-commitment-card,
html.apple-demo .future-choice-card,
html.apple-demo .future-controls,
html.apple-demo .workspace-sheet,
html.apple-demo .recurring-sheet,
html.apple-demo .object-detail {
  border: 1px solid rgba(60,60,67,.12);
  background: #fff;
  background-image: none;
  box-shadow: none;
  backdrop-filter: none;
  filter: none;
}

html.apple-demo .pulse-panel::before,
html.apple-demo .pulse-panel::after,
html.apple-demo .flow-summary::before,
html.apple-demo .close-summary::before,
html.apple-demo .future-workbench::before,
html.apple-demo .future-workbench::after,
html.apple-demo .object-detail::before {
  display: none;
}

html.apple-demo .pulse-panel {
  margin-top: 14px;
  padding: 0;
  overflow: hidden;
  border-radius: 22px;
}

html.apple-demo .pulse-cashflow-primary {
  border: 0;
  background: transparent;
}

html.apple-demo .pulse-cashflow-primary > button {
  min-height: 104px;
  padding: 16px 13px;
  background: #fff;
}

html.apple-demo .pulse-cashflow-primary > button + button {
  border-left: 1px solid var(--line);
}

html.apple-demo .pulse-cashflow-primary > button > i {
  width: 22px;
  height: 22px;
  border: 0;
  background: transparent;
  color: #007aff;
  box-shadow: none;
}

html.apple-demo .pulse-cashflow-primary > button > span,
html.apple-demo .pulse-context-meta span,
html.apple-demo .today-spend-glance small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 500;
}

html.apple-demo .pulse-cashflow-primary strong {
  letter-spacing: -.045em;
}

html.apple-demo .pulse-context-meta {
  background: #fff;
  border-top: 1px solid var(--line);
}

html.apple-demo .pulse-context-meta > div {
  padding: 14px;
}

html.apple-demo .pulse-context-meta button {
  border: 0;
  background: transparent;
  box-shadow: none;
}

html.apple-demo .today-spend-glance,
html.apple-demo .commitment-strip,
html.apple-demo .insight-row {
  margin-top: 14px;
  border-radius: 18px;
}

html.apple-demo .insight-row {
  border: 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}

html.apple-demo .app-dock {
  border: 1px solid rgba(60,60,67,.16);
  background: #fff;
  background-image: none;
  box-shadow: 0 8px 28px rgba(0,0,0,.12);
  backdrop-filter: none;
}

html.apple-demo .app-dock button {
  color: #6e6e73;
}

html.apple-demo .app-dock button.is-active {
  background: transparent;
  color: #007aff;
  box-shadow: none;
}

html.apple-demo .app-dock .quick-trigger {
  background: #007aff;
  color: #fff;
  box-shadow: none;
}

html.apple-demo .app-dock .quick-trigger::before,
html.apple-demo .app-dock .quick-trigger::after {
  display: none;
}

html.apple-demo .insight-hero {
  padding: 22px 20px;
  border-radius: 22px;
}

html.apple-demo .insight-period small {
  color: var(--muted);
}

html.apple-demo .insight-hero > p {
  font-weight: 600;
}

html.apple-demo .insight-facts {
  border-color: var(--line);
}

html.apple-demo .insight-hero button {
  color: #007aff;
}

html.apple-demo .insight-hero button span {
  background: #007aff;
}

html.apple-demo .insight-category-focus {
  padding-inline: 0;
}

html.apple-demo .insight-category-bars i {
  height: 6px;
  background: #e9e9ed;
}

html.apple-demo .insight-category-bars em {
  background: #007aff;
}

html.apple-demo .insight-commitment-card {
  border-radius: 18px;
}

html.apple-demo .insight-record-status {
  border-color: var(--line);
}

html.apple-demo .future-intro {
  margin-top: 18px;
}

html.apple-demo .future-intro h3 {
  font-size: 24px;
  line-height: 1.16;
  letter-spacing: -.035em;
}

html.apple-demo .future-intro p {
  max-width: 29em;
  color: var(--muted);
}

html.apple-demo .future-choice-list {
  gap: 0;
  margin-top: 22px;
  overflow: hidden;
  border: 1px solid rgba(60,60,67,.12);
  border-radius: 18px;
  background: #fff;
}

html.apple-demo .future-choice-card,
html.apple-demo .future-choice-card:nth-child(2),
html.apple-demo .future-choice-card:nth-child(3),
html.apple-demo .future-choice-card:nth-child(4) {
  min-height: 76px;
  padding: 13px 15px;
  border: 0;
  border-radius: 0;
  background: #fff;
}

html.apple-demo .future-choice-card + .future-choice-card {
  border-top: 1px solid var(--line);
}

html.apple-demo .future-choice-card.is-selected {
  border-color: transparent;
  box-shadow: none;
}

html.apple-demo .future-choice-symbol {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 10px;
  background: #e9e9ed;
  color: #007aff;
}

html.apple-demo .future-choice-card small {
  color: var(--muted);
}

html.apple-demo .future-choice-card > i {
  color: #8e8e93;
}

html.apple-demo .future-controls,
html.apple-demo .future-workbench {
  border-radius: 22px;
}

html.apple-demo .future-field input,
html.apple-demo .future-field textarea,
html.apple-demo .future-field select,
html.apple-demo .future-field > div {
  border: 1px solid rgba(60,60,67,.16);
  border-radius: 12px;
  background: #f2f2f7;
  box-shadow: none;
}

html.apple-demo .future-field input:focus,
html.apple-demo .future-field textarea:focus,
html.apple-demo .future-field select:focus,
html.apple-demo .future-field > div:focus-within {
  border-color: #007aff;
  box-shadow: 0 0 0 2px rgba(0,122,255,.13);
}

html.apple-demo .future-impact {
  border-color: var(--line);
  background: #f2f2f7;
}

html.apple-demo .live-badge {
  border: 0;
  background: #e9e9ed;
  color: var(--muted);
  box-shadow: none;
}

html.apple-demo .future-statement strong {
  text-decoration-color: #007aff;
}

html.apple-demo .future-save-route,
html.apple-demo .secondary-action,
html.apple-demo .opening-submit {
  border: 0;
  background: #007aff;
  color: #fff;
  box-shadow: none;
}

html.apple-demo .quick-space {
  background: rgba(0,0,0,.2);
  backdrop-filter: none;
}

html.apple-demo .quick-sheet {
  border: 0;
  background: #f5f5f7;
  box-shadow: 0 -12px 44px rgba(0,0,0,.16);
  backdrop-filter: none;
  transform: translate3d(0,100%,0);
}

html.apple-demo .quick-space.is-open .quick-sheet {
  transform: translate3d(0,0,0);
}

html.apple-demo .quick-sheet::before,
html.apple-demo .quick-sheet::after,
html.apple-demo .quick-amount-panel::after {
  display: none;
}

html.apple-demo .quick-heading > span,
html.apple-demo .quick-type-switch small,
html.apple-demo .quick-meta-grid small,
html.apple-demo .quick-category-grid small {
  display: none;
}

html.apple-demo .quick-dismiss {
  border-color: rgba(60,60,67,.16);
  background: #fff;
  color: var(--ink);
  box-shadow: none;
}

html.apple-demo .quick-type-switch,
html.apple-demo .quick-amount-panel,
html.apple-demo .quick-meta-grid label,
html.apple-demo .quick-category-grid button,
html.apple-demo .number-pad button {
  border: 1px solid rgba(60,60,67,.12);
  background: #fff;
  background-image: none;
  box-shadow: none;
  backdrop-filter: none;
}

html.apple-demo .quick-type-switch {
  background: #e9e9ed;
}

html.apple-demo .quick-type-switch > i {
  display: none;
}

html.apple-demo .quick-type-switch button.is-selected {
  background: #fff;
  color: var(--ink);
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
}

html.apple-demo .quick-category-grid > button {
  --category-glass: #fff;
  --category-active: #007aff;
}

html.apple-demo .quick-category-grid > button:nth-child(n) {
  --category-glass: #fff;
  --category-active: #007aff;
}

html.apple-demo .quick-category-grid > button.is-selected {
  background: #007aff;
  color: #fff;
  box-shadow: none;
}

html.apple-demo .save-quick {
  border: 0;
  background: #007aff;
  color: #fff;
  box-shadow: none;
}

html.apple-demo .save-quick:disabled {
  background: #d1d1d6;
  color: #8e8e93;
}

html.apple-demo .workspace-space::before,
html.apple-demo .recurring-space::before,
html.apple-demo .object-detail-space::before {
  background: rgba(0,0,0,.2);
  backdrop-filter: none;
}

html.apple-demo .workspace-tabs,
html.apple-demo .workspace-health-quiet,
html.apple-demo .data-health-strip,
html.apple-demo .import-summary-grid {
  background: #f2f2f7;
  box-shadow: none;
  backdrop-filter: none;
}

html.apple-demo .workspace-tabs button.is-selected {
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
}

html.apple-demo .dynamic-island {
  box-shadow: none;
}

@media (max-width: 760px) {
  html.apple-demo .stage {
    padding: 0;
  }

  html.apple-demo .phone {
    width: 100%;
    min-height: 100dvh;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
}

/*
 * Study 02 — remove the "card made white" residue.
 * Information is grouped by spacing and dividers; surfaces are reserved for
 * overlays, segmented controls and the one action that needs emphasis.
 */

html.apple-demo .phone,
html.apple-demo .app-main,
html.apple-demo .view {
  background: #fff;
}

html.apple-demo .view {
  padding-inline: 22px;
}

html.apple-demo .pulse-panel,
html.apple-demo .flow-summary,
html.apple-demo .insight-hero,
html.apple-demo .future-choice-list,
html.apple-demo .future-controls,
html.apple-demo .future-workbench,
html.apple-demo .ledger-scroll,
html.apple-demo .today-spend-glance,
html.apple-demo .commitment-strip,
html.apple-demo .insight-commitment-card {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html.apple-demo .pulse-panel {
  margin-top: 17px;
  overflow: visible;
}

html.apple-demo .pulse-cashflow-primary {
  gap: 17px;
  padding: 3px 0 19px;
  border-bottom: 1px solid var(--line);
}

html.apple-demo .pulse-cashflow-primary > button {
  min-height: 86px;
  padding: 0;
  background: transparent;
}

html.apple-demo .pulse-cashflow-primary > button + button {
  border-left: 0;
}

html.apple-demo .pulse-cashflow-primary > button > i {
  right: 0;
  top: -2px;
  justify-content: flex-end;
}

html.apple-demo .pulse-cashflow-primary strong {
  margin-top: auto;
  font-size: clamp(18px,5.5vw,25px);
}

html.apple-demo .pulse-context-meta {
  padding: 13px 0;
  border: 0;
  border-bottom: 1px solid var(--line);
  background: transparent;
}

html.apple-demo .pulse-context-meta > div {
  padding: 0;
}

html.apple-demo .pulse-context-meta > div + div {
  padding-left: 18px;
}

html.apple-demo .pulse-context-meta button {
  padding: 0;
}

html.apple-demo .today-spend-glance,
html.apple-demo .commitment-strip,
html.apple-demo .insight-row {
  min-height: 72px;
  margin: 0;
  padding: 14px 0;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}

html.apple-demo .today-spend-glance {
  grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr);
}

html.apple-demo .today-spend-glance > i,
html.apple-demo .commitment-strip::before {
  display: none;
}

html.apple-demo .commitment-strip {
  grid-template-columns: minmax(0,1fr) auto;
}

html.apple-demo .insight-row i {
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
  color: #007aff;
}

html.apple-demo .pulse-secondary-details {
  padding-inline: 0;
}

html.apple-demo .flow-summary {
  min-height: 124px;
  margin-top: 18px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--line);
}

html.apple-demo .flow-summary::before {
  display: none;
}

html.apple-demo .flow-summary .hero-content-layer {
  min-height: 108px;
}

html.apple-demo .flow-summary .hero-content-layer > div:first-child {
  padding: 10px 18px 8px 0;
}

html.apple-demo .flow-split {
  padding: 5px 0 5px 18px;
  border-left-color: var(--line);
}

html.apple-demo .flow-overview {
  height: 40px;
  margin: 14px 0 10px;
  padding: 3px;
  border: 0;
  border-radius: 10px;
  background: #e9e9ed;
  box-shadow: none;
}

html.apple-demo .flow-overview button {
  min-height: 34px;
  border-radius: 8px;
  font-size: 12px;
}

html.apple-demo .flow-overview button.is-active {
  background: #fff;
  color: var(--ink);
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
}

html.apple-demo .ledger-scroll {
  min-height: 430px;
}

html.apple-demo .ledger-group header {
  padding-inline: 0;
}

html.apple-demo .ledger-row {
  margin-inline: 0;
}

html.apple-demo .ledger-row-track {
  background: transparent;
}

html.apple-demo .ledger-icon {
  border: 0;
  border-radius: 50%;
  background: #f2f2f7;
  box-shadow: none;
}

html.apple-demo .ledger-row.income .ledger-icon {
  background: #e9f8ee;
}

html.apple-demo .insight-hero {
  margin-top: 22px;
  padding: 8px 0 22px;
  border-bottom: 1px solid var(--line);
}

html.apple-demo .insight-hero button {
  min-height: 42px;
  margin-top: 13px;
}

html.apple-demo .insight-facts {
  margin-top: 16px;
}

html.apple-demo .insight-category-focus {
  margin-top: 25px;
}

html.apple-demo .insight-commitment-card {
  min-height: 76px;
  padding: 15px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

html.apple-demo .insight-record-status {
  margin-top: 20px;
  border: 0;
}

html.apple-demo .insight-record-status > span {
  padding: 0;
}

html.apple-demo .insight-record-status > span + span {
  padding-left: 18px;
  border-left: 0;
}

html.apple-demo .future-intro {
  padding: 13px 0 20px;
}

html.apple-demo .future-choice-list {
  gap: 0;
  margin-top: 5px;
  overflow: visible;
}

html.apple-demo .future-choice-card,
html.apple-demo .future-choice-card:nth-child(2),
html.apple-demo .future-choice-card:nth-child(3),
html.apple-demo .future-choice-card:nth-child(4) {
  min-height: 78px;
  padding: 13px 0;
  border: 0;
  border-bottom: 1px solid var(--line);
  background: transparent;
}

html.apple-demo .future-choice-symbol {
  width: 34px;
  height: 34px;
  justify-content: start;
  border-radius: 0;
  background: transparent;
  color: #007aff;
  font-size: 18px;
}

html.apple-demo .future-choice-card small {
  margin-top: 4px;
  font-size: 11px;
}

html.apple-demo .future-choice-footnote {
  margin: 18px 0 0;
}

html.apple-demo .future-controls {
  padding: 5px 0 16px;
}

html.apple-demo .future-controls-head {
  padding-bottom: 11px;
}

html.apple-demo .future-controls-head button {
  min-height: 38px;
  padding-inline: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #007aff;
}

html.apple-demo .future-form,
html.apple-demo .future-mode-fields {
  gap: 18px 16px;
}

html.apple-demo .future-field input,
html.apple-demo .future-field textarea,
html.apple-demo .future-field select,
html.apple-demo .future-field > div {
  min-height: 46px;
  padding-inline: 1px;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}

html.apple-demo .future-field > div input {
  border-bottom: 0;
}

html.apple-demo .future-field input:focus,
html.apple-demo .future-field textarea:focus,
html.apple-demo .future-field select:focus,
html.apple-demo .future-field > div:focus-within {
  border-color: #007aff;
  box-shadow: none;
}

html.apple-demo .future-basis-fields,
html.apple-demo .future-advanced {
  border-color: var(--line);
}

html.apple-demo .future-history-fill {
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #007aff;
}

html.apple-demo .future-horizon > div {
  border: 0;
  border-radius: 10px;
  background: #e9e9ed;
}

html.apple-demo .future-horizon button {
  min-height: 34px;
  border-radius: 8px;
}

html.apple-demo .future-horizon button.is-selected {
  background: #fff;
  color: var(--ink);
  box-shadow: 0 1px 3px rgba(0,0,0,.12);
}

html.apple-demo .future-workbench {
  margin-top: 17px;
  padding: 22px 0 4px;
  border-top: 1px solid var(--line);
}

html.apple-demo .future-impact {
  border: 0;
  border-radius: 0;
  background: transparent;
}

html.apple-demo .future-impact > div,
html.apple-demo .future-impact > div:first-child {
  border-color: var(--line);
}

html.apple-demo .future-save-route {
  min-height: 50px;
  border-radius: 13px;
}

html.apple-demo .quick-sheet {
  padding-inline: 18px;
  background: #fff;
}

html.apple-demo .quick-type-switch {
  height: 40px;
  margin-top: 1px;
  border: 0;
  border-radius: 10px;
}

html.apple-demo .quick-type-switch button {
  min-height: 34px;
  border-radius: 8px;
}

html.apple-demo .quick-amount-panel {
  min-height: 105px;
  margin-top: 12px;
  padding: 17px 0;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}

html.apple-demo .quick-amount-panel strong {
  font-size: 46px;
}

html.apple-demo .quick-amount-panel small {
  right: 0;
}

html.apple-demo .quick-meta-grid {
  gap: 18px;
  margin-top: 4px;
}

html.apple-demo .quick-meta-grid label {
  min-height: 58px;
  padding: 11px 0 8px;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
}

html.apple-demo .quick-section-head {
  margin-top: 11px;
}

html.apple-demo .quick-category-grid {
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 6px;
}

html.apple-demo .quick-category-grid > button,
html.apple-demo .quick-category-grid > button:nth-child(4) {
  grid-column: auto;
  display: flex;
  min-height: 62px;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  padding: 4px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

html.apple-demo .quick-category-grid > button span {
  grid-row: auto;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f2f2f7;
}

html.apple-demo .quick-category-grid > button b {
  max-width: 100%;
  font-size: 11px;
  text-align: center;
}

html.apple-demo .quick-category-grid > button.is-selected {
  background: transparent;
  color: var(--ink);
}

html.apple-demo .quick-category-grid > button.is-selected span {
  background: #007aff;
  color: #fff;
}

html.apple-demo .number-pad {
  gap: 7px 18px;
  margin-top: 9px;
}

html.apple-demo .number-pad button {
  width: 58px;
  min-height: 58px;
  justify-self: center;
  border: 0;
  border-radius: 50%;
  background: #f2f2f7;
  font-size: 19px;
}

html.apple-demo .save-quick {
  min-height: 50px;
  border-radius: 13px;
}

html.apple-demo .workspace-sheet,
html.apple-demo .recurring-sheet,
html.apple-demo .object-detail {
  border: 0;
  background: #fff;
}

html.apple-demo .data-health-strip,
html.apple-demo .import-summary-grid,
html.apple-demo .workspace-health-quiet {
  border: 0;
  border-radius: 0;
  background: transparent;
}

/*
 * Study 03 — serious iOS hierarchy.
 * The tab bar and first-run flow are no longer floating cards. Controls keep
 * shape only where the shape communicates a state or contains a scoped task.
 */

html.apple-demo .app-dock {
  left: 0;
  right: 0;
  bottom: 0;
  height: calc(76px + env(safe-area-inset-bottom));
  padding: 5px 14px env(safe-area-inset-bottom);
  border: 0;
  border-top: 1px solid var(--line);
  border-radius: 0;
  background: rgba(255,255,255,.96);
  box-shadow: none;
}

html.apple-demo .dock-liquid {
  display: none;
}

html.apple-demo .app-dock > button {
  height: 56px;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
}

html.apple-demo .app-dock > button.is-active {
  color: #007aff;
}

html.apple-demo .app-dock .quick-trigger {
  width: 48px;
  height: 48px;
  margin-top: -3px;
  border-radius: 50%;
  background: #007aff !important;
}

html.apple-demo .opening-space {
  align-items: stretch;
  padding: 0;
  background: #fff;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

html.apple-demo .opening-card {
  display: flex;
  width: 100%;
  max-height: none;
  min-height: 100%;
  flex-direction: column;
  padding: 78px 26px 30px;
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

html.apple-demo .opening-card .brand-mark {
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html.apple-demo .opening-copy {
  margin-top: 30px;
}

html.apple-demo .opening-copy > small,
html.apple-demo .opening-amount > span small,
html.apple-demo .opening-submit span {
  display: none;
}

html.apple-demo .opening-copy h2 {
  margin: 0 0 12px;
  font-size: 36px;
  line-height: 1.08;
  letter-spacing: -.045em;
}

html.apple-demo .opening-copy p {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.55;
}

html.apple-demo .opening-amount {
  margin-top: 34px;
}

html.apple-demo .opening-amount > span {
  font-size: 13px;
  font-weight: 600;
}

html.apple-demo .opening-amount > div {
  padding-inline: 0;
  border-bottom-color: var(--line);
}

html.apple-demo .opening-amount b {
  font-size: 30px;
  font-weight: 600;
}

html.apple-demo .opening-amount input {
  height: 64px;
  font-family: inherit;
  font-size: 50px;
  font-weight: 650;
}

html.apple-demo .opening-help {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

html.apple-demo .opening-anchor {
  min-height: 54px;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 12px;
  margin-top: 24px;
  padding: 13px 0;
  border: 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html.apple-demo .opening-anchor::before,
html.apple-demo .opening-anchor > i {
  display: none;
}

html.apple-demo .opening-anchor div {
  display: contents;
  padding: 0;
  background: transparent;
}

html.apple-demo .opening-anchor span {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
}

html.apple-demo .opening-anchor span::before {
  content: "起点时间";
  font-size: 13px;
  color: var(--ink);
}

html.apple-demo .opening-anchor span {
  font-size: 0;
}

html.apple-demo .opening-anchor strong {
  color: var(--muted);
  font-size: 12px;
  font-weight: 500;
}

html.apple-demo .opening-submit {
  min-height: 52px;
  margin-top: auto;
  justify-content: center;
  border-radius: 13px;
  font-size: 15px;
  font-weight: 650;
}

html.apple-demo .opening-zero {
  min-height: 48px;
  color: #007aff;
}

html.apple-demo .opening-footnote {
  margin-bottom: 0;
  color: var(--muted);
  font-size: 11px;
  text-align: center;
}

html.apple-demo .quick-sheet {
  inset: 52px 0 0;
  border-radius: 18px 18px 0 0;
  box-shadow: 0 -1px 0 var(--line);
}

html.apple-demo .quick-header {
  min-height: 58px;
}

html.apple-demo .quick-heading > span {
  display: none;
}

html.apple-demo .quick-heading h2 {
  margin-top: 4px;
  font-size: 30px;
}

html.apple-demo .quick-dismiss {
  width: 40px;
  height: 40px;
  border: 0;
  background: #f2f2f7;
}

html.apple-demo .detail-header > div > span,
html.apple-demo .detail-section-head small,
html.apple-demo .period-dialog-card header span,
html.apple-demo .period-apply {
  letter-spacing: 0;
}

html.apple-demo .detail-header > div > span,
html.apple-demo .detail-section-head small,
html.apple-demo .period-dialog-card header span {
  display: none;
}

html.apple-demo .detail-hero,
html.apple-demo .detail-breakdown,
html.apple-demo .detail-transactions {
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}