/* SEIREN Liquid Glass — home-only appearance layer.
   Existing wallpaper, SVG artwork, widget geometry, Dock sizing and editor
   positioning remain owned by earlier stylesheets. */
html[data-siren-layout="fluid"] #app-shell{
  /* Dark ocean glass: refracted navy, muted violet and silver edge light. */
  --siren-glass-ink:#f4f8ff;
  --siren-glass-muted:#c1d0e4;
  --siren-glass-hint:#a5b7d0;
  --siren-glass-mint:#7be8df;
  /* Keep the original wave artwork legible THROUGH the navy-tinted glass. */
  --siren-glass-border:rgba(219,236,255,.22);
  --siren-glass-surface:linear-gradient(150deg,
    rgba(122,150,211,.15) 0%,rgba(37,59,117,.27) 45%,rgba(12,25,61,.38) 100%);
  --siren-glass-surface-hover:linear-gradient(150deg,
    rgba(135,163,219,.19) 0%,rgba(42,65,124,.34) 45%,rgba(16,30,67,.44) 100%);
  --siren-glass-panel:linear-gradient(155deg,
    rgba(86,110,171,.35) 0%,rgba(29,48,101,.49) 48%,rgba(13,29,67,.57) 100%);
  --siren-glass-inset:inset 0 1px 0 rgba(240,250,255,.15),
    inset 0 -1px 0 rgba(9,23,56,.08);
  --siren-glass-shadow:0 16px 42px rgba(2,8,26,.26),
    0 3px 12px rgba(3,11,32,.16),var(--siren-glass-inset);
}

/* A single tinted refracting plane per widget/Dock; no nested backdrop blurs in lists. */
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content{
  background:var(--siren-glass-surface)!important;
  border:1px solid var(--siren-glass-border)!important;
  box-shadow:var(--siren-glass-shadow)!important;
  color:var(--siren-glass-ink)!important;
  text-shadow:none!important;
  backdrop-filter:blur(14px) saturate(170%) brightness(1.04)!important;
  -webkit-backdrop-filter:blur(14px) saturate(170%) brightness(1.04)!important;
  transition:background .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content:hover{
  background:var(--siren-glass-surface-hover)!important;
  box-shadow:0 18px 48px rgba(2,8,26,.41),var(--siren-glass-inset)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content:focus-visible{
  outline:2px solid #7be8df!important;outline-offset:3px!important;
}
/* The upper highlight is clipped to the widget's existing radius. */
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content::before{
  content:""!important;display:block!important;
  position:absolute!important;inset:1px 1px auto 1px!important;height:37%!important;
  border-radius:inherit!important;
  background:linear-gradient(180deg,rgba(228,240,255,.07),rgba(255,255,255,0))!important;
  pointer-events:none!important;
}
/* No fake highlight strip along widget tops: the glass border supplies the rim. */
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content::after{
  content:none!important;display:none!important;
}

/* Light typography on dark ocean glass, including dedicated renderers.
   SVG fills, actual chart bars, icon artwork and the colored status dots survive. */
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content :is(
  span,strong,a,small,div,time,button
){
  color:var(--siren-glass-ink)!important;
  text-shadow:none!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content :is(
  .desktop-widget-description,.desktop-widget-date-month,.desktop-widget-date-weekday,
  .desktop-widget-data-unit,.desktop-widget-data-row-label,
  .siren-today-date,.siren-today-state,.siren-today-compact-time,
  .siren-today-item-time,.siren-today-more,.siren-today-empty-label,
  .siren-today-hour-label,.siren-today-undated,.siren-today-allday,
  .siren-holdings-count,.siren-holdings-small-value,.siren-holdings-empty,
  .siren-portfolio-total-label,.siren-portfolio-empty,
  .siren-target-subtitle,.siren-target-medium-labels,.siren-target-large-labels,
  .siren-target-legend-item,.siren-target-empty,
  .siren-goals-active-count,.siren-goals-empty,.siren-goals-footer,
  .siren-calendar-weekday,.siren-travel-dates,.siren-travel-empty,
  .siren-outfit-piece-label,.siren-outfit-empty,.siren-game-end,.siren-game-empty,
  .siren-clock-zone,.siren-clock-date
){
  color:var(--siren-glass-muted)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content :is(
  .desktop-widget-heading,.desktop-widget-data-value,.desktop-widget-data-row-value,
  .siren-today-title,.siren-today-compact-name,.siren-today-column-caption,
  .siren-today-item-name,.siren-holdings-title,.siren-holdings-amount,
  .siren-portfolio-title,.siren-portfolio-percent,.siren-portfolio-total-value,
  .siren-target-title,.siren-goals-title,.siren-goals-heading,.siren-goals-name,
  .siren-goals-percent,.siren-calendar-title,.siren-travel-heading,
  .siren-travel-dday,.siren-outfit-heading,.siren-game-heading,.siren-game-dday,
  .siren-clock-heading,.siren-clock-digits
){
  color:var(--siren-glass-ink)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-today-list-item{
  background:rgba(127,155,205,.11)!important;
  border:1px solid rgba(221,239,255,.15)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content :is(
  .siren-holdings-row,.siren-portfolio-row,.siren-target-row,.siren-calendar-day
):is(:hover,:focus-visible){
  background:rgba(152,186,237,.16)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content :is(
  .siren-holdings-row,.siren-portfolio-row,.siren-target-row,.siren-calendar-day
):focus-visible{
  outline:2px solid rgba(123,232,223,.82)!important;
}

/* Status semantics (Korean securities: red gain, blue loss) and calendar accents. */
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content [data-trend="positive"],
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content [data-trend="over"]{
  color:#ff8192!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content [data-trend="negative"],
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content [data-trend="under"]{
  color:#8cbdff!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content [data-trend="neutral"],
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content [data-trend="aligned"]{
  color:var(--siren-glass-muted)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-calendar-day[data-weekday="0"],
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-calendar-day[data-holiday="true"]{
  color:#ff9aab!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-calendar-day[data-weekday="6"]{
  color:#8cbdff!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-calendar-day[data-today="true"]{
  background:rgba(65,207,200,.24)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-calendar-day[data-today="true"] .siren-calendar-day-number{
  color:#fff!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-calendar-day[data-holiday="true"][data-today="true"] .siren-calendar-day-number{
  color:#a4324a!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-calendar-arrow{
  background:rgba(151,182,229,.14)!important;
  border:1px solid rgba(218,239,255,.20)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content :is(
  .siren-clock-seconds,.siren-calendar-alert
){
  color:var(--siren-glass-mint)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-clock-dial-face{
  fill:rgba(9,23,53,.28)!important;
  stroke:rgba(228,242,255,.44)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-clock-hand-hour{
  stroke:#f4f8ff!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-clock-hand-minute{
  stroke:#ccdef4!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-today-rail{
  background:rgba(188,215,246,.36)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-today-hour-tick{
  background:rgba(188,215,246,.45)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-today-time-block{
  background:rgba(73,130,197,.42)!important;
  color:#f4f8ff!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-today-time-block[data-phase="current"]{
  background:rgba(118,102,204,.49)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-today-block-duration{
  color:#d7e3f8!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content [data-phase="past"]{
  opacity:.65!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content :is(
  .siren-portfolio-bar,.siren-target-bar,.siren-goals-bar,.desktop-widget-data-progress
){
  background:rgba(209,230,255,.17)!important;
}

/* Tinted navy-glass Dock. The existing SVGs and spacing are untouched. */
html[data-siren-layout="fluid"] #app-shell #home-top .service-grid{
  background:linear-gradient(160deg,
    rgba(124,151,212,.17) 0%,rgba(44,66,123,.28) 46%,rgba(13,28,63,.39) 100%)!important;
  /* The old visible bar was also formed by border-top and inset top light,
     not just ::after. Retain geometry but leave the upper rim transparent. */
  border:1px solid rgba(225,240,255,.23)!important;
  border-top-color:transparent!important;
  box-shadow:0 17px 40px rgba(2,9,28,.27),
    inset 0 -1px 0 rgba(185,212,246,.12)!important;
  backdrop-filter:blur(16px) saturate(170%) brightness(1.03)!important;
  -webkit-backdrop-filter:blur(16px) saturate(170%) brightness(1.03)!important;
}
/* No bar, even on browsers where the old full-width ::before produces
   a top strip despite ::after being hidden. Neither pseudo-element paints. */
html[data-siren-layout="fluid"] #app-shell #home-top .service-grid::before,
html[data-siren-layout="fluid"] #app-shell #home-top .service-grid::after{
  content:none!important;display:none!important;
  background:none!important;box-shadow:none!important;
}
html[data-siren-layout="fluid"] #app-shell #home-top .service-grid .service-card .service-name{
  color:var(--siren-glass-ink)!important;
  text-shadow:none!important;
}
/* Desktop Dock labels remain on hover; mobile labels remain always visible. */
html[data-siren-layout="fluid"] #app-shell #home-top .service-grid .service-card > .service-copy{
  color:var(--siren-glass-ink)!important;
}

/* Editor, popovers and mobile sheets use a stronger plane for reading menus. */
html[data-siren-layout="fluid"] #app-shell :is(
  .desktop-widget-edit-menu,.desktop-widget-edit-toolbar,
  .desktop-widget-gallery,.siren-widget-settings-sheet,
  .desktop-widget-edit-secondary
){
  background:var(--siren-glass-panel)!important;
  border-color:rgba(225,238,255,.30)!important;
  box-shadow:0 16px 38px rgba(2,7,24,.39),var(--siren-glass-inset)!important;
  backdrop-filter:blur(18px) saturate(155%) brightness(1.02)!important;
  -webkit-backdrop-filter:blur(18px) saturate(155%) brightness(1.02)!important;
  color:var(--siren-glass-ink)!important;
}
html[data-siren-layout="fluid"] #app-shell :is(
  .desktop-widget-gallery-header,.desktop-widget-gallery-header button,
  .desktop-widget-edit-toolbar > span,
  .desktop-widget-edit-screen-label,.desktop-widget-notice,
  .siren-widget-sheet-header,.siren-widget-sheet-header strong,
  .siren-widget-sheet-label,.siren-widget-sheet-caption
){
  color:var(--siren-glass-ink)!important;
}
html[data-siren-layout="fluid"] #app-shell :is(
  .desktop-widget-edit-menu button,.desktop-widget-edit-toolbar button,
  .desktop-widget-gallery-item,.siren-widget-sheet-close,
  .siren-widget-sheet-choice,.desktop-widget-controls button
){
  background:rgba(118,149,206,.15)!important;
  border:1px solid rgba(226,240,255,.19)!important;
  box-shadow:inset 0 1px 0 rgba(229,242,255,.14),0 3px 10px rgba(2,10,31,.15)!important;
  color:var(--siren-glass-ink)!important;
  transition:background .18s ease,box-shadow .18s ease!important;
}
html[data-siren-layout="fluid"] #app-shell :is(
  .desktop-widget-edit-menu button,.desktop-widget-edit-toolbar button,
  .desktop-widget-gallery-item,.siren-widget-sheet-close,
  .siren-widget-sheet-choice,.desktop-widget-controls button
):is(:hover,:focus-visible){
  background:rgba(143,174,221,.28)!important;
  box-shadow:inset 0 1px 0 rgba(233,248,255,.26),0 4px 13px rgba(3,11,33,.23)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-controls{
  background:rgba(29,46,86,.70)!important;
  border:1px solid rgba(217,236,255,.28)!important;
  box-shadow:0 3px 12px rgba(2,9,29,.29)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeEditDone,
html[data-siren-layout="fluid"] #app-shell .siren-widget-sheet-choice[aria-pressed="true"]{
  background:linear-gradient(155deg,#287d83,#155663)!important;
  border:1px solid rgba(131,228,223,.54)!important;
  color:#f4ffff!important;
}
html[data-siren-layout="fluid"] #app-shell .siren-widget-sheet-remove{
  background:rgba(172,59,91,.26)!important;
  border:1px solid rgba(249,137,160,.28)!important;
  color:#ffc4cf!important;
}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-gallery-item{
  background:rgba(117,151,201,.13)!important;
}
html[data-siren-layout="fluid"] #app-shell .siren-widget-settings-sheet::before,
html[data-siren-layout="fluid"] #app-shell .desktop-widget-gallery::before{
  background:rgba(212,232,255,.40)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .siren-widget-sheet-scrim{
  background:rgba(8,20,42,.36)!important;
}
html[data-siren-layout="fluid"] #app-shell :is(
  .desktop-widget-gallery-item,.desktop-widget-edit-toolbar button,
  .desktop-widget-edit-menu button,.siren-widget-settings-sheet button
):focus-visible{
  outline:2px solid #7be8df!important;outline-offset:2px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeEditToolbar .desktop-widget-edit-secondary{
  background:var(--siren-glass-panel)!important;
}

/* Reduce composite cost on iOS while retaining the same layered surfaces.
   No width/height, Dock icon scale, pointer events or edit positioning changes. */
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #seirenHomeWidgets .desktop-widget-content{
  backdrop-filter:blur(11px) saturate(155%) brightness(1.03)!important;
  -webkit-backdrop-filter:blur(11px) saturate(155%) brightness(1.03)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell :is(
  .desktop-widget-edit-toolbar,.desktop-widget-gallery,.siren-widget-settings-sheet
){
  backdrop-filter:blur(16px) saturate(150%) brightness(1.02)!important;
  -webkit-backdrop-filter:blur(16px) saturate(150%) brightness(1.02)!important;
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  html[data-siren-layout="fluid"] #app-shell{
    --siren-glass-surface:linear-gradient(150deg,#36486f,#152745);
    --siren-glass-panel:linear-gradient(150deg,#40547d,#192e50);
  }
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
  html[data-siren-layout="fluid"] #app-shell{
    --siren-glass-surface:linear-gradient(150deg,#354a71,#142640);
    --siren-glass-panel:linear-gradient(150deg,#435981,#1a3155);
  }
  html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content,
  html[data-siren-layout="fluid"] #app-shell #home-top .service-grid,
  html[data-siren-layout="fluid"] #app-shell :is(
    .desktop-widget-edit-toolbar,.desktop-widget-gallery,.siren-widget-settings-sheet
  ){
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content,
  html[data-siren-layout="fluid"] #app-shell :is(
    .desktop-widget-gallery-item,.desktop-widget-edit-toolbar button,
    .siren-widget-sheet-choice
  ){transition:none!important;}
}

/* Home finishing pass: quieter hierarchy without altering card/grid geometry.
   Intentionally no new top-edge stripes, large title blocks or secondary copy. */
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content .desktop-widget-data-header{
  opacity:1!important;min-width:0!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content .desktop-widget-data-label{
  font-weight:650!important;letter-spacing:-.015em!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content :is(
  .siren-today-title,.siren-holdings-title,.siren-portfolio-title,
  .siren-target-title,.siren-goals-title,.siren-calendar-title,
  .siren-travel-heading,.siren-outfit-heading,.siren-game-heading,
  .siren-clock-heading
){
  letter-spacing:-.018em!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content :is(
  .desktop-widget-data-value,.desktop-widget-data-row-value,
  .siren-holdings-amount,.siren-portfolio-percent,.siren-portfolio-total-value,
  .siren-goals-percent,.siren-game-dday,.siren-travel-dday,
  .siren-clock-digits
){
  font-variant-numeric:tabular-nums!important;
}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-gallery-list .siren-widget-gallery-group{
  grid-column:1/-1!important;
  display:block!important;
  min-width:0!important;
  padding:13px 3px 4px!important;
  color:var(--siren-glass-muted)!important;
  font:650 11px/1.3 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
  letter-spacing:.01em!important;
}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-gallery-list .siren-widget-gallery-group:first-child{
  padding-top:2px!important;
}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-gallery-item{
  min-width:0!important;min-height:85px!important;
  font-size:12px!important;line-height:1.35!important;
}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-gallery-item > span:not(.desktop-widget-gallery-date){
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  text-align:center!important;
}
@media(hover:hover) and (pointer:fine){
  html[data-siren-layout="fluid"] #app-shell .desktop-widget-gallery-item:hover{
    border-color:rgba(123,232,223,.42)!important;
  }
}

/* Small stock/game cards: let wallpaper details show through dark glass.
   These two compact cards have less negative space, so the usual 14px blur
   hides nearly all of the background texture. No size/position changes. */
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #seirenHomeWidgets .desktop-widget:is([data-kind="stock"],[data-kind="game"]){
  --siren-glass-surface:linear-gradient(150deg,
    rgba(122,150,211,.09) 0%,rgba(37,59,117,.16) 45%,rgba(12,25,61,.23) 100%);
  --siren-glass-surface-hover:linear-gradient(150deg,
    rgba(135,163,219,.13) 0%,rgba(42,65,124,.24) 45%,rgba(16,30,67,.30) 100%);
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #seirenHomeWidgets .desktop-widget:is([data-kind="stock"],[data-kind="game"]) .desktop-widget-content{
  backdrop-filter:blur(7px) saturate(170%) brightness(1.04)!important;
  -webkit-backdrop-filter:blur(7px) saturate(170%) brightness(1.04)!important;
}
/* When the browser cannot blur, keep an opaque legible fallback. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #seirenHomeWidgets .desktop-widget:is([data-kind="stock"],[data-kind="game"]){
    --siren-glass-surface:linear-gradient(150deg,#36486f,#152745);
    --siren-glass-surface-hover:linear-gradient(150deg,#40547d,#192e50);
  }
}
/* Respect accessibility contrast/transparency preferences over glass clarity. */
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #seirenHomeWidgets .desktop-widget:is([data-kind="stock"],[data-kind="game"]){
    --siren-glass-surface:linear-gradient(150deg,#354a71,#142640);
    --siren-glass-surface-hover:linear-gradient(150deg,#435981,#1a3155);
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #seirenHomeWidgets .desktop-widget:is([data-kind="stock"],[data-kind="game"]) .desktop-widget-content{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}

/* SEIREN home identity: a quiet typographic wordmark replaces the older
   ornamental five-layer illustration in the header only. The original SVG
   is retained in the markup, unmodified, so the asset can be restored. */
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell .home-header .home-logo,
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .home-header .home-logo{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:max-content!important;
  max-width:calc(100% - 16px)!important;
  height:auto!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  filter:none!important;
  opacity:1!important;
  transform:none!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell .home-header .home-logo .home-logo-image,
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .home-header .home-logo .home-logo-image{
  display:none!important;
}
html[data-siren-layout="fluid"] #app-shell .home-header .home-logo .home-logo-wordmark{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  color:#f0f5ff!important;
  font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:clamp(23px,1.8vw,29px)!important;
  font-weight:650!important;
  line-height:1.1!important;
  letter-spacing:.17em!important;
  white-space:nowrap!important;
  text-shadow:0 2px 8px rgba(2,8,27,.24)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .home-header .home-logo{
  min-height:38px!important;
  margin:0 auto!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .home-header .home-logo .home-logo-wordmark{
  font-size:clamp(21px,5.8vw,25px)!important;
  letter-spacing:.16em!important;
}
@media(max-height:540px){
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell .home-header .home-logo .home-logo-wordmark{
    font-size:23px!important;
  }
}
/* The approved transparent SVG wordmarks supersede the interim type logo. */
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell .home-header .home-logo{
  width:clamp(180px,14vw,216px)!important;
  max-width:calc(100vw - 36px)!important;
  flex:0 0 auto!important;min-height:30px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  translate:0 18px!important;
}
html[data-siren-layout="fluid"] #app-shell .home-header .home-logo .home-logo-wordmark{display:none!important}
html[data-siren-layout="fluid"] #app-shell .home-header .home-logo .siren-brand-logo{
  position:relative!important;display:block!important;
  width:100%!important;height:auto!important;max-height:none!important;
  object-fit:contain!important;filter:none!important;opacity:1!important;
}
html[data-siren-layout="fluid"] #app-shell .home-header .home-logo .siren-brand-logo--navy{display:none!important}
html[data-siren-layout="fluid"][data-siren-logo-contrast="dark"] #app-shell .home-header .home-logo .siren-brand-logo--white{display:none!important}
html[data-siren-layout="fluid"][data-siren-logo-contrast="dark"] #app-shell .home-header .home-logo .siren-brand-logo--navy{display:block!important}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .home-header .home-logo{
  width:clamp(148px,42vw,172px)!important;
  max-width:calc(100vw - 36px)!important;
  min-height:28px!important;
  translate:0 14px!important;
}
@media(max-height:540px){
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell .home-header .home-logo{
    translate:0 8px!important;
  }
}