/* SEIREN Desktop Phase 2 — restrained macOS-inspired wallpaper and original app artwork.
   Visual overrides only: no service data, routes, Dock sizing or zoom behavior changed. */
#app-shell{
  background-color:#111630!important;
  background-image:url("/assets/brand/seiren-desktop-wallpaper.svg"),linear-gradient(130deg,#121A3A 0%,#39345E 58%,#15234A 100%)!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}
#app-shell .desktop-wallpaper-art{display:none!important;}
#app-shell .home-header{
  background:linear-gradient(180deg,rgba(8,14,36,.27),rgba(8,14,36,0))!important;
}
#app-shell #home-top .service-grid{
  border-color:rgba(242,248,255,.39)!important;
  border-radius:28px!important;
  background:linear-gradient(160deg,rgba(222,227,255,.25),rgba(105,117,165,.26) 30%,rgba(39,48,89,.39) 100%)!important;
  box-shadow:0 18px 50px rgba(5,9,29,.34),inset 0 1px 0 rgba(255,255,255,.21),inset 0 -1px 0 rgba(219,231,255,.07)!important;
  backdrop-filter:blur(34px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(34px) saturate(135%)!important;
}
#app-shell #home-top .service-grid .service-card .home-service-icon{
  display:block!important;
  box-sizing:content-box!important;
  flex:0 0 var(--dock-icon-size)!important;
  width:var(--dock-icon-size)!important;height:var(--dock-icon-size)!important;
  min-width:var(--dock-icon-size)!important;min-height:var(--dock-icon-size)!important;
  max-width:var(--dock-icon-size)!important;max-height:var(--dock-icon-size)!important;
  border:0!important;
  padding:0!important;
  border-radius:16px!important;
  background:transparent!important;
  object-fit:contain!important;
  box-shadow:0 4px 10px rgba(8,12,40,.24),0 1px 2px rgba(0,0,0,.13)!important;
  filter:none!important;
  transform:none!important;
  transition:transform .19s ease,box-shadow .19s ease!important;
}
#app-shell #home-top .service-grid .service-card:hover .home-service-icon,
#app-shell #home-top .service-grid .service-card:focus-visible .home-service-icon{
  transform:scale(1.045)!important;
  box-shadow:0 7px 14px rgba(6,10,34,.29),0 1px 2px rgba(0,0,0,.14)!important;
}
#app-shell #home-top .service-grid .service-card .service-name{
  color:#F5F7FF!important;
  font-weight:600!important;
  text-shadow:0 1px 6px rgba(0,5,23,.48)!important;
}
@media(prefers-reduced-motion:reduce){
  #app-shell #home-top .service-grid .service-card .home-service-icon{transition:none!important;}
  #app-shell #home-top .service-grid .service-card:hover .home-service-icon,
  #app-shell #home-top .service-grid .service-card:focus-visible .home-service-icon{transform:none!important;}
}
/* Live Seoul calendar icon uses the same responsive Dock icon size. */
#app-shell #home-top .service-grid .service-card .home-calendar-icon{
  position:relative;
  display:block;
  box-sizing:border-box;
  flex:0 0 var(--dock-icon-size);
  width:var(--dock-icon-size);
  height:var(--dock-icon-size);
  min-width:var(--dock-icon-size);
  min-height:var(--dock-icon-size);
  max-width:var(--dock-icon-size);
  max-height:var(--dock-icon-size);
  border-radius:16px;
  isolation:isolate;
}
#app-shell #home-top .service-grid .service-card .home-calendar-icon .home-service-icon{
  position:absolute!important;
  inset:0;
}
#app-shell #home-top .service-grid .service-card .home-calendar-icon-date{
  position:absolute;
  inset:0;
  display:block;
  pointer-events:none;
  user-select:none;
  font-family:Arial,Helvetica,sans-serif;
  text-align:center;
  line-height:1;
  white-space:nowrap;
}
#app-shell #home-top .service-grid .service-card .home-calendar-icon-month{
  position:absolute;
  inset:5px 0 auto;
  color:#fff;
  font-size:12px;
  font-weight:700;
  letter-spacing:1.2px;
}
#app-shell #home-top .service-grid .service-card .home-calendar-icon-day{
  position:absolute;
  inset:26px 0 auto;
  color:#252932;
  font-size:37px;
  font-weight:400;
  letter-spacing:-1.9px;
  font-variant-numeric:tabular-nums;
}

/* True vector SVG artwork: no low-resolution background sprites. */
#app-shell #home-top .service-grid .service-card img.home-service-icon{image-rendering:auto!important;}

/* Approved SEIREN live SVG calendar: all glyphs render directly inside inline vector. */
#app-shell #home-top .service-grid .service-card .home-calendar-icon.has-inline-svg .home-calendar-icon-date{display:none!important}
#app-shell #home-top .service-grid .service-card .home-calendar-icon.calendar-fallback{background:linear-gradient(180deg,#fff,#ececec);box-shadow:0 4px 10px rgba(8,12,40,.24);}
#app-shell #home-top .service-grid .service-card .home-calendar-icon.calendar-fallback img.home-service-icon{opacity:0!important}
#app-shell #home-top .service-grid .service-card .home-calendar-icon.calendar-fallback .home-calendar-icon-month{color:#242424;font-size:13px;top:11px}
#app-shell #home-top .service-grid .service-card .home-calendar-icon.calendar-fallback .home-calendar-icon-day{color:#19191b;top:24px;font-size:35px}


/* 2026-10-16 — Fluid SEIREN desktop homepage.
   Do not apply this to fixed-canvas service pages. */
html[data-siren-layout="fluid"],
html[data-siren-layout="fluid"] body {
  width:100%;min-width:0;min-height:100%;margin:0;
}
html[data-siren-layout="fluid"] #viewport {
  position:relative!important;inset:auto!important;
  display:block!important;width:100%!important;min-width:0!important;
  min-height:100vh!important;min-height:100dvh!important;
  overflow:visible!important;
}
html[data-siren-layout="fluid"] #app-shell {
  position:relative!important;inset:auto!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  height:100vh!important;height:100dvh!important;
  min-height:0!important;max-height:none!important;
  margin:0!important;padding:0!important;zoom:1!important;transform:none!important;
}
html[data-siren-layout="fluid"] #app-shell .home-shell {
  inset:0!important;top:0!important;left:0!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  height:100%!important;min-height:0!important;max-height:none!important;
  padding:0!important;margin:0!important;
}
html[data-siren-layout="fluid"] #app-shell #home-top {
  inset:0!important;top:0!important;left:0!important;
  width:100%!important;min-width:0!important;max-width:none!important;
  height:100%!important;min-height:0!important;
}
html[data-siren-layout="fluid"] #app-shell .home-header {
  top:0!important;left:0!important;width:100%!important;
  height:clamp(76px,12.4dvh,134px)!important;min-height:0!important;
  padding-inline:clamp(18px,4vw,74px)!important;
}
html[data-siren-layout="fluid"] #app-shell .home-header .home-logo {
  width:clamp(145px,14vw,255px)!important;max-width:255px!important;
  flex:0 1 auto!important;min-width:0!important;
}
html[data-siren-layout="fluid"] #app-shell .home-header .home-logo-image {
  width:100%!important;max-width:100%!important;height:auto!important;
}
html[data-siren-layout="fluid"] #app-shell #home-top .service-grid {
  max-width:calc(100vw - 24px)!important;
}
html[data-siren-layout="fluid"] #app-shell #home-top .service-grid .service-card .home-service-icon,
html[data-siren-layout="fluid"] #app-shell #home-top .service-grid .service-card .home-calendar-icon {
  flex:0 0 var(--dock-icon-size)!important;
  width:var(--dock-icon-size)!important;height:var(--dock-icon-size)!important;
  min-width:var(--dock-icon-size)!important;min-height:var(--dock-icon-size)!important;
  max-width:var(--dock-icon-size)!important;max-height:var(--dock-icon-size)!important;
  border-radius:clamp(12px,1.4vw,16px)!important;
}
html[data-siren-layout="fluid"] #app-shell #home-top .service-grid .service-card .home-calendar-icon-day {
  top:39%!important;font-size:calc(var(--dock-icon-size) * .56)!important;
}
html[data-siren-layout="fluid"] #app-shell #home-top .service-grid .service-card .home-calendar-icon-month {
  top:8%!important;font-size:calc(var(--dock-icon-size) * .18)!important;
}

/* Compact screens: keep every service reachable in a two-row Dock. */
@media (min-width:0px) {
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .home-header {
    height:80px!important;padding-inline:18px!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .home-header .home-logo {
    width:clamp(122px,32vw,160px)!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #home-top .service-grid {
    --dock-icon-size:clamp(42px,12vw,54px);
    --dock-item-width:auto;--dock-item-height:calc(var(--dock-icon-size) + 30px);
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    justify-items:center!important;align-items:center!important;
    width:min(calc(100vw - 24px),440px)!important;
    max-width:calc(100vw - 24px)!important;
    bottom:calc(15px + env(safe-area-inset-bottom,0px))!important;
    height:auto!important;min-height:0!important;
    gap:8px 2px!important;padding:12px 10px 14px!important;
    border-radius:26px!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #home-top .service-grid .service-card {
    flex:initial!important;min-width:0!important;max-width:100%!important;
    width:100%!important;height:var(--dock-item-height)!important;
    min-height:var(--dock-item-height)!important;max-height:none!important;
    padding:0!important;gap:3px!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #home-top .service-grid .service-card .service-copy {
    flex:0 0 18px!important;height:18px!important;min-height:18px!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #home-top .service-grid .service-card .service-name {
    font-size:12px!important;line-height:18px!important;
  }
}
@media (max-height:540px) {
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell .home-header {
    height:72px!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell .home-header .home-logo {
    width:145px!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #home-top .service-grid {
    --dock-icon-size:clamp(35px,8dvh,48px);
    bottom:12px!important;padding:9px 14px 10px!important;
  }
}
@media (max-height:460px) {
  html[data-siren-layout="fluid"] #app-shell {
    height:460px!important;min-height:460px!important;
  }
  html[data-siren-layout="fluid"] #viewport {
    overflow-y:auto!important;
  }
}

/* Compact 54px Dock: names float above their icons on hover/focus,
   rather than consuming a permanent text row in the glass container. */
html[data-siren-layout="fluid"] #app-shell #home-top .service-grid > .service-card > .service-copy {
  position:absolute!important;left:50%!important;top:auto!important;
  bottom:calc(100% + 11px)!important;z-index:40!important;
  display:flex!important;flex:none!important;flex-direction:row!important;
  align-items:center!important;justify-content:center!important;
  width:max-content!important;min-width:0!important;max-width:160px!important;
  height:auto!important;min-height:0!important;
  padding:6px 10px!important;margin:0!important;
  border:1px solid rgba(241,247,255,.21)!important;border-radius:9px!important;
  background:rgba(27,34,57,.88)!important;
  box-shadow:0 8px 22px rgba(3,8,27,.31)!important;
  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  transform:translate(-50%,4px)!important;
  transition:opacity .16s ease,transform .16s ease,visibility .16s!important;
}
html[data-siren-layout="fluid"] #app-shell #home-top .service-grid > .service-card > .service-copy .service-name {
  display:block!important;flex:none!important;
  color:#fff!important;font-size:12px!important;line-height:17px!important;
  letter-spacing:0!important;text-align:center!important;white-space:nowrap!important;
  text-shadow:none!important;
}
@media (hover:hover) and (pointer:fine) {
  html[data-siren-layout="fluid"] #app-shell #home-top .service-grid > .service-card:hover > .service-copy {
    opacity:1!important;visibility:visible!important;
    transform:translate(-50%,0)!important;
  }
}
html[data-siren-layout="fluid"] #app-shell #home-top .service-grid > .service-card:focus-visible > .service-copy {
  opacity:1!important;visibility:visible!important;
  transform:translate(-50%,0)!important;
}
/* No hover on touch: keep the short service names visible beneath the icons. */
@media (hover:none), (pointer:coarse) {
  html[data-siren-layout="fluid"] #app-shell #home-top .service-grid {
    --dock-item-height:calc(var(--dock-icon-size) + 30px);
  }
  html[data-siren-layout="fluid"] #app-shell #home-top .service-grid > .service-card {
    gap:3px!important;
  }
  html[data-siren-layout="fluid"] #app-shell #home-top .service-grid > .service-card > .service-copy {
    position:static!important;left:auto!important;bottom:auto!important;
    flex:0 0 18px!important;width:100%!important;max-width:100%!important;
    height:18px!important;min-height:18px!important;
    padding:0!important;margin:0!important;
    border:0!important;border-radius:0!important;
    background:none!important;box-shadow:none!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    opacity:1!important;visibility:visible!important;
    transform:none!important;transition:none!important;
  }
  html[data-siren-layout="fluid"] #app-shell #home-top .service-grid > .service-card > .service-copy .service-name {
    font-size:11px!important;line-height:18px!important;
    text-shadow:0 1px 6px rgba(0,5,23,.48)!important;
  }
}
@media (prefers-reduced-motion:reduce) {
  html[data-siren-layout="fluid"] #app-shell #home-top .service-grid > .service-card > .service-copy {
    transition:none!important;
  }
}

/* Empty-by-default macOS-like widget workspace.
   This defines only the available region; widget dimensions and catalog are
   intentionally deferred until the user selects their concrete widgets. */
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets.desktop-widget-workspace {
  position:absolute!important;
  top:clamp(90px,13dvh,156px)!important;
  bottom:clamp(140px,16dvh,195px)!important;
  left:clamp(20px,4vw,70px)!important;
  right:clamp(20px,4vw,70px)!important;
  z-index:4!important;
  display:block!important;
  min-width:0!important;min-height:0!important;
  margin:0!important;padding:0!important;
  background:transparent!important;border:0!important;
  box-shadow:none!important;overflow:visible!important;
  pointer-events:none!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets[data-widget-count="0"] {
  visibility:hidden!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-empty-hint {
  display:none!important;
}
html[data-siren-layout="fluid"] #app-shell[data-widget-editing="true"] #seirenHomeWidgets.desktop-widget-workspace {
  visibility:visible!important;
  border:1px dashed rgba(205,222,255,.42)!important;
  border-radius:18px!important;
  background:rgba(16,25,52,.13)!important;
  pointer-events:auto!important;
}
html[data-siren-layout="fluid"] #app-shell[data-widget-editing="true"] #seirenHomeWidgets[data-widget-count="0"] .desktop-widget-empty-hint {
  display:flex!important;
  position:absolute!important;inset:0!important;
  margin:0!important;padding:24px!important;
  align-items:center!important;justify-content:center!important;
  color:rgba(242,247,255,.84)!important;
  font:500 13px/1.6 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
  text-align:center!important;pointer-events:none!important;
}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-edit-menu[hidden],
html[data-siren-layout="fluid"] #app-shell .desktop-widget-edit-toolbar[hidden] {display:none!important}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-edit-menu {
  position:fixed!important;z-index:24!important;
  min-width:140px!important;padding:5px!important;
  border:1px solid rgba(238,244,255,.28)!important;
  border-radius:12px!important;background:rgba(28,34,61,.93)!important;
  box-shadow:0 12px 36px rgba(0,4,19,.34)!important;
  backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;
}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-edit-menu button,
html[data-siren-layout="fluid"] #app-shell .desktop-widget-edit-toolbar button {
  appearance:none!important;cursor:pointer!important;
  border:0!important;border-radius:8px!important;
  background:transparent!important;color:#f4f8ff!important;
  font:600 13px/1.4 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-edit-menu button {
  width:100%!important;padding:10px 13px!important;text-align:left!important;
}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-edit-menu button:hover,
html[data-siren-layout="fluid"] #app-shell .desktop-widget-edit-menu button:focus-visible {
  background:rgba(160,184,232,.25)!important;
}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-edit-toolbar {
  position:absolute!important;z-index:22!important;
  top:clamp(100px,14dvh,161px)!important;
  right:clamp(20px,4vw,70px)!important;
  display:flex!important;align-items:center!important;gap:15px!important;
  padding:8px 10px 8px 16px!important;
  border:1px solid rgba(238,244,255,.24)!important;
  border-radius:14px!important;background:rgba(29,38,72,.78)!important;
  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
  box-shadow:0 10px 24px rgba(3,8,27,.21)!important;
  color:#eff4ff!important;
  font:600 13px/1.4 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-edit-toolbar button {
  padding:7px 13px!important;
  background:rgba(127,163,225,.32)!important;
}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-edit-toolbar button:hover,
html[data-siren-layout="fluid"] #app-shell .desktop-widget-edit-toolbar button:focus-visible {
  background:rgba(152,189,249,.47)!important;
}
@media (min-width:0px) {
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #seirenHomeWidgets.desktop-widget-workspace {
    top:92px!important;bottom:clamp(205px,28dvh,250px)!important;
    left:16px!important;right:16px!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar {
    top:94px!important;right:16px!important;
  }
}

/* Widget system v1: 164px desktop grid, 16px gutters; touch grid is two columns. */
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets:not([data-widget-count="0"]) {
  visibility:visible!important;pointer-events:auto!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets.desktop-widget-workspace {
  overflow:auto!important;overscroll-behavior:contain!important;
  scrollbar-width:none!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets::-webkit-scrollbar {display:none!important}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-track {
  position:relative!important;display:block!important;width:100%!important;
  min-height:100%!important;box-sizing:border-box!important;
  pointer-events:none!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget {
  position:absolute!important;display:block!important;
  box-sizing:border-box!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:20px!important;
  background:transparent!important;overflow:visible!important;
  pointer-events:auto!important;touch-action:pan-y!important;
  transition:left .16s ease,top .16s ease!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget.is-dragging {
  z-index:9!important;transition:none!important;
  filter:drop-shadow(0 15px 18px rgba(0,0,0,.32))!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content {
  position:absolute!important;inset:0!important;display:flex!important;
  flex-direction:column!important;align-items:flex-start!important;
  justify-content:flex-end!important;gap:5px!important;
  padding:18px!important;box-sizing:border-box!important;
  border:1px solid rgba(238,245,255,.24)!important;
  border-radius:20px!important;
  background:linear-gradient(150deg,rgba(173,183,227,.31),rgba(40,53,95,.53) 60%,rgba(23,35,69,.67))!important;
  box-shadow:0 9px 30px rgba(3,10,33,.17),inset 0 1px 0 rgba(255,255,255,.15)!important;
  backdrop-filter:blur(25px) saturate(135%)!important;-webkit-backdrop-filter:blur(25px) saturate(135%)!important;
  color:#f8faff!important;text-decoration:none!important;
  font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
  overflow:hidden!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content:hover {
  background:linear-gradient(150deg,rgba(188,197,236,.35),rgba(49,63,111,.55) 60%,rgba(23,35,69,.69))!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content:focus-visible {
  outline:2px solid #c9e7ff!important;outline-offset:3px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-heading {
  display:block!important;color:#f8faff!important;
  font-size:16px!important;line-height:1.3!important;font-weight:650!important;
  text-shadow:0 1px 5px rgba(0,6,25,.28)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-app-icon {
  display:block!important;position:static!important;
  width:52px!important;height:52px!important;max-width:52px!important;
  border:0!important;box-shadow:0 4px 13px rgba(0,6,25,.24)!important;
  border-radius:13px!important;object-fit:contain!important;margin-bottom:auto!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-description {
  display:block!important;color:rgba(232,240,255,.77)!important;
  font-size:12px!important;line-height:1.4!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-date-month {
  font-size:12px!important;line-height:1.2!important;color:rgba(243,248,255,.84)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-date-number {
  font-size:56px!important;font-weight:500!important;line-height:1!important;
  letter-spacing:-.065em!important;font-variant-numeric:tabular-nums!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-date-weekday {
  font-size:14px!important;line-height:1.3!important;color:rgba(243,248,255,.85)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-size="small"] .desktop-widget-description {
  display:none!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-size="medium"] .desktop-widget-content {
  justify-content:center!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-size="large"] .desktop-widget-app-icon {
  width:66px!important;height:66px!important;max-width:66px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-size="large"] .desktop-widget-date-number {
  font-size:94px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-controls {
  position:absolute!important;top:7px!important;right:7px!important;
  z-index:2!important;display:none!important;gap:4px!important;
  border-radius:10px!important;padding:3px!important;
  background:rgba(17,25,47,.78)!important;
}
html[data-siren-layout="fluid"] #app-shell[data-widget-editing="true"] #seirenHomeWidgets .desktop-widget-controls {
  display:flex!important;
}
html[data-siren-layout="fluid"] #app-shell[data-widget-editing="true"] #seirenHomeWidgets .desktop-widget-content {
  pointer-events:none!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-controls button {
  appearance:none!important;min-width:27px!important;height:26px!important;
  padding:2px 5px!important;border:0!important;border-radius:7px!important;
  color:#fff!important;background:rgba(165,189,233,.18)!important;
  font:600 11px/1.2 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
  cursor:pointer!important;touch-action:none!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-controls button:hover,
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-controls button:focus-visible {
  background:rgba(166,203,255,.43)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-controls .desktop-widget-drag {
  font-size:18px!important;cursor:grab!important;user-select:none!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget.is-dragging .desktop-widget-drag {
  cursor:grabbing!important;
}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-gallery[hidden] {display:none!important}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-gallery {
  position:absolute!important;z-index:23!important;
  right:clamp(20px,4vw,70px)!important;top:clamp(151px,20dvh,220px)!important;
  width:min(324px,calc(100vw - 32px))!important;max-height:calc(100dvh - 250px)!important;
  display:block!important;overflow:auto!important;
  box-sizing:border-box!important;padding:12px!important;
  border:1px solid rgba(239,246,255,.3)!important;border-radius:20px!important;
  background:rgba(26,35,67,.94)!important;
  box-shadow:0 22px 54px rgba(1,5,27,.4)!important;
  backdrop-filter:blur(26px)!important;-webkit-backdrop-filter:blur(26px)!important;
}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-gallery-header {
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  margin-bottom:12px!important;padding:2px 3px!important;
  color:#f6f8ff!important;font:600 14px/1.5 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-gallery-header button {
  appearance:none!important;border:0!important;background:transparent!important;
  color:#f8faff!important;font-size:21px!important;cursor:pointer!important;
}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-gallery-list {
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;
}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-gallery-item {
  display:flex!important;flex-direction:column!important;gap:8px!important;
  align-items:center!important;justify-content:center!important;
  min-height:85px!important;padding:10px 4px!important;
  border:1px solid rgba(246,250,255,.15)!important;border-radius:13px!important;
  background:rgba(153,174,220,.12)!important;color:#f9faff!important;
  font:600 12px/1.3 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
  cursor:pointer!important;
}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-gallery-item:hover,
html[data-siren-layout="fluid"] #app-shell .desktop-widget-gallery-item:focus-visible {
  background:rgba(169,193,241,.26)!important;
}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-gallery-icon {
  width:34px!important;height:34px!important;object-fit:contain!important;border-radius:9px!important;
}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-gallery-date {
  display:grid!important;place-items:center!important;
  width:34px!important;height:34px!important;border-radius:9px!important;
  background:#f7f8ff!important;color:#222b42!important;font-size:19px!important;
}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-notice {
  max-width:245px!important;font-size:11px!important;line-height:1.3!important;
  color:#fce4c4!important;
}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-edit-toolbar button:disabled {
  opacity:.4!important;cursor:default!important;
}
@media (min-width:0px) {
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar {
    left:16px!important;right:16px!important;top:94px!important;
    gap:6px!important;justify-content:space-between!important;
    padding:7px!important;font-size:12px!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar button {
    padding:6px 8px!important;font-size:11px!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar .desktop-widget-notice {
    position:absolute!important;top:100%!important;right:0!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-gallery {
    top:146px!important;right:16px!important;max-height:calc(100dvh - 310px)!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget {transition:none!important}
}


/* SEIREN Mobile Home v1 — iOS-inspired home surface, separate from macOS desktop.
   Keep the eight approved SVG services in ONE bottom 4x2 Dock: no duplicate app grid.
   Widgets above are optional and use their independent "mobile" saved positions. */
@media (min-width:0px) {
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell {
    background-color:#131a3a!important;
    background-image:
      radial-gradient(ellipse 85% 47% at 18% 7%,rgba(149,182,250,.29),transparent 82%),
      radial-gradient(ellipse 87% 60% at 90% 68%,rgba(157,125,211,.27),transparent 79%),
      radial-gradient(ellipse 75% 46% at 13% 95%,rgba(67,134,214,.19),transparent 83%),
      url("/assets/brand/seiren-desktop-wallpaper.svg"),
      linear-gradient(155deg,#151c42 0%,#28284e 50%,#111b3c 100%)!important;
    background-position:center!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .home-header {
    height:calc(94px + env(safe-area-inset-top,0px))!important;
    min-height:0!important;
    padding:env(safe-area-inset-top,0px) 22px 0!important;
    justify-content:center!important;
    background:linear-gradient(180deg,rgba(13,21,48,.16),transparent)!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .home-header .home-logo {
    width:clamp(136px,39vw,164px)!important;max-width:164px!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .home-header .home-logo-image {
    max-height:76px!important;filter:drop-shadow(0 3px 10px rgba(3,7,26,.23))!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #home-top .service-grid {
    /* Fixed layout: two icon rows of four, inside a single iOS-like glass Dock. */
    --dock-icon-size:clamp(42px,12.8vw,52px);
    --dock-item-height:calc(var(--dock-icon-size) + 25px);
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,auto)!important;
    grid-auto-flow:row!important;
    align-items:center!important;justify-items:center!important;
    width:min(calc(100vw - 28px),420px)!important;
    max-width:calc(100vw - 28px)!important;
    bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;
    gap:10px 6px!important;
    padding:12px 12px 14px!important;
    border:1px solid rgba(248,251,255,.31)!important;
    border-radius:30px!important;
    background:linear-gradient(156deg,rgba(227,236,255,.28),rgba(143,158,201,.20) 42%,rgba(43,56,103,.33))!important;
    box-shadow:0 16px 48px rgba(5,9,35,.32),inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(218,230,255,.11)!important;
    backdrop-filter:blur(34px) saturate(145%)!important;
    -webkit-backdrop-filter:blur(34px) saturate(145%)!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #home-top .service-grid > .service-card {
    display:flex!important;flex-direction:column!important;
    width:100%!important;min-width:0!important;
    height:var(--dock-item-height)!important;
    min-height:var(--dock-item-height)!important;
    justify-content:center!important;align-items:center!important;
    gap:4px!important;padding:0!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #home-top .service-grid .service-card .home-service-icon,
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #home-top .service-grid .service-card .home-calendar-icon {
    border-radius:clamp(12px,3.5vw,16px)!important;
    box-shadow:0 6px 13px rgba(6,11,42,.25),0 1px 2px rgba(2,7,26,.12)!important;
  }
  /* Labels stay visible on mobile even in a narrow desktop browser preview. */
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #home-top .service-grid > .service-card > .service-copy {
    position:static!important;top:auto!important;left:auto!important;bottom:auto!important;
    display:flex!important;flex:0 0 17px!important;
    width:100%!important;max-width:100%!important;
    height:17px!important;min-height:17px!important;
    margin:0!important;padding:0!important;
    border:0!important;border-radius:0!important;background:transparent!important;
    box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
    opacity:1!important;visibility:visible!important;pointer-events:none!important;
    transform:none!important;transition:none!important;
  }
  /* Keep the caption under each icon on touch and on narrow mouse browsers. */
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #home-top .service-grid > .service-card:hover > .service-copy,
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #home-top .service-grid > .service-card:focus-visible > .service-copy {
    position:static!important;top:auto!important;left:auto!important;bottom:auto!important;
    opacity:1!important;visibility:visible!important;transform:none!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #home-top .service-grid > .service-card .service-name {
    color:#f8faff!important;
    font:550 11px/17px -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
    letter-spacing:-.015em!important;text-shadow:0 1px 5px rgba(2,8,30,.4)!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #home-top .service-grid > .service-card:active .home-service-icon {
    transform:scale(.96)!important;
    transition-duration:.12s!important;
  }
  /* Reserve the Dock and iPhone safe areas without reserving desktop-sized margins. */
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #seirenHomeWidgets.desktop-widget-workspace {
    top:calc(107px + env(safe-area-inset-top,0px))!important;
    bottom:clamp(235px,calc(29dvh + env(safe-area-inset-bottom,0px)),315px)!important;
    left:16px!important;right:16px!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #seirenHomeWidgets .desktop-widget-content {
    border-radius:23px!important;
    background:linear-gradient(150deg,rgba(221,231,255,.28),rgba(78,91,141,.38) 64%,rgba(27,39,80,.58))!important;
    backdrop-filter:blur(30px) saturate(145%)!important;
    -webkit-backdrop-filter:blur(30px) saturate(145%)!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar {
    top:calc(98px + env(safe-area-inset-top,0px))!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-gallery {
    top:calc(151px + env(safe-area-inset-top,0px))!important;
    max-height:calc(100dvh - 320px)!important;
  }
}
@media (prefers-reduced-motion:reduce) {
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #home-top .service-grid > .service-card:active .home-service-icon {
    transform:none!important;
  }
}

/* The phone, tablet, and PC layouts are selected by data-siren-home-mode,
   not resized into one another at the 700px breakpoint. */
html[data-siren-layout="fluid"] #app-shell .desktop-widget-edit-toolbar #seirenHomeModeSelect {
  appearance:none!important;-webkit-appearance:none!important;
  min-width:91px!important;max-width:112px!important;
  height:31px!important;padding:5px 19px 5px 9px!important;
  border:1px solid rgba(238,245,255,.28)!important;
  border-radius:8px!important;
  background:rgba(127,163,225,.27)!important;color:#f4f8ff!important;
  font:600 12px/1.4 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
  cursor:pointer!important;
}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-edit-toolbar #seirenHomeModeSelect option {
  background:#222c4f!important;color:#fff!important;
}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-edit-toolbar #seirenHomeModeSelect:focus-visible {
  outline:2px solid #c4dcff!important;outline-offset:2px!important;
}
/* Compact PC window: keep the macOS-like Dock as ONE row even below 700px. */
@media (max-width:700px) {
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #home-top .service-grid {
    --dock-icon-size:clamp(25px,7.2vw,42px);
    --dock-item-width:calc(var(--dock-icon-size) + 3px);
    --dock-item-height:calc(var(--dock-icon-size) + 14px);
    display:flex!important;flex-direction:row!important;
    width:max-content!important;max-width:calc(100vw - 12px)!important;
    gap:clamp(2px,.8vw,6px)!important;
    padding:7px 6px 8px!important;
    bottom:12px!important;border-radius:22px!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell .home-header .home-logo {
    width:clamp(122px,30vw,160px)!important;
  }
}
@media (max-width:700px) and (pointer:coarse) {
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #home-top .service-grid {
    --dock-item-height:calc(var(--dock-icon-size) + 29px);
  }
}
/* On the iOS-inspired mobile home, keep the mode selector usable in the editor. */
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar {
  flex-wrap:wrap!important;justify-content:center!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar > span:first-child {
  display:none!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar #seirenHomeModeSelect {
  min-width:88px!important;max-width:92px!important;
  padding-left:6px!important;font-size:11px!important;
}

/* SEIREN real-data widgets, same palette on macOS and iOS home modes. */
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content.desktop-widget-data-content {
  justify-content:flex-start!important;align-items:stretch!important;
  gap:0!important;padding:14px!important;
  min-width:0!important;min-height:0!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-data-header {
  display:flex!important;align-items:center!important;flex:0 0 auto!important;
  width:100%!important;gap:7px!important;min-height:25px!important;min-width:0!important;
  opacity:.88!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-data-icon {
  display:block!important;flex:0 0 25px!important;width:25px!important;height:25px!important;
  border-radius:7px!important;object-fit:contain!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-data-label {
  overflow:hidden!important;min-width:0!important;
  font:600 13px/1.35 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
  text-overflow:ellipsis!important;white-space:nowrap!important;color:#f9faff!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-data-primary {
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  justify-content:center!important;gap:6px!important;min-width:0!important;
  flex:1 1 auto!important;overflow:hidden!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-data-value {
  display:block!important;width:100%!important;
  font:650 clamp(22px,2.5vw,36px)/1.1 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
  letter-spacing:-.04em!important;color:#fff!important;
  white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;
  font-variant-numeric:tabular-nums!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-data-unit {
  display:block!important;width:100%!important;
  color:rgba(238,245,255,.80)!important;font-size:12px!important;line-height:1.45!important;
  white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-data-progress {
  display:block!important;flex:0 0 5px!important;width:100%!important;height:5px!important;
  margin:1px 0 10px!important;border-radius:6px!important;overflow:hidden!important;
  background:rgba(255,255,255,.20)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-data-progress-fill {
  display:block!important;height:100%!important;border-radius:6px!important;
  background:linear-gradient(90deg,#77B8ED,#BDD9FF)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-data-rows {
  display:flex!important;flex:0 0 auto!important;flex-direction:column!important;
  gap:6px!important;min-width:0!important;overflow:hidden!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-data-row {
  display:flex!important;align-items:baseline!important;justify-content:space-between!important;
  min-width:0!important;gap:10px!important;overflow:hidden!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-data-row-label {
  display:block!important;flex:0 1 auto!important;min-width:0!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  color:rgba(232,239,255,.72)!important;font-size:11px!important;line-height:1.45!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-data-row-value {
  display:block!important;flex:0 1 auto!important;min-width:0!important;max-width:66%!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  color:#f7faff!important;text-align:right!important;
  font:550 11px/1.45 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
  font-variant-numeric:tabular-nums!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-size="small"] .desktop-widget-data-content {
  padding:13px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-size="small"] .desktop-widget-data-value {
  font-size:clamp(19px,3vw,29px)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-size="small"] .desktop-widget-data-unit {
  font-size:11px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-size="medium"] .desktop-widget-data-content {
  padding:16px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-size="medium"] .desktop-widget-data-primary {
  align-items:flex-start!important;gap:3px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-size="medium"] .desktop-widget-data-value {
  font-size:32px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-size="medium"] .desktop-widget-data-rows {
  gap:3px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-size="large"] .desktop-widget-data-content {
  padding:21px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-size="large"] .desktop-widget-data-value {
  font-size:42px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-size="large"] .desktop-widget-data-rows {
  gap:13px!important;margin-bottom:2px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-size="large"] .desktop-widget-data-row-label,
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-size="large"] .desktop-widget-data-row-value {
  font-size:12px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-size="large"] .desktop-widget-data-primary {
  flex:1 1 auto!important;
}

/* TODAY SCHEDULE v2: two vertical 12-hour proportional timelines, no dots. */
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-content.siren-today-content{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  justify-content:flex-start!important;gap:0!important;padding:13px!important;
  min-width:0!important;min-height:0!important;box-sizing:border-box!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-header{
  display:flex!important;justify-content:space-between!important;align-items:baseline!important;
  flex:0 0 auto!important;min-width:0!important;gap:5px!important;
  font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-title{
  font-size:13px!important;font-weight:650!important;line-height:1.4!important;
  white-space:nowrap!important;color:#fff!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-date{
  font-size:10px!important;line-height:1.4!important;color:rgba(235,241,255,.68)!important;
  white-space:nowrap!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-state{
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:1!important;min-height:0!important;
  color:rgba(238,243,255,.76)!important;font-size:12px!important;text-align:center!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-compact{
  flex:1 1 auto!important;display:flex!important;flex-direction:column!important;
  justify-content:center!important;align-items:flex-start!important;min-width:0!important;gap:8px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-compact-time{
  color:rgba(237,242,255,.75)!important;font-size:12px!important;line-height:1.3!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-compact-name{
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
  overflow:hidden!important;overflow-wrap:anywhere!important;max-width:100%!important;
  color:#fff!important;font-size:17px!important;line-height:1.35!important;font-weight:650!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets [data-phase="past"]{
  opacity:.47!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-medium-list{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;flex:1!important;gap:9px!important;min-width:0!important;
  margin-top:10px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-list-item{
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  align-items:flex-start!important;gap:8px!important;min-width:0!important;
  padding:9px!important;border-radius:10px!important;
  background:rgba(148,180,222,.10)!important;border:1px solid rgba(210,224,253,.12)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-item-time{
  font-size:11px!important;line-height:1.3!important;color:rgba(222,235,255,.78)!important;
  white-space:normal!important;overflow-wrap:anywhere!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-item-name{
  font-size:12px!important;line-height:1.3!important;font-weight:600!important;
  color:#f8faff!important;overflow:hidden!important;overflow-wrap:anywhere!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-more{
  position:absolute!important;right:15px!important;bottom:5px!important;
  font-size:10px!important;color:rgba(243,247,255,.72)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-size="large"] .siren-today-content{
  padding:14px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-allday,
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-undated{
  width:100%!important;min-width:0!important;overflow:hidden!important;
  text-overflow:ellipsis!important;white-space:nowrap!important;
  flex:0 0 17px!important;line-height:17px!important;font-size:10px!important;
  color:rgba(238,244,255,.88)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-allday{
  margin-top:5px!important;padding-left:5px!important;border-left:2px solid #73AEED!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-undated{
  margin-top:4px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-timelines{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;flex:1 1 auto!important;min-height:0!important;width:100%!important;
  margin-top:9px!important;overflow:hidden!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-timeline-column{
  display:flex!important;flex-direction:column!important;min-height:0!important;min-width:0!important;
  overflow:hidden!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-column-caption{
  flex:0 0 20px!important;font-size:11px!important;line-height:19px!important;
  color:#f0f4ff!important;font-weight:600!important;white-space:nowrap!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-hour-scale{
  position:relative!important;flex:1 1 auto!important;min-height:0!important;
  margin:4px 4px 7px 0!important;overflow:visible!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-rail{
  position:absolute!important;left:29px!important;top:0!important;bottom:0!important;
  width:1px!important;background:rgba(203,216,245,.48)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-hour-mark{
  position:absolute!important;left:0!important;right:0!important;
  height:0!important;overflow:visible!important;pointer-events:none!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-hour-label{
  position:absolute!important;right:calc(100% - 23px)!important;top:-6px!important;
  color:rgba(222,234,255,.63)!important;font-size:10px!important;
  font-variant-numeric:tabular-nums!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-hour-tick{
  position:absolute!important;left:25px!important;top:0!important;
  width:7px!important;height:1px!important;background:rgba(215,225,251,.5)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-plot{
  position:absolute!important;left:34px!important;right:0!important;top:0!important;bottom:0!important;
  min-width:0!important;overflow:hidden!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-time-block{
  position:absolute!important;box-sizing:border-box!important;
  margin-left:0!important;max-width:100%!important;
  min-width:0!important;min-height:0!important;overflow:hidden!important;
  border-left:2px solid #7DBCF1!important;border-radius:4px!important;
  background:rgba(76,146,218,.36)!important;color:#fbfcff!important;
  display:flex!important;flex-direction:column!important;justify-content:flex-start!important;
  padding:2px 3px!important;gap:1px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-time-block[data-phase="current"]{
  background:rgba(119,103,221,.45)!important;border-color:#CAB9FF!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-block-name{
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  line-height:1.2!important;font-size:10px!important;font-weight:650!important;color:inherit!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-block-duration{
  line-height:1.2!important;font-size:9px!important;white-space:nowrap!important;
  color:rgba(245,249,255,.8)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-now-line{
  position:absolute!important;left:27px!important;right:0!important;
  height:1px!important;background:#E7D9FF!important;
  box-shadow:0 0 2px rgba(255,255,255,.7)!important;
  pointer-events:none!important;
}
/* Keep the large 24-hour two-column timeline visible when there are no events. */
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-today-empty-label{
  display:block!important;flex:0 0 auto!important;
  min-width:0!important;margin-top:5px!important;
  font-size:11px!important;line-height:1.4!important;
  color:rgba(235,243,255,.72)!important;
}
/* iOS Dock sharpness: align all eight vector icons to whole CSS/device pixels.
   Fractional vw widths forced SVG <img> resampling in WebKit on 3x displays.
   Keep one common icon size so the 4x2 Dock geometry and artwork match. */
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #home-top .service-grid {
  --dock-icon-size:52px!important;
}
@media(max-width:399px){
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #home-top .service-grid {--dock-icon-size:50px!important;}
}
@media(max-width:379px){
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #home-top .service-grid {--dock-icon-size:48px!important;}
}
@media(max-width:359px){
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #home-top .service-grid {--dock-icon-size:44px!important;}
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #home-top .service-grid .service-card .home-service-icon {
  image-rendering:auto!important;
  filter:none!important;
  will-change:auto!important;
}

/* PC Dock: all eight apps must stay INSIDE its glass frame when page zoom
   reduces the CSS viewport. Desktop remains a single row; mobile is untouched.
   The max-content Dock previously capped its own width but not its children. */
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #home-top .service-grid {
  --dock-icon-size:min(clamp(46px,min(5.3vw,8.5dvh),54px),max(18px,calc(12.5vw - 18.75px)))!important;
  --dock-item-width:calc(var(--dock-icon-size) + 10px)!important;
  --dock-item-height:calc(var(--dock-icon-size) + 10px)!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  justify-content:center!important;
  width:max-content!important;
  min-width:0!important;
  max-width:calc(100vw - 16px)!important;
  gap:clamp(2px,.65vw,8px)!important;
  padding:8px clamp(5px,1vw,12px) 9px!important;
  box-sizing:border-box!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #home-top .service-grid > .service-card {
  box-sizing:border-box!important;
  flex:0 0 var(--dock-item-width)!important;
  min-width:var(--dock-item-width)!important;
  max-width:var(--dock-item-width)!important;
  width:var(--dock-item-width)!important;
}
@media(max-width:700px){
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #home-top .service-grid {
    --dock-icon-size:min(clamp(25px,7.2vw,42px),max(14px,calc(12.5vw - 9px)))!important;
    --dock-item-width:calc(var(--dock-icon-size) + 3px)!important;
    --dock-item-height:calc(var(--dock-icon-size) + 14px)!important;
    max-width:calc(100vw - 12px)!important;
    gap:clamp(2px,.8vw,6px)!important;
    padding:7px 6px 8px!important;
  }
}

/* Compact, balanced small stock widget; preserve full USD amounts and profit colors. */
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="stock"][data-size="small"] .desktop-widget-data-content{
  padding:12px!important;gap:3px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="stock"] .desktop-widget-data-header{
  min-height:24px!important;opacity:1!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="stock"] .desktop-widget-data-primary{
  flex:1 1 auto!important;
  justify-content:center!important;align-items:flex-start!important;
  gap:5px!important;overflow:visible!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="stock"] .desktop-widget-data-value{
  font-size:22px!important;line-height:1.17!important;font-weight:700!important;letter-spacing:-.05em!important;
  overflow:visible!important;text-overflow:clip!important;white-space:normal!important;
  overflow-wrap:anywhere!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="stock"] .desktop-widget-data-value[data-length="medium"]{
  font-size:18px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="stock"] .desktop-widget-data-value[data-length="long"]{
  font-size:15px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="stock"] .desktop-widget-data-unit{
  font-size:12px!important;line-height:1.35!important;font-weight:600!important;letter-spacing:-.03em!important;
  white-space:normal!important;overflow-wrap:anywhere!important;
  overflow:visible!important;text-overflow:clip!important;
  font-variant-numeric:tabular-nums!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="stock"] .desktop-widget-data-unit[data-trend="positive"]{
  color:#ff6775!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="stock"] .desktop-widget-data-unit[data-trend="negative"]{
  color:#6daeff!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="stock"] .desktop-widget-data-unit[data-trend="neutral"]{
  color:#aab3c2!important;
}


/* Holdings: two, four, or eight USD rows with no wasted space. */
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="holdings"] .siren-holdings-content{
  display:flex!important;flex-direction:column!important;justify-content:flex-start!important;
  align-items:stretch!important;gap:7px!important;padding:12px!important;
  min-width:0!important;min-height:0!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="holdings"] .siren-holdings-header{
  display:flex!important;justify-content:space-between!important;align-items:center!important;
  gap:6px!important;min-height:25px!important;opacity:1!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-holdings-title{
  display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;
  color:inherit!important;text-decoration:none!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-holdings-count{
  flex:0 0 auto!important;color:rgba(233,242,255,.65)!important;
  font-size:10px!important;white-space:nowrap!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-holdings-list{
  display:flex!important;flex:1 1 auto!important;flex-direction:column!important;
  justify-content:space-around!important;min-height:0!important;gap:2px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-holdings-row{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:5px!important;min-width:0!important;min-height:0!important;
  color:inherit!important;text-decoration:none!important;border-radius:7px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-holdings-row:hover,
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-holdings-row:focus-visible{
  background:rgba(255,255,255,.09)!important;outline:1px solid rgba(230,241,255,.25)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-holdings-left,
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-holdings-right{
  display:flex!important;flex-direction:column!important;gap:1px!important;min-width:0!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-holdings-left{
  flex:1 1 auto!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-holdings-right{
  align-items:flex-end!important;flex:0 1 auto!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-holdings-symbol{
  font-size:12px!important;line-height:1.2!important;font-weight:700!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-holdings-name,
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-holdings-small-value{
  display:block!important;max-width:100%!important;overflow:hidden!important;
  white-space:nowrap!important;text-overflow:ellipsis!important;
  color:rgba(234,242,255,.67)!important;font-size:10px!important;line-height:1.2!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-holdings-amount{
  font-size:12px!important;line-height:1.2!important;font-weight:600!important;
  white-space:nowrap!important;font-variant-numeric:tabular-nums!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-holdings-rate{
  font-size:11px!important;line-height:1.3!important;font-weight:600!important;
  white-space:nowrap!important;font-variant-numeric:tabular-nums!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-holdings-rate[data-trend="positive"]{color:#ff6775!important}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-holdings-rate[data-trend="negative"]{color:#6daeff!important}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-holdings-rate[data-trend="neutral"]{color:#aab3c2!important}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-holdings-empty{
  display:flex!important;align-items:center!important;flex:1!important;
  color:rgba(234,242,255,.78)!important;font-size:12px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="holdings"][data-size="small"] .siren-holdings-content{
  padding:11px!important;gap:6px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="holdings"][data-size="small"] .siren-holdings-symbol{
  font-size:13px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="holdings"][data-size="medium"] .siren-holdings-content{
  padding:11px 13px!important;gap:4px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="holdings"][data-size="medium"] .siren-holdings-name{
  font-size:10px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="holdings"][data-size="large"] .siren-holdings-content{
  padding:15px!important;gap:8px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="holdings"][data-size="large"] .siren-holdings-list{
  gap:5px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="holdings"][data-size="large"] .siren-holdings-symbol{
  font-size:13px!important;
}
/* Medium holdings: keep the card 2x1, arrange four stocks in a 2x2 INNER grid. */
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="holdings"][data-size="medium"] .siren-holdings-content{
  padding:9px 11px!important;gap:4px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="holdings"][data-size="medium"] .siren-holdings-header{
  min-height:22px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="holdings"][data-size="medium"] .siren-holdings-list{
  display:grid!important;flex:1 1 auto!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  align-content:stretch!important;justify-content:stretch!important;
  gap:4px 6px!important;min-height:0!important;min-width:0!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="holdings"][data-size="medium"] .siren-holdings-row{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  justify-content:space-between!important;
  gap:2px!important;padding:5px 7px!important;min-width:0!important;min-height:0!important;
  background:rgba(237,244,255,.065)!important;
  border:1px solid rgba(237,244,255,.10)!important;border-radius:9px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="holdings"][data-size="medium"] .siren-holdings-left{
  display:flex!important;flex:0 0 auto!important;min-width:0!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="holdings"][data-size="medium"] .siren-holdings-symbol{
  font-size:12px!important;line-height:1.2!important;font-weight:700!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="holdings"][data-size="medium"] .siren-holdings-name{
  display:none!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="holdings"][data-size="medium"] .siren-holdings-right{
  display:flex!important;flex:0 0 auto!important;flex-direction:row!important;
  align-items:baseline!important;justify-content:space-between!important;
  gap:3px!important;min-width:0!important;width:100%!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="holdings"][data-size="medium"] .siren-holdings-amount{
  font-size:clamp(9px,1.6vw,11px)!important;line-height:1.2!important;
  letter-spacing:-.035em!important;font-variant-numeric:tabular-nums!important;
  min-width:0!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="holdings"][data-size="medium"] .siren-holdings-rate{
  font-size:10px!important;line-height:1.2!important;flex-shrink:0!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="holdings"][data-size="medium"] .siren-holdings-empty{
  grid-column:1/-1!important;grid-row:1/-1!important;
}


/* Portfolio widget: actual USD holdings. Medium 2x1, large 2x2. */
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="portfolio"] .siren-portfolio-content{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  justify-content:flex-start!important;gap:5px!important;padding:11px 13px!important;min-width:0!important;min-height:0!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-portfolio-header{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  flex:0 0 auto!important;min-height:19px!important;min-width:0!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-portfolio-title{
  font-size:13px!important;font-weight:650!important;color:#f9faff!important;text-decoration:none!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-portfolio-currency{
  font-size:10px!important;color:rgba(234,242,255,.70)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-portfolio-share{
  width:100%!important;height:9px!important;min-height:9px!important;flex:0 0 9px!important;
  display:flex!important;gap:2px!important;border-radius:8px!important;
  background:rgba(255,255,255,.12)!important;overflow:hidden!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-portfolio-segment{
  display:block!important;min-width:0!important;flex-basis:0!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-portfolio-segment[data-group="etf"],
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-portfolio-dot[data-group="etf"],
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-portfolio-bar-fill[data-group="etf"]{
  background:#5085D9!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-portfolio-segment[data-group="stock"],
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-portfolio-dot[data-group="stock"],
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-portfolio-bar-fill[data-group="stock"]{
  background:#44B7AE!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-portfolio-segment[data-group="other"],
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-portfolio-dot[data-group="other"],
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-portfolio-bar-fill[data-group="other"]{
  background:#A4AEC2!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-portfolio-legend{
  display:flex!important;flex:0 0 auto!important;justify-content:space-between!important;
  align-items:center!important;flex-wrap:wrap!important;gap:4px 8px!important;min-width:0!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-portfolio-legend-item{
  display:inline-flex!important;align-items:center!important;gap:5px!important;
  color:rgba(240,245,255,.87)!important;font-size:11px!important;white-space:nowrap!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-portfolio-dot{
  display:inline-block!important;width:7px!important;height:7px!important;border-radius:50%!important;flex:0 0 7px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-portfolio-list{
  display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-height:0!important;min-width:0!important;
  gap:2px!important;overflow-y:auto!important;overflow-x:hidden!important;
  scrollbar-width:thin!important;scrollbar-color:rgba(230,240,255,.22) transparent!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-portfolio-row{
  flex:0 0 auto!important;display:grid!important;grid-template-columns:47px minmax(0,1fr) 42px!important;
  align-items:center!important;gap:8px!important;min-height:19px!important;
  text-decoration:none!important;color:#f8faff!important;border-radius:5px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-portfolio-row:hover,
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-portfolio-row:focus-visible{
  background:rgba(255,255,255,.09)!important;outline:1px solid rgba(230,241,255,.25)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-portfolio-symbol{
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  font-size:11px!important;font-weight:600!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-portfolio-bar{
  display:block!important;min-width:0!important;height:6px!important;border-radius:6px!important;
  background:rgba(255,255,255,.11)!important;overflow:hidden!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-portfolio-bar-fill{
  display:block!important;height:100%!important;border-radius:6px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-portfolio-percent{
  text-align:right!important;white-space:nowrap!important;
  font-size:10px!important;font-variant-numeric:tabular-nums!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-portfolio-empty{
  display:flex!important;flex:1!important;align-items:center!important;
  font-size:12px!important;color:rgba(240,245,255,.75)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="portfolio"][data-size="medium"] .siren-portfolio-list{
  gap:1px!important;overflow:hidden!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="portfolio"][data-size="medium"] .siren-portfolio-row{
  min-height:18px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-portfolio-total{
  display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;flex:0 0 auto!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-portfolio-total-label{
  font-size:10px!important;color:rgba(232,240,255,.72)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-portfolio-total-value{
  max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  font-size:20px!important;line-height:1.15!important;font-weight:700!important;letter-spacing:-.04em!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="portfolio"][data-size="large"] .siren-portfolio-content{
  padding:14px!important;gap:8px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="portfolio"][data-size="large"] .siren-portfolio-row{
  min-height:24px!important;
}


/* Target-weight widget: actual versus saved target, 2x1 summary / 2x2 complete list. */
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="targetWeights"] .siren-target-content{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  justify-content:flex-start!important;min-width:0!important;min-height:0!important;
  padding:12px!important;gap:7px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-target-header{
  display:flex!important;justify-content:space-between!important;align-items:center!important;
  min-width:0!important;flex:0 0 auto!important;gap:6px!important;min-height:19px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-target-title{
  font-size:13px!important;font-weight:650!important;color:#f9faff!important;
  text-decoration:none!important;white-space:nowrap!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-target-subtitle{
  font-size:10px!important;color:rgba(235,243,255,.7)!important;
  white-space:nowrap!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-target-list{
  display:flex!important;flex-direction:column!important;flex:1 1 auto!important;
  gap:5px!important;min-width:0!important;min-height:0!important;
  overflow-x:hidden!important;overflow-y:auto!important;
  scrollbar-width:thin!important;scrollbar-color:rgba(230,240,255,.22) transparent!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-target-row{
  display:grid!important;grid-template-columns:49px minmax(0,1fr) 52px!important;
  align-items:center!important;flex:0 0 auto!important;gap:7px!important;min-height:24px!important;
  min-width:0!important;border-radius:6px!important;text-decoration:none!important;color:#f9faff!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-target-row:hover,
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-target-row:focus-visible{
  background:rgba(255,255,255,.10)!important;
  outline:1px solid rgba(230,241,255,.25)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-target-symbol{
  font-size:11px!important;font-weight:650!important;overflow:hidden!important;
  text-overflow:ellipsis!important;white-space:nowrap!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-target-compare{
  display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-target-medium-bar{
  display:block!important;width:100%!important;height:5px!important;min-height:5px!important;
  background:rgba(80,133,217,.44)!important;border-radius:5px!important;overflow:hidden!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-target-medium-fill{
  display:block!important;height:100%!important;background:#44B7AE!important;border-radius:5px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-target-medium-labels{
  display:flex!important;justify-content:space-between!important;gap:5px!important;
  white-space:nowrap!important;color:rgba(232,242,255,.77)!important;
  font-size:10px!important;font-variant-numeric:tabular-nums!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-target-difference{
  font-size:11px!important;font-weight:650!important;text-align:right!important;white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-target-difference[data-trend="under"]{
  color:#6daeff!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-target-difference[data-trend="over"]{
  color:#ff6775!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-target-difference[data-trend="neutral"],
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-target-difference[data-trend="aligned"]{
  color:#aab3c2!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-target-legend{
  display:flex!important;align-items:center!important;gap:13px!important;
  min-height:14px!important;flex:0 0 auto!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-target-legend-item{
  display:inline-flex!important;align-items:center!important;gap:5px!important;font-size:10px!important;
  color:rgba(234,243,255,.77)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-target-dot{
  width:8px!important;height:8px!important;border-radius:50%!important;display:inline-block!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-target-dot[data-series="current"],
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-target-bar-fill[data-series="current"]{
  background:#44B7AE!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-target-dot[data-series="target"],
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-target-bar-fill[data-series="target"]{
  background:#5085D9!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-target-large-labels{
  display:flex!important;justify-content:space-between!important;gap:5px!important;
  font-size:10px!important;line-height:1.15!important;white-space:nowrap!important;
  color:rgba(232,242,255,.82)!important;font-variant-numeric:tabular-nums!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-target-double-bars{
  display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-target-bar{
  display:block!important;height:5px!important;min-height:5px!important;
  width:100%!important;background:rgba(235,245,255,.12)!important;
  border-radius:6px!important;overflow:hidden!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-target-bar-fill{
  display:block!important;height:100%!important;border-radius:6px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-target-empty{
  display:flex!important;align-items:center!important;flex:1!important;
  font-size:12px!important;color:rgba(235,243,255,.77)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="targetWeights"][data-size="medium"] .siren-target-content{
  padding:10px 12px!important;gap:5px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="targetWeights"][data-size="medium"] .siren-target-list{
  justify-content:space-around!important;gap:3px!important;overflow:hidden!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="targetWeights"][data-size="medium"] .siren-target-row{
  min-height:30px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="targetWeights"][data-size="large"] .siren-target-content{
  padding:14px!important;gap:9px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="targetWeights"][data-size="large"] .siren-target-list{
  gap:8px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="targetWeights"][data-size="large"] .siren-target-row{
  grid-template-columns:52px minmax(0,1fr) 56px!important;
  min-height:36px!important;
}


/* Goal widgets: compact live progress, only active goals, completed count in large. */
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="goals"] .siren-goals-content{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  justify-content:flex-start!important;min-width:0!important;min-height:0!important;
  gap:8px!important;padding:12px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="goals"] .siren-goals-header{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:7px!important;min-height:23px!important;flex:0 0 auto!important;min-width:0!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="goals"] .siren-goals-heading{
  display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="goals"] .siren-goals-icon{
  display:block!important;width:23px!important;height:23px!important;flex:0 0 23px!important;
  object-fit:contain!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="goals"] .siren-goals-title{
  font-size:13px!important;line-height:1.25!important;font-weight:650!important;
  color:#f9faff!important;white-space:nowrap!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="goals"] .siren-goals-active-count{
  font-size:10px!important;line-height:1.35!important;white-space:nowrap!important;
  color:rgba(235,243,255,.68)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="goals"] .siren-goals-list{
  display:flex!important;flex-direction:column!important;flex:1 1 auto!important;
  min-height:0!important;min-width:0!important;justify-content:space-evenly!important;
  overflow:hidden!important;gap:7px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="goals"] .siren-goals-row{
  display:flex!important;flex-direction:column!important;min-width:0!important;gap:6px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="goals"] .siren-goals-row-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:9px!important;min-width:0!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="goals"] .siren-goals-name{
  display:block!important;flex:1 1 auto!important;min-width:0!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  font-size:12px!important;line-height:1.35!important;color:#f7faff!important;font-weight:550!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="goals"] .siren-goals-percent{
  display:block!important;flex:0 0 auto!important;font-weight:650!important;
  font-size:13px!important;line-height:1.2!important;color:#fff!important;
  white-space:nowrap!important;font-variant-numeric:tabular-nums!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="goals"] .siren-goals-bar{
  display:block!important;width:100%!important;height:6px!important;min-height:6px!important;
  background:rgba(236,246,255,.15)!important;border-radius:10px!important;
  overflow:hidden!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="goals"] .siren-goals-bar-fill{
  display:block!important;height:100%!important;border-radius:10px!important;
  background:#44B7AE!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="goals"] .siren-goals-empty{
  display:flex!important;align-items:center!important;flex:1!important;min-width:0!important;
  color:rgba(235,243,255,.76)!important;font-size:12px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="goals"] .siren-goals-footer{
  display:flex!important;justify-content:space-between!important;align-items:center!important;
  min-width:0!important;min-height:22px!important;flex:0 0 auto!important;
  border-top:1px solid rgba(238,246,255,.14)!important;padding-top:8px!important;
  color:rgba(237,244,255,.76)!important;font-size:11px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="goals"] .siren-goals-footer strong{
  color:#f9faff!important;font-size:12px!important;font-weight:650!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="goals"][data-size="small"] .siren-goals-content{
  gap:8px!important;padding:11px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="goals"][data-size="small"] .siren-goals-list{
  justify-content:center!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="goals"][data-size="small"] .siren-goals-row{
  gap:10px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="goals"][data-size="small"] .siren-goals-row-head{
  flex-direction:column!important;align-items:flex-start!important;gap:4px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="goals"][data-size="small"] .siren-goals-name{
  width:100%!important;font-size:12px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="goals"][data-size="small"] .siren-goals-percent{
  font-size:23px!important;line-height:1.15!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="goals"][data-size="medium"] .siren-goals-content{
  gap:5px!important;padding:10px 13px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="goals"][data-size="medium"] .siren-goals-row{
  gap:5px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="goals"][data-size="large"] .siren-goals-content{
  gap:10px!important;padding:14px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="goals"][data-size="large"] .siren-goals-list{
  gap:11px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="goals"][data-size="large"] .siren-goals-row{
  gap:7px!important;
}


/* Calendar widgets: small mini-month and large full-month only. */
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="calendar"] .siren-calendar-content{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  justify-content:flex-start!important;min-width:0!important;min-height:0!important;
  padding:11px!important;gap:7px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-calendar-header{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  min-height:21px!important;flex:0 0 auto!important;gap:5px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-calendar-title{
  display:block!important;color:#f7fbff!important;text-decoration:none!important;
  font-size:12px!important;line-height:1.25!important;font-weight:650!important;white-space:nowrap!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-calendar-grid{
  display:grid!important;width:100%!important;min-width:0!important;min-height:0!important;
  flex:1 1 auto!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;
  grid-template-rows:20px repeat(var(--siren-calendar-weeks,6),minmax(0,1fr))!important;
  gap:2px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-calendar-weekday{
  display:flex!important;align-items:center!important;justify-content:center!important;
  font-size:10px!important;font-weight:500!important;color:rgba(240,247,255,.67)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-calendar-weekday:first-child{color:#ff94a0!important}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-calendar-weekday:nth-child(7){color:#93beff!important}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-calendar-day{
  display:flex!important;position:relative!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;gap:3px!important;
  min-width:0!important;min-height:0!important;border-radius:8px!important;
  text-decoration:none!important;color:#f6faff!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-calendar-day:hover,
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-calendar-day:focus-visible{
  background:rgba(255,255,255,.11)!important;outline:1px solid rgba(255,255,255,.22)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-calendar-day[data-today="true"]{
  background:rgba(68,183,174,.23)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-calendar-day-number{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:24px!important;height:24px!important;flex:0 0 24px!important;
  border-radius:50%!important;font-size:12px!important;font-weight:550!important;
  line-height:1!important;font-variant-numeric:tabular-nums!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-calendar-day[data-weekday="0"]{color:#ff9ba8!important}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-calendar-day[data-weekday="6"]{color:#97c3ff!important}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-calendar-day[data-today="true"] .siren-calendar-day-number{
  background:#44B7AE!important;color:#fff!important;font-weight:750!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-calendar-event-dot{
  display:block!important;position:absolute!important;bottom:1px!important;
  width:4px!important;height:4px!important;background:#44B7AE!important;
  border-radius:50%!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-calendar-day[data-today="true"] .siren-calendar-event-dot{
  background:#fff!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-calendar-navigation{
  display:flex!important;align-items:center!important;gap:2px!important;flex:0 0 auto!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-calendar-arrow{
  width:27px!important;height:27px!important;display:flex!important;
  align-items:center!important;justify-content:center!important;
  background:transparent!important;color:#f6faff!important;border:0!important;
  border-radius:8px!important;cursor:pointer!important;font-size:21px!important;
  line-height:1!important;padding:0!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-calendar-arrow:hover,
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-calendar-arrow:focus-visible{
  background:rgba(255,255,255,.12)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-calendar-arrow:disabled{
  opacity:.28!important;cursor:default!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-calendar-alert{
  font-size:9px!important;color:#ffabb5!important;line-height:1.1!important;
  position:absolute!important;right:9px!important;top:34px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="calendar"][data-size="small"] .siren-calendar-content{
  padding:10px!important;gap:4px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="calendar"][data-size="small"] .siren-calendar-header{
  min-height:18px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="calendar"][data-size="small"] .siren-calendar-title{
  font-size:11px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="calendar"][data-size="small"] .siren-calendar-grid{
  grid-template-rows:13px repeat(var(--siren-calendar-weeks,6),minmax(0,1fr))!important;
  gap:1px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="calendar"][data-size="small"] .siren-calendar-weekday{
  font-size:9px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="calendar"][data-size="small"] .siren-calendar-day{
  border-radius:5px!important;gap:0!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="calendar"][data-size="small"] .siren-calendar-day-number{
  width:17px!important;height:17px!important;flex:0 0 17px!important;font-size:9px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="calendar"][data-size="small"] .siren-calendar-event-dot{
  width:3px!important;height:3px!important;bottom:0!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="calendar"][data-size="large"] .siren-calendar-content{
  padding:13px!important;gap:10px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="calendar"][data-size="large"] .siren-calendar-title{
  font-size:15px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="calendar"][data-size="large"] .siren-calendar-grid{
  grid-template-rows:26px repeat(var(--siren-calendar-weeks,6),minmax(0,1fr))!important;
  gap:4px!important;
}


/* Approved travel widget: small 1x1 only, next trip + D-day + period. */
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="travel"] .siren-travel-content{
  display:flex!important;flex-direction:column!important;justify-content:flex-start!important;
  align-items:stretch!important;gap:9px!important;min-width:0!important;min-height:0!important;
  padding:13px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-travel-header{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:8px!important;min-width:0!important;min-height:23px!important;flex:0 0 auto!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-travel-heading{
  color:#f9faff!important;font-size:12px!important;font-weight:650!important;line-height:1.3!important;
  white-space:nowrap!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-travel-icon{
  width:22px!important;height:22px!important;flex:0 0 22px!important;
  object-fit:contain!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-travel-main{
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  align-items:flex-start!important;flex:1 1 auto!important;gap:6px!important;min-width:0!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-travel-dday{
  display:block!important;color:#f9fbff!important;font-size:27px!important;line-height:1.05!important;
  letter-spacing:-.04em!important;font-weight:750!important;white-space:nowrap!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-travel-name{
  display:block!important;min-width:0!important;width:100%!important;
  overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;
  font-size:12px!important;font-weight:600!important;color:#f6f9ff!important;line-height:1.3!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-travel-dates{
  display:block!important;min-width:0!important;width:100%!important;
  overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;
  font-size:10px!important;color:rgba(241,246,255,.75)!important;line-height:1.3!important;
  font-variant-numeric:tabular-nums!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-travel-empty{
  display:flex!important;align-items:center!important;flex:1 1 auto!important;min-width:0!important;
  color:rgba(241,246,255,.75)!important;font-size:12px!important;line-height:1.4!important;
}


/* Wardrobe home outfit: small text-only, large approved preview + fallback. */
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="wardrobe"] .siren-outfit-content{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  justify-content:flex-start!important;gap:10px!important;padding:13px!important;
  min-width:0!important;min-height:0!important;overflow:hidden!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-outfit-header{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  flex:0 0 auto!important;gap:7px!important;min-height:22px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-outfit-heading{
  font-size:12px!important;font-weight:650!important;color:#f9faff!important;
  line-height:1.3!important;white-space:nowrap!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-outfit-icon{
  width:22px!important;height:22px!important;flex:0 0 22px!important;
  object-fit:contain!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-outfit-pieces{
  display:flex!important;flex-direction:column!important;flex:1 1 auto!important;
  justify-content:space-evenly!important;min-width:0!important;min-height:0!important;
  overflow:hidden!important;gap:4px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-outfit-piece{
  display:flex!important;flex-direction:column!important;gap:2px!important;
  min-width:0!important;min-height:0!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-outfit-piece-label{
  color:rgba(241,246,255,.58)!important;font-size:9px!important;line-height:1.25!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-outfit-piece-name{
  color:#f6faff!important;font-size:11px!important;font-weight:550!important;
  line-height:1.3!important;overflow:hidden!important;
  text-overflow:ellipsis!important;white-space:nowrap!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-outfit-empty{
  display:flex!important;align-items:center!important;flex:1 1 auto!important;
  color:rgba(241,246,255,.74)!important;font-size:12px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="wardrobe"][data-size="small"] .siren-outfit-content{
  gap:6px!important;padding:12px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="wardrobe"][data-size="small"] .siren-outfit-pieces{
  gap:3px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="wardrobe"][data-size="large"] .siren-outfit-content{
  padding:13px!important;gap:9px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="wardrobe"][data-size="large"] .siren-outfit-visual{
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:1 1 auto!important;min-width:0!important;min-height:0!important;
  overflow:hidden!important;border-radius:11px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="wardrobe"][data-size="large"] .siren-outfit-image{
  display:block!important;width:100%!important;height:100%!important;
  object-fit:contain!important;object-position:center!important;
  border-radius:11px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="wardrobe"][data-size="large"] .siren-outfit-with-image .siren-outfit-pieces{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  flex:0 0 auto!important;gap:5px 10px!important;
  justify-content:initial!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="wardrobe"][data-size="large"] .siren-outfit-piece-label{
  font-size:10px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="wardrobe"][data-size="large"] .siren-outfit-piece-name{
  font-size:11px!important;
}


/* Game widget: 1x1 only. Active pickup with real end date. */
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="game"][data-size="small"] .siren-game-content{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  justify-content:flex-start!important;gap:9px!important;
  padding:12px!important;min-width:0!important;min-height:0!important;
  overflow:hidden!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-game-header{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  flex:0 0 auto!important;gap:8px!important;min-width:0!important;min-height:22px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-game-heading{
  color:#f9faff!important;font-size:12px!important;font-weight:650!important;
  line-height:1.3!important;white-space:nowrap!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-game-icon{
  width:22px!important;height:22px!important;flex:0 0 22px!important;
  object-fit:contain!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-game-main{
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  align-items:flex-start!important;flex:1 1 auto!important;min-height:0!important;min-width:0!important;
  gap:5px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-game-dday{
  color:#f9fbff!important;font-size:28px!important;font-weight:750!important;
  line-height:1.05!important;letter-spacing:-.04em!important;
  white-space:nowrap!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-game-pickup{
  display:block!important;width:100%!important;min-width:0!important;
  font-size:12px!important;line-height:1.35!important;font-weight:600!important;
  color:#f6f9ff!important;white-space:nowrap!important;
  overflow:hidden!important;text-overflow:ellipsis!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-game-end{
  display:block!important;color:rgba(241,246,255,.74)!important;
  font-size:10px!important;line-height:1.3!important;white-space:nowrap!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-game-empty{
  display:flex!important;align-items:center!important;flex:1 1 auto!important;
  font-size:11px!important;line-height:1.4!important;color:rgba(241,246,255,.74)!important;
}


/* Public holidays are red; event dots remain personal-event markers. */
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-calendar-day[data-holiday="true"]{
  color:#ff9ba8!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-calendar-day[data-holiday="true"][data-today="true"] .siren-calendar-day-number{
  background:rgba(229,86,104,.23)!important;
  color:#ffc3c9!important;
}


/* Clock widget: a small, always-live 24-hour Seoul clock. */
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="clock"] .siren-clock-content{
  display:flex!important;flex-direction:column!important;
  justify-content:space-between!important;align-items:stretch!important;
  gap:8px!important;padding:13px!important;
  min-width:0!important;min-height:0!important;overflow:hidden!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-clock-header{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:7px!important;min-height:18px!important;flex:0 0 auto!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-clock-heading{
  color:#f8faff!important;font-size:12px!important;font-weight:650!important;
  line-height:1.3!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-clock-zone{
  color:rgba(240,248,255,.68)!important;font-size:10px!important;
  line-height:1.3!important;white-space:nowrap!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-clock-time{
  display:flex!important;align-items:baseline!important;justify-content:center!important;
  gap:3px!important;min-width:0!important;flex:1 1 auto!important;
  flex-direction:row!important;white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-clock-digits{
  display:block!important;align-self:center!important;color:#f8fbff!important;
  font-size:36px!important;font-weight:670!important;line-height:1!important;
  letter-spacing:-.055em!important;font-variant-numeric:tabular-nums!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-clock-seconds{
  display:block!important;align-self:center!important;color:#69e0d9!important;
  font-size:12px!important;line-height:1!important;font-weight:700!important;
  font-variant-numeric:tabular-nums!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-clock-date{
  display:block!important;text-align:center!important;color:rgba(239,247,255,.77)!important;
  font-size:11px!important;line-height:1.35!important;font-weight:500!important;
  white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;
  flex:0 0 auto!important;
}
@media(max-width:500px){
  html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-clock-digits{
    font-size:32px!important;
  }
}


/* Per-widget clock type switch: digital or lightweight vector analog face. */
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget-controls .desktop-widget-clock-type{
  min-width:48px!important;max-width:70px!important;
  padding:2px 4px!important;font-size:10px!important;white-space:nowrap!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="clock"][data-size="small"] .siren-clock-content[data-clock-type="analog"]{
  gap:4px!important;padding:9px 12px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-clock-content[data-clock-type="analog"] .siren-clock-time.siren-clock-analog-time{
  min-height:0!important;flex:1 1 auto!important;align-items:center!important;
  justify-content:center!important;padding:0!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-clock-dial{
  display:block!important;flex:0 1 auto!important;width:100%!important;
  max-width:110px!important;max-height:103px!important;
  height:100%!important;overflow:visible!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-clock-dial-face{
  fill:rgba(11,21,48,.23)!important;stroke:rgba(243,248,255,.38)!important;
  stroke-width:1.4!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-clock-tick{
  stroke:rgba(244,250,255,.42)!important;stroke-width:1.5!important;
  stroke-linecap:round!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-clock-tick-hour{
  stroke:rgba(244,250,255,.86)!important;stroke-width:2.3!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-clock-dial-number{
  fill:rgba(245,250,255,.92)!important;font-size:9.5px!important;
  font-weight:650!important;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-clock-hand{
  stroke-linecap:round!important;stroke-width:3.8!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-clock-hand-hour{
  stroke:#f8fbff!important;stroke-width:4.3!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-clock-hand-minute{
  stroke:#f8fbff!important;stroke-width:3!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-clock-hand-second{
  stroke:#69e0d9!important;stroke-width:1.8!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-clock-dial-center{
  fill:#69e0d9!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-clock-content[data-clock-type="analog"] .siren-clock-date{
  font-size:10px!important;line-height:1.1!important;
}


/* Mobile widget editor v2: compact floating controls above the iOS Dock.
   Keep widgets unobstructed, and place rarely used actions in a small popover. */
html[data-siren-layout="fluid"] #app-shell .desktop-widget-edit-secondary{
  display:contents!important;
}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-edit-screen-label,
html[data-siren-layout="fluid"] #app-shell .desktop-widget-edit-toolbar #seirenHomeWidgetMore{
  display:none!important;
}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-edit-toolbar #seirenHomeAddWidget{order:1}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-edit-toolbar #seirenHomeClearWidgets{order:2}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-edit-toolbar #seirenHomeEditDone{order:3}

html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar{
  position:absolute!important;
  inset:auto 14px calc(clamp(235px,29dvh,315px) + env(safe-area-inset-bottom,0px) + 7px) 14px!important;
  z-index:25!important;box-sizing:border-box!important;
  width:auto!important;min-width:0!important;max-width:none!important;
  height:54px!important;min-height:54px!important;
  /* Inherit display only while editing: forcing flex here overrides [hidden]. */
  flex-wrap:nowrap!important;
  align-items:center!important;justify-content:flex-end!important;
  gap:8px!important;padding:6px 8px!important;
  border-radius:18px!important;
  background:rgba(25,34,66,.87)!important;
  box-shadow:0 10px 28px rgba(2,9,34,.33),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar > span:first-child{
  display:none!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar button{
  border-radius:12px!important;min-height:40px!important;
  font-size:13px!important;font-weight:650!important;
  line-height:1.2!important;padding:10px 13px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar #seirenHomeWidgetMore{
  display:grid!important;place-items:center!important;
  order:0!important;flex:0 0 42px!important;
  min-width:42px!important;max-width:42px!important;height:40px!important;
  padding:0!important;font-size:23px!important;letter-spacing:1px!important;
  background:rgba(205,221,255,.13)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar #seirenHomeWidgetMore[aria-expanded="true"]{
  background:rgba(140,183,237,.38)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar #seirenHomeAddWidget{
  order:1!important;flex:1 1 auto!important;min-width:0!important;
  background:rgba(166,195,244,.25)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar #seirenHomeEditDone{
  order:2!important;flex:0 0 auto!important;
  background:#b5e8ee!important;color:#142941!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar .desktop-widget-edit-secondary{
  display:none!important;
  position:absolute!important;z-index:2!important;
  left:0!important;right:auto!important;
  bottom:calc(100% + 10px)!important;
  width:min(275px,100%)!important;box-sizing:border-box!important;
  padding:14px!important;gap:10px!important;
  flex-direction:column!important;align-items:stretch!important;
  border:1px solid rgba(235,245,255,.30)!important;border-radius:17px!important;
  background:rgba(28,38,75,.96)!important;
  box-shadow:0 16px 34px rgba(0,7,35,.36)!important;
  backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar[data-mobile-options="open"] .desktop-widget-edit-secondary{
  display:flex!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-screen-label{
  display:block!important;font-size:12px!important;font-weight:650!important;
  color:rgba(243,248,255,.78)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-secondary #seirenHomeModeSelect{
  width:100%!important;min-width:0!important;max-width:100%!important;
  height:43px!important;font-size:13px!important;
  padding:9px 26px 9px 12px!important;
  background:rgba(170,195,247,.16)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-secondary #seirenHomeClearWidgets{
  width:100%!important;min-height:43px!important;
  color:#ffced1!important;background:rgba(221,107,133,.14)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar .desktop-widget-notice{
  position:absolute!important;top:auto!important;bottom:calc(100% + 8px)!important;
  right:0!important;max-width:min(320px,100%)!important;
  pointer-events:none!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell[data-widget-editing="true"] #seirenHomeWidgets.desktop-widget-workspace{
  bottom:calc(clamp(235px,29dvh,315px) + env(safe-area-inset-bottom,0px) + 70px)!important;
  border-color:rgba(210,224,255,.26)!important;
  background:rgba(16,25,52,.07)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-gallery{
  position:absolute!important;
  inset:auto 14px calc(clamp(235px,29dvh,315px) + env(safe-area-inset-bottom,0px) + 70px) 14px!important;
  width:auto!important;max-width:none!important;
  max-height:min(54dvh,420px)!important;
  border-radius:22px!important;padding:16px 13px!important;
  background:rgba(26,35,70,.97)!important;
  box-shadow:0 20px 48px rgba(2,8,31,.38)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-gallery-item{
  min-height:92px!important;
  border-radius:15px!important;
  background:rgba(174,199,247,.12)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell[data-widget-editing="true"] #seirenHomeWidgets .desktop-widget-controls{
  z-index:5!important;
  border-radius:11px!important;
  background:rgba(19,30,65,.91)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #seirenHomeWidgets .desktop-widget-controls button{
  min-width:31px!important;height:31px!important;
  font-size:12px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #seirenHomeWidgets .desktop-widget-controls .desktop-widget-clock-type{
  min-width:48px!important;max-width:70px!important;
  font-size:10px!important;
}
@media(max-height:640px){
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-gallery{
    max-height:36dvh!important;
  }
}


/* Mobile widget edit v2: compact bar occupies its own row above the widgets.
   Do not alter the PC toolbar, Dock, or normal non-edit widget geometry. */
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar:not([hidden]){
  position:absolute!important;
  inset:calc(98px + env(safe-area-inset-top,0px)) 16px auto 16px!important;
  z-index:32!important;
  display:flex!important;flex-wrap:nowrap!important;
  height:49px!important;min-height:49px!important;max-height:49px!important;
  padding:5px 7px 5px 13px!important;gap:6px!important;
  justify-content:flex-end!important;align-items:center!important;
  background:rgba(24,35,70,.89)!important;
  border:1px solid rgba(224,237,255,.2)!important;
  border-radius:17px!important;
  box-shadow:0 8px 20px rgba(1,9,32,.18)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar > span:first-child{
  display:block!important;order:-2!important;margin-right:auto!important;
  flex:0 0 auto!important;font-size:13px!important;font-weight:650!important;
  white-space:nowrap!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar #seirenHomeWidgetMore{
  order:0!important;flex:0 0 33px!important;
  min-width:33px!important;max-width:33px!important;height:37px!important;
  font-size:20px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar #seirenHomeAddWidget{
  order:1!important;flex:0 1 auto!important;min-width:76px!important;
  max-width:116px!important;height:37px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar #seirenHomeEditDone{
  order:2!important;flex:0 0 auto!important;height:37px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar button{
  min-height:37px!important;padding:8px 9px!important;font-size:12px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar .desktop-widget-edit-secondary{
  top:calc(100% + 8px)!important;bottom:auto!important;
  left:auto!important;right:0!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell[data-widget-editing="true"] #seirenHomeWidgets.desktop-widget-workspace{
  /* The widget grid starts BELOW the 49px editor header, never behind it. */
  top:calc(163px + env(safe-area-inset-top,0px))!important;
  bottom:clamp(235px,calc(29dvh + env(safe-area-inset-bottom,0px)),315px)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell[data-widget-editing="true"] #seirenHomeWidgets .desktop-widget-controls{
  display:none!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell[data-widget-editing="true"] #seirenHomeWidgets .desktop-widget-content{
  pointer-events:auto!important;
  cursor:pointer!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell[data-widget-editing="true"] #seirenHomeWidgets .desktop-widget{
  touch-action:none!important;
  -webkit-user-select:none!important;user-select:none!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell[data-widget-editing="true"] #seirenHomeWidgets .desktop-widget:focus-visible{
  outline:2px solid #bceae9!important;outline-offset:3px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .siren-widget-sheet-scrim[hidden],
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .siren-widget-settings-sheet[hidden]{
  display:none!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .siren-widget-sheet-scrim{
  position:absolute!important;inset:0!important;z-index:40!important;
  background:rgba(5,11,29,.57)!important;
  backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-gallery,
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .siren-widget-settings-sheet{
  position:absolute!important;
  inset:auto 0 0 0!important;
  z-index:41!important;width:100%!important;max-width:none!important;
  box-sizing:border-box!important;
  max-height:min(68dvh,550px)!important;
  overflow-y:auto!important;overscroll-behavior:contain!important;
  border:1px solid rgba(228,240,255,.25)!important;border-bottom:0!important;
  border-radius:27px 27px 0 0!important;
  padding:19px 20px calc(22px + env(safe-area-inset-bottom,0px))!important;
  background:rgba(28,40,78,.97)!important;
  box-shadow:0 -18px 40px rgba(0,4,24,.34)!important;
  backdrop-filter:blur(30px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(145%)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-gallery-header,
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .siren-widget-sheet-header{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  min-height:38px!important;gap:12px!important;margin-bottom:15px!important;
  color:#f9fbff!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-gallery-item{
  min-height:82px!important;
  border:1px solid rgba(215,232,255,.14)!important;
  background:rgba(175,196,240,.12)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .siren-widget-sheet-header strong{
  font-size:17px!important;font-weight:700!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .siren-widget-sheet-close{
  border:0!important;border-radius:11px!important;
  padding:9px 13px!important;background:rgba(188,213,252,.14)!important;
  color:#eff8ff!important;font-size:13px!important;font-weight:650!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .siren-widget-sheet-label,
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .siren-widget-sheet-caption{
  display:block!important;font-size:12px!important;font-weight:600!important;
  color:rgba(236,247,255,.77)!important;margin:13px 0 8px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .siren-widget-sheet-choices{
  display:flex!important;gap:9px!important;width:100%!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .siren-widget-sheet-choice{
  flex:1 1 0!important;min-width:0!important;min-height:46px!important;
  border-radius:13px!important;border:1px solid rgba(207,227,255,.2)!important;
  background:rgba(139,166,215,.14)!important;
  color:#e9f2ff!important;font-size:14px!important;font-weight:650!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .siren-widget-sheet-choice[aria-pressed="true"]{
  border-color:#79d5d6!important;background:rgba(65,207,200,.22)!important;
  color:#d5ffff!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .siren-widget-sheet-remove{
  width:100%!important;min-height:48px!important;margin-top:18px!important;
  border:0!important;border-radius:13px!important;
  background:rgba(230,112,139,.14)!important;color:#ffd1d7!important;
  font-size:14px!important;font-weight:650!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .siren-widget-settings-sheet button:focus-visible,
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-gallery button:focus-visible{
  outline:2px solid #a7e6e3!important;outline-offset:2px!important;
}


/* Mobile widget editor v3: an unobtrusive iOS control row that NEVER
   overlaps a widget. JS measures its rendered bottom + Dock top each time
   the user edits, rotates, resizes or switches home mode. PC is untouched. */
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar:not([hidden]){
  position:absolute!important;
  inset:calc(99px + env(safe-area-inset-top,0px)) 14px auto 14px!important;
  height:44px!important;min-height:44px!important;max-height:44px!important;
  padding:0!important;gap:7px!important;
  background:transparent!important;border:0!important;
  border-radius:0!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  align-items:center!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar:not([hidden]) > span:first-child{
  display:none!important;align-items:center!important;order:-2!important;
  height:38px!important;min-width:0!important;flex:0 1 auto!important;
  margin-right:auto!important;padding:0 12px!important;
  border:1px solid rgba(222,236,255,.20)!important;
  border-radius:13px!important;
  background:rgba(24,36,72,.78)!important;
  font-size:12px!important;font-weight:650!important;
  white-space:nowrap!important;
  backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar:not([hidden]) button{
  min-height:38px!important;height:38px!important;
  padding:8px 11px!important;border-radius:12px!important;
  background:rgba(27,42,81,.84)!important;
  border:1px solid rgba(221,239,255,.17)!important;
  box-shadow:0 3px 13px rgba(0,7,29,.19)!important;
  backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
  font-size:12px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar:not([hidden]) #seirenHomeWidgetMore{
  width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important;
  flex:0 0 38px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar:not([hidden]) #seirenHomeAddWidget{
  min-width:70px!important;max-width:110px!important;flex:0 1 auto!important;
  background:rgba(51,82,137,.79)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar:not([hidden]) #seirenHomeEditDone{
  flex:0 0 auto!important;background:#a9e7e6!important;color:#122742!important;
  border-color:rgba(212,255,252,.45)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell[data-widget-editing="true"] #seirenHomeWidgets.desktop-widget-workspace{
  top:var(--siren-mobile-edit-grid-top,calc(156px + env(safe-area-inset-top,0px)))!important;
  bottom:var(--siren-mobile-edit-grid-bottom,clamp(235px,29dvh,315px))!important;
  overflow:auto!important;
  scroll-padding-top:10px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell[data-widget-editing="true"] #seirenHomeWidgets .desktop-widget[data-widget-selected="true"] .desktop-widget-content{
  border:2px solid rgba(161,239,235,.9)!important;
  box-shadow:0 0 0 3px rgba(104,206,211,.14),0 9px 30px rgba(3,10,33,.17)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .siren-widget-settings-sheet::before,
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-gallery::before{
  content:""!important;display:block!important;width:36px!important;
  height:5px!important;border-radius:6px!important;
  background:rgba(226,239,255,.45)!important;
  margin:-8px auto 12px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .siren-widget-settings-sheet,
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-gallery{
  border-radius:24px 24px 0 0!important;
  padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))!important;
}
@media(max-width:345px){
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar:not([hidden]){
    gap:5px!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar:not([hidden]) > span:first-child{
    padding:0 8px!important;font-size:11px!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-toolbar:not([hidden]) #seirenHomeAddWidget{
    min-width:62px!important;padding:8px!important;
  }
}

/* The desktop context menu must never become a persistent edit button on mobile. */
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell .desktop-widget-edit-menu{
  display:none!important;
}

/* PC widget editor: dock the compact toolbar inside the HEADER strip, not
   on top of the draggable top-right widget cells (widget grid begins >=90px).
   Desktop-only: the approved iPhone editing layout remains unchanged. */
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeEditToolbar:not([hidden]){
  position:absolute!important;
  inset:10px auto auto clamp(12px,2vw,30px)!important;
  width:max-content!important;max-width:calc(100vw - 24px)!important;
  display:flex!important;flex-wrap:nowrap!important;
  align-items:center!important;justify-content:flex-start!important;
  gap:6px!important;padding:6px 7px!important;
  z-index:27!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeEditToolbar > span:first-child{
  display:none!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeEditToolbar #seirenHomeWidgetMore{
  display:grid!important;place-items:center!important;
  flex:0 0 34px!important;order:0!important;
  width:34px!important;height:34px!important;min-width:34px!important;
  font-size:20px!important;padding:0!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeEditToolbar #seirenHomeAddWidget{
  order:1!important;white-space:nowrap!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeEditToolbar #seirenHomeEditDone{
  order:2!important;white-space:nowrap!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeEditToolbar .desktop-widget-edit-secondary{
  display:none!important;
  position:absolute!important;top:calc(100% + 8px)!important;
  left:0!important;right:auto!important;bottom:auto!important;
  box-sizing:border-box!important;
  width:222px!important;max-width:calc(100vw - 24px)!important;
  padding:12px!important;gap:10px!important;
  flex-direction:column!important;align-items:stretch!important;
  border:1px solid rgba(238,244,255,.26)!important;border-radius:14px!important;
  background:rgba(27,37,72,.97)!important;
  box-shadow:0 16px 35px rgba(2,8,28,.3)!important;
  backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeEditToolbar[data-mobile-options="open"] .desktop-widget-edit-secondary{
  display:flex!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeEditToolbar .desktop-widget-edit-screen-label{
  display:block!important;font-size:12px!important;
  color:rgba(243,248,255,.8)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeEditToolbar .desktop-widget-edit-secondary #seirenHomeModeSelect,
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeEditToolbar .desktop-widget-edit-secondary #seirenHomeClearWidgets{
  width:100%!important;max-width:none!important;min-width:0!important;
  box-sizing:border-box!important;
}


/* Home style audit: same title scale and keyboard focus across PC and iOS.
   Preserve the approved 2-column mobile layout, widget positions, Dock and
   toolbar visibility. These styles do not alter widget geometry. */
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-calendar-title{
  font-size:13px!important;line-height:1.35!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="calendar"][data-size="small"] .siren-calendar-title{
  font-size:12px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets :is(
  .siren-holdings-title,.siren-portfolio-title,.siren-target-title,.siren-calendar-title
):focus-visible{
  outline:2px solid #a9e7e6!important;outline-offset:2px!important;
  border-radius:4px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets :is(
  .siren-holdings-row,.siren-portfolio-row,.siren-target-row,.siren-calendar-day
):focus-visible{
  outline:2px solid #a9e7e6!important;outline-offset:-1px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets :is(
  .siren-calendar-arrow,.desktop-widget-controls button
):focus-visible,
html[data-siren-layout="fluid"] #app-shell :is(
  .desktop-widget-gallery-item,.desktop-widget-edit-toolbar button,.desktop-widget-edit-menu button
):focus-visible{
  outline:2px solid #a9e7e6!important;outline-offset:2px!important;
}

/* Home finishing pass — macOS-like restraint, no geometry or icon asset changes.
   Limited to the desktop HOME Dock and header; service windows are untouched. */
html[data-siren-home-mode="desktop"] #app-shell .home-header #seirenHomeHeaderActions .seiren-home-header-action{
  -webkit-tap-highlight-color:transparent;
  transition:background-color .16s ease,color .16s ease,transform .16s ease!important;
}
html[data-siren-home-mode="desktop"] #app-shell .home-header #seirenHomeHeaderActions .seiren-home-header-action:hover{
  background:rgba(230,238,252,.16)!important;
}
html[data-siren-home-mode="desktop"] #app-shell #home-top .service-grid .service-card .home-service-icon{
  transition:transform .18s ease,box-shadow .18s ease!important;
}
html[data-siren-home-mode="desktop"] #app-shell #home-top .service-grid .service-card:focus-visible{
  outline:2px solid rgba(205,232,255,.92)!important;
  outline-offset:3px!important;
}
@media(prefers-reduced-motion:reduce){
  html[data-siren-home-mode="desktop"] #app-shell #home-top .service-grid .service-card .home-service-icon,
  html[data-siren-home-mode="desktop"] #app-shell .home-header #seirenHomeHeaderActions .seiren-home-header-action{
    transition:none!important;
  }
}

/* Desktop Dock visual consistency: preserve all eight approved SVG shapes.
   The artwork itself supplies the icon's content; no extra color tiles or rings. */
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #home-top .service-grid > .service-card .home-service-icon{
  padding:0!important;background:transparent!important;background-image:none!important;
  border:0!important;object-fit:contain!important;image-rendering:auto!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #home-top .service-grid > .service-card .siren-dock-icon-frame{
  display:flex!important;align-items:center!important;justify-content:center!important;
}
@media(prefers-reduced-motion:reduce){
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #home-top .service-grid > .service-card .home-service-icon{
    transition:none!important;
  }
}


/* macOS desktop home edit controls, aligned beside the toolbar actions.
   Editing changes never alter the normal home, Dock or installed widget layout. */
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeEditToolbar:not([hidden]){
  inset:6px clamp(104px,9vw,126px) auto auto!important;
  width:max-content!important;max-width:calc(100vw - 290px)!important;
  min-height:42px!important;height:42px!important;box-sizing:border-box!important;
  gap:4px!important;padding:4px 6px!important;
  border:1px solid rgba(234,244,255,.20)!important;border-radius:13px!important;
  background:rgba(28,41,74,.68)!important;
  box-shadow:0 8px 24px rgba(3,11,33,.22),inset 0 1px 0 rgba(255,255,255,.12)!important;
  backdrop-filter:blur(22px) saturate(136%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(136%)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeEditToolbar > button{
  height:32px!important;min-height:32px!important;
  padding:0 11px!important;border-radius:9px!important;
  font:600 12px/32px -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
  background:transparent!important;color:#eef4fd!important;
  transition:background-color .15s ease,color .15s ease!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeEditToolbar #seirenHomeWidgetMore{
  flex:0 0 32px!important;width:32px!important;height:32px!important;min-width:32px!important;
  padding:0!important;border-radius:9px!important;background:transparent!important;
  color:#d6e4f5!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgetMore .siren-edit-more-symbol{
  display:block;width:17px;height:17px;stroke:currentColor;stroke-width:1.7;fill:currentColor;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeEditToolbar #seirenHomeAddWidget{
  background:rgba(226,237,255,.11)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeEditToolbar #seirenHomeEditDone{
  background:rgba(228,242,255,.20)!important;color:#fff!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeEditToolbar > button:hover,
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeEditToolbar #seirenHomeWidgetMore[aria-expanded="true"]{
  background:rgba(224,238,255,.23)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeEditToolbar .desktop-widget-edit-secondary{
  left:auto!important;right:0!important;top:calc(100% + 7px)!important;
  border-color:rgba(234,244,255,.22)!important;
  border-radius:13px!important;
  background:rgba(26,36,66,.94)!important;
}
@media(max-width:640px){
  /* On a narrow, manually forced desktop mode, avoid overlapping the logo. */
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeEditToolbar:not([hidden]){
    inset:62px 12px auto auto!important;
    max-width:calc(100vw - 24px)!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell[data-widget-editing="true"] #seirenHomeWidgets.desktop-widget-workspace{
    top:132px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeEditToolbar > button{
    transition:none!important;
  }
}


/* Desktop widget gallery — macOS-like catalog, the main edit interface.
   iPhone bottom sheets and home Dock styling intentionally remain untouched. */
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeEditToolbar:not([hidden]){
  display:none!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell .desktop-widget-gallery:not([hidden]){
  position:absolute!important;inset:auto auto clamp(105px,15dvh,145px) 50%!important;
  transform:translateX(-50%)!important;
  width:min(800px,calc(100vw - 40px))!important;
  height:min(410px,calc(100dvh - 200px))!important;
  max-height:calc(100dvh - 165px)!important;
  display:grid!important;grid-template-rows:48px 44px minmax(0,1fr) 51px!important;
  overflow:hidden!important;padding:0!important;
  border-radius:18px!important;border:1px solid rgba(230,243,255,.27)!important;
  background:rgba(33,44,73,.87)!important;
  box-shadow:0 28px 76px rgba(0,5,25,.39),inset 0 1px 0 rgba(255,255,255,.12)!important;
  backdrop-filter:blur(32px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(32px) saturate(140%)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell .desktop-widget-gallery-header{
  margin:0!important;padding:0 18px!important;border-bottom:1px solid rgba(233,242,255,.12)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeGalleryClose{display:none!important;}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell .siren-widget-gallery-search{
  display:flex!important;align-items:center!important;padding:6px 15px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeGallerySearch{
  width:100%!important;height:32px!important;box-sizing:border-box!important;
  padding:0 12px!important;border-radius:9px!important;
  color:#f7fbff!important;background:rgba(13,23,48,.42)!important;
  border:1px solid rgba(214,232,255,.19)!important;
  font:500 12px/1.4 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell .siren-widget-gallery-body{
  display:grid!important;grid-template-columns:138px minmax(0,1fr)!important;
  min-height:0!important;overflow:hidden!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell .siren-widget-gallery-categories{
  display:flex!important;flex-direction:column!important;gap:3px!important;
  padding:10px!important;overflow:auto!important;
  background:rgba(9,20,43,.18)!important;border-right:1px solid rgba(227,241,255,.12)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell .siren-widget-gallery-category{
  appearance:none!important;border:0!important;border-radius:8px!important;
  min-height:32px!important;padding:7px 10px!important;text-align:left!important;
  color:#dae7f7!important;background:transparent!important;
  font:600 12px/1.25 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
  cursor:pointer!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell .siren-widget-gallery-category[aria-pressed="true"],
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell .siren-widget-gallery-category:hover{
  color:#fff!important;background:rgba(207,227,255,.18)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell .desktop-widget-gallery-list{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;padding:12px!important;overflow:auto!important;
  align-content:start!important;min-height:0!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell .desktop-widget-gallery-item{
  min-height:94px!important;border-radius:13px!important;
  background:rgba(180,200,238,.10)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell .desktop-widget-gallery-item[hidden],
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell .siren-widget-gallery-group[hidden]{display:none!important;}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell .desktop-widget-gallery .siren-widget-gallery-footer{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:12px!important;padding:8px 16px!important;
  border-top:1px solid rgba(233,242,255,.13)!important;
  color:rgba(234,241,252,.68)!important;font:500 11px/1.3 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeGalleryDone{
  min-width:74px!important;height:32px!important;
  border:1px solid rgba(221,237,255,.30)!important;border-radius:9px!important;
  color:#fff!important;background:rgba(188,216,255,.20)!important;
  font:650 12px/1.25 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
  cursor:pointer!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-controls{
  display:none!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell[data-widget-editing="true"] #seirenHomeWidgets .desktop-widget{
  cursor:grab!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget.is-dragging{
  cursor:grabbing!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .siren-widget-remove-badge{display:none!important;}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell[data-widget-editing="true"] #seirenHomeWidgets .siren-widget-remove-badge{
  position:absolute!important;top:-9px!important;left:-9px!important;z-index:10!important;
  width:25px!important;height:25px!important;border-radius:50%!important;
  border:1px solid rgba(230,242,255,.45)!important;background:rgba(39,48,77,.95)!important;
  color:white!important;font:600 18px/20px -apple-system,sans-serif!important;
  display:grid!important;place-items:center!important;cursor:pointer!important;
}
/* macOS 27 neutral Liquid Glass; menu material tracks system appearance.
   Context menus are intentionally denser than the Dock for legibility. */
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"]{
  --siren-context-glass:linear-gradient(162deg,
    rgba(191,193,198,.24) 0%,
    rgba(108,111,118,.28) 52%,
    rgba(49,51,57,.31) 100%),rgba(39,41,46,.48);
  --siren-context-glass-border:rgba(248,248,251,.25);
  --siren-context-glass-shadow:0 13px 32px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.16);
  --siren-context-glass-ink:#f5f5f7;
  --siren-context-glass-selected:rgba(20,110,224,.89);
}
@media(prefers-color-scheme:light){
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"]{
    --siren-context-glass:linear-gradient(160deg,
      rgba(255,255,255,.46),rgba(227,229,233,.37) 55%,rgba(185,188,193,.29)),rgba(241,242,245,.60);
    --siren-context-glass-border:rgba(255,255,255,.66);
    --siren-context-glass-shadow:0 14px 32px rgba(29,30,36,.21),inset 0 1px 0 rgba(255,255,255,.60);
    --siren-context-glass-ink:#24252a;
    --siren-context-glass-selected:rgba(5,110,222,.90);
  }
}
/* Shared macOS 27-inspired shortcut menus: discrete controls and minimal chrome. */
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeEditMenu:not([hidden]),
html[data-siren-home-mode="desktop"] .siren-widget-context-menu:not([hidden]){
  display:flex!important;flex-direction:column!important;gap:1px!important;
  min-width:192px!important;width:max-content!important;
  padding:5px!important;box-sizing:border-box!important;
  border-radius:12px!important;border:1px solid var(--siren-context-glass-border)!important;
  background:var(--siren-context-glass)!important;color:var(--siren-context-glass-ink)!important;
  box-shadow:var(--siren-context-glass-shadow)!important;
  backdrop-filter:blur(28px) saturate(135%) brightness(1.02)!important;
  -webkit-backdrop-filter:blur(28px) saturate(135%) brightness(1.02)!important;
}
html[data-siren-home-mode="desktop"] .siren-widget-context-menu:not([hidden]){
  position:fixed!important;z-index:300!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeEditMenu button,
html[data-siren-home-mode="desktop"] .siren-widget-context-menu button{
  appearance:none!important;display:flex!important;align-items:center!important;
  justify-content:space-between!important;gap:20px!important;
  min-height:30px!important;border:0!important;padding:5px 11px!important;
  border-radius:7px!important;background:transparent!important;color:inherit!important;
  font:500 13px/1.35 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
  text-align:left!important;white-space:nowrap!important;cursor:default!important;
  text-shadow:0 1px 3px rgba(4,12,29,.33)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeEditMenu button:hover,
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeEditMenu button:focus-visible,
html[data-siren-home-mode="desktop"] .siren-widget-context-menu button:hover,
html[data-siren-home-mode="desktop"] .siren-widget-context-menu button:focus-visible{
  outline:none!important;background:var(--siren-context-glass-selected)!important;color:#fff!important;
}
html[data-siren-home-mode="desktop"] .siren-widget-context-menu [aria-checked="true"]::after{
  content:"✓";font-size:12px;font-weight:650;margin-left:auto;
}
html[data-siren-home-mode="desktop"] .siren-widget-context-menu .siren-widget-context-remove{
  color:inherit!important;border:0!important;
}
html[data-siren-home-mode="desktop"] .siren-macos-menu-separator{
  align-self:stretch!important;height:1px!important;margin:5px 6px!important;
  background:rgba(232,244,255,.18)!important;pointer-events:none!important;
}
html[data-siren-home-mode="desktop"] .siren-widget-clock-editor:not([hidden]){
  position:fixed!important;z-index:301!important;
  width:228px!important;padding:13px!important;box-sizing:border-box!important;
  border:1px solid var(--siren-context-glass-border)!important;border-radius:15px!important;
  background:var(--siren-context-glass)!important;color:var(--siren-context-glass-ink)!important;
  box-shadow:var(--siren-context-glass-shadow)!important;
  backdrop-filter:blur(28px) saturate(135%) brightness(1.02)!important;
  -webkit-backdrop-filter:blur(28px) saturate(135%) brightness(1.02)!important;
}
html[data-siren-home-mode="desktop"] .siren-widget-clock-editor-header{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  margin-bottom:12px!important;font:600 13px/1.4 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
}
html[data-siren-home-mode="desktop"] .siren-widget-clock-editor-header button{
  border:0!important;background:transparent!important;color:inherit!important;
  cursor:pointer!important;padding:4px 7px!important;border-radius:7px!important;
  font-size:12px!important;
}
html[data-siren-home-mode="desktop"] .siren-widget-clock-editor-options{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;
}
html[data-siren-home-mode="desktop"] .siren-widget-clock-editor-options button{
  appearance:none!important;border:1px solid rgba(227,239,255,.23)!important;
  border-radius:9px!important;padding:10px 7px!important;
  background:rgba(198,217,246,.1)!important;color:inherit!important;
  font:550 12px/1.3 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
  cursor:pointer!important;
}
html[data-siren-home-mode="desktop"] .siren-widget-clock-editor-options button[aria-checked="true"]{
  border-color:rgba(227,244,255,.67)!important;background:rgba(152,194,246,.26)!important;
}
/* Prefer an opaque surface when reduced transparency is requested. */
@media(prefers-reduced-transparency:reduce){
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeEditMenu:not([hidden]),
  html[data-siren-home-mode="desktop"] .siren-widget-context-menu:not([hidden]),
  html[data-siren-home-mode="desktop"] .siren-widget-clock-editor:not([hidden]){
    background:#393b40!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
}
@media(max-width:720px){
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell .desktop-widget-gallery:not([hidden]){
    bottom:90px!important;width:calc(100vw - 24px)!important;height:min(400px,calc(100dvh - 175px))!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell .siren-widget-gallery-body{
    grid-template-columns:94px minmax(0,1fr)!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell .desktop-widget-gallery-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
/* The existing iPhone widget gallery remains a separate bottom sheet. */
html[data-siren-home-mode="mobile"] #app-shell .siren-widget-gallery-categories,
html[data-siren-home-mode="mobile"] #app-shell .siren-widget-gallery-search,
html[data-siren-home-mode="mobile"] #app-shell .siren-widget-gallery-footer{display:none!important;}
html[data-siren-home-mode="mobile"] #app-shell .siren-widget-gallery-body{display:block!important;}

/* SEIREN desktop widgets — fixed macOS light appearance.
   Only #seirenHomeWidgets owns these tokens: the approved Dock, mobile home,
   menu bar, wallpaper and saved widget geometry remain unchanged.
   There is no dark-mode or system color-scheme switch for desktop widgets. */

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets{
  --siren-glass-ink:#24262b;
  --siren-glass-muted:#6c7079;
  --siren-glass-hint:#81848d;
  --siren-glass-mint:#087a73;
  --siren-glass-border:rgba(255,255,255,.87);
  --siren-glass-surface:linear-gradient(155deg,rgba(255,255,255,.97),rgba(248,249,251,.97) 54%,rgba(240,242,246,.96));
  --siren-glass-surface-hover:linear-gradient(155deg,rgba(255,255,255,.99),rgba(250,251,253,.98) 54%,rgba(244,246,249,.97));
  --siren-glass-inset:inset 0 1px 0 rgba(255,255,255,.82);
  --siren-glass-shadow:0 9px 28px rgba(16,23,39,.16),0 1px 3px rgba(16,23,39,.09),var(--siren-glass-inset);
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #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;
  backdrop-filter:blur(12px) saturate(100%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(100%)!important;
  color:var(--siren-glass-ink)!important;
  text-shadow:none!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content:hover{
  background:var(--siren-glass-surface-hover)!important;
  box-shadow:0 12px 30px rgba(16,23,39,.18),0 1px 3px rgba(16,23,39,.09),var(--siren-glass-inset)!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content::before{
  content:none!important;display:none!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content:focus-visible{
  outline:2px solid #2674d9!important;outline-offset:3px!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content :is(span,strong,a,small,div,time,button,h1,h2,h3,p){
  color:var(--siren-glass-ink)!important;text-shadow:none!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #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-name,.siren-holdings-small-value,.siren-holdings-empty,
  .siren-portfolio-total-label,.siren-portfolio-legend-item,.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"][data-siren-home-mode="desktop"] #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-symbol,.siren-holdings-amount,
  .siren-portfolio-title,.siren-portfolio-symbol,.siren-portfolio-percent,.siren-portfolio-total-value,
  .siren-target-title,.siren-target-symbol,.siren-target-difference,
  .siren-goals-title,.siren-goals-heading,.siren-goals-name,.siren-goals-percent,
  .siren-calendar-title,.siren-calendar-day-number,.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"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content :is(.siren-holdings-row,.siren-portfolio-row,.siren-target-row,.siren-goals-row,.siren-today-list-item){
  background:transparent!important;border-color:transparent!important;box-shadow:none!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="holdings"][data-size="medium"] .siren-holdings-row{
  border:0!important;border-radius:6px!important;padding:5px 7px!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-today-list-item{
  background:rgba(45,51,63,.035)!important;border:1px solid rgba(43,49,61,.075)!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #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(42,50,63,.06)!important;outline:1px solid rgba(45,53,66,.12)!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #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(36,112,212,.76)!important;outline-offset:-2px!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content :is(.siren-portfolio-bar,.siren-target-bar,.siren-goals-bar,.desktop-widget-data-progress,.siren-target-medium-bar){
  background:rgba(70,78,92,.13)!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-goals-footer{
  border-top-color:rgba(65,70,82,.12)!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-calendar-arrow{
  color:var(--siren-glass-ink)!important;background:rgba(39,45,57,.045)!important;border:1px solid rgba(50,55,66,.09)!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-calendar-day[data-today="true"]{
  background:rgba(25,116,208,.10)!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-calendar-day[data-today="true"] .siren-calendar-day-number{
  background:#1976d2!important;color:#fff!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-calendar-weekday:first-child,
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-calendar-day[data-weekday="0"],
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-calendar-day[data-holiday="true"]{
  color:#b83240!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-calendar-weekday:nth-child(7),
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-calendar-day[data-weekday="6"]{
  color:#2667bc!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-calendar-day[data-holiday="true"][data-today="true"] .siren-calendar-day-number{
  background:#b83240!important;color:#fff!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-clock-dial-face{
  fill:rgba(239,241,245,.98)!important;stroke:rgba(63,69,79,.35)!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-clock-tick{
  stroke:rgba(54,60,72,.32)!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-clock-tick-hour{
  stroke:rgba(47,53,64,.65)!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-clock-dial-number{
  fill:#3b3e45!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-clock-hand-hour{
  stroke:#292d34!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-clock-hand-minute{
  stroke:#4a4e58!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content :is(.siren-clock-hand-second,.siren-clock-dial-center){
  stroke:#d64a45!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-clock-dial-center{
  fill:#d64a45!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-clock-seconds{
  color:#c43d3a!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content :is(.siren-today-rail,.siren-today-hour-tick){
  background:rgba(62,72,89,.20)!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-today-time-block{
  background:rgba(25,108,184,.80)!important;color:#fff!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-today-time-block[data-phase="current"]{
  background:rgba(91,77,172,.83)!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-today-time-block :is(span,small,strong,div){
  color:#fff!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-today-block-duration{
  color:#fff!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content [data-trend="positive"],
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content [data-trend="over"]{
  color:#ba3042!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content [data-trend="negative"],
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content [data-trend="under"]{
  color:#2168be!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content [data-trend="neutral"],
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content [data-trend="aligned"]{
  color:var(--siren-glass-muted)!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content .desktop-widget-data-unit[data-trend="positive"]{
  color:#ba3042!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content .desktop-widget-data-unit[data-trend="negative"]{
  color:#2168be!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content .desktop-widget-data-unit[data-trend="neutral"]{
  color:var(--siren-glass-muted)!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-portfolio-list,
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-target-list{
  scrollbar-color:rgba(73,78,89,.25) transparent!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-controls{
  background:rgba(251,252,253,.96)!important;border:1px solid rgba(48,54,65,.12)!important;box-shadow:0 4px 14px rgba(19,27,40,.13)!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-controls button{
  background:rgba(42,52,67,.055)!important;border:1px solid rgba(42,52,67,.1)!important;box-shadow:none!important;color:#3b4049!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-controls button:is(:hover,:focus-visible){
  background:rgba(38,112,212,.12)!important;color:#1f5ba5!important;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content{
  -webkit-font-smoothing:antialiased;
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content .siren-calendar-day[data-today="true"] .siren-calendar-event-dot{
  background:#fff!important;
}

/* Accessibility: a fixed opaque light surface remains legible if translucency is reduced. */
@media(prefers-reduced-transparency:reduce){
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-content{
    background:#f7f8fa!important;
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
}

/* Mobile: never show edit controls outside actual widget-editing mode.
   Use an ID selector so this wins over every older mobile display:flex!important. */
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell #seirenHomeEditToolbar[hidden],
html[data-siren-layout="fluid"][data-siren-home-mode="mobile"] #app-shell:not([data-widget-editing="true"]) #seirenHomeEditToolbar{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* SEIREN desktop widget editor: small movable/resizable catalog, not a centered
   800px modal. Mobile bottom-sheet rules are intentionally unchanged. */
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery:not([hidden]){
  position:absolute!important;
  inset:auto!important;
  left:var(--siren-widget-gallery-x,18px)!important;
  top:var(--siren-widget-gallery-y,64px)!important;
  right:auto!important;bottom:auto!important;
  transform:none!important;
  width:var(--siren-widget-gallery-width,min(318px,calc(100vw - 28px)))!important;
  min-width:min(270px,calc(100vw - 28px))!important;
  max-width:min(470px,calc(100vw - 28px))!important;
  height:var(--siren-widget-gallery-height,min(382px,calc(100dvh - 180px)))!important;
  min-height:min(268px,calc(100dvh - 180px))!important;
  max-height:calc(100dvh - 110px)!important;
  box-sizing:border-box!important;
  resize:none!important;
  z-index:27!important;
  display:grid!important;
  grid-template-rows:40px 41px minmax(0,1fr) 90px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(215,218,224,.94)!important;
  border-radius:14px!important;
  color:#282c33!important;
  background:rgba(250,250,252,.96)!important;
  box-shadow:0 13px 36px rgba(11,20,40,.20),0 1px 3px rgba(11,20,40,.08)!important;
  backdrop-filter:blur(26px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(125%)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .desktop-widget-gallery-header{
  padding:0 12px!important;
  margin:0!important;
  cursor:move!important;
  user-select:none!important;
  color:#2b3038!important;
  border-bottom:1px solid #e7e9ed!important;
  touch-action:none!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeGalleryClose{
  display:grid!important;place-items:center!important;
  width:26px!important;height:26px!important;
  border-radius:7px!important;
  color:#727983!important;font-size:20px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeGalleryClose:hover{
  background:#e9ebef!important;color:#272d35!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell .siren-widget-gallery-search{
  padding:5px 11px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeGallerySearch{
  height:29px!important;background:#f0f1f3!important;
  border:1px solid #e5e7ea!important;
  color:#262d36!important;font-size:12px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-body{
  grid-template-columns:70px minmax(0,1fr)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-categories{
  padding:7px 5px!important;gap:2px!important;
  background:#f3f4f6!important;border-color:#e6e8ed!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-category{
  padding:6px!important;min-height:29px!important;
  color:#616b76!important;font-size:11px!important;text-align:center!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-category[aria-pressed="true"],
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-category:hover{
  background:#e4e8ef!important;color:#27313d!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .desktop-widget-gallery-list{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;padding:8px!important;overflow:auto!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .desktop-widget-gallery-item{
  min-height:68px!important;padding:8px 4px!important;gap:4px!important;
  border:1px solid #e8eaee!important;
  border-radius:9px!important;
  background:#fff!important;color:#303842!important;
  font-size:11px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .desktop-widget-gallery-item:is(:hover,:focus-visible,[aria-pressed="true"]){
  background:#eaf2fc!important;
  border-color:#a9c9f3!important;color:#194e8e!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .desktop-widget-gallery-icon,
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .desktop-widget-gallery-date{
  width:27px!important;height:27px!important;border-radius:7px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-footer{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;
  gap:6px!important;align-items:end!important;
  padding:8px 10px!important;border-top:1px solid #e6e8ed!important;
  color:#37404a!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-selection{
  min-width:0!important;display:flex!important;flex-direction:column!important;
  align-items:flex-start!important;gap:7px!important;
  font-size:11px!important;font-weight:600!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-sizes{
  display:flex!important;gap:3px!important;flex-wrap:wrap!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-size{
  border:1px solid #e0e4e9!important;background:#fff!important;
  color:#5c6773!important;min-width:34px!important;height:24px!important;
  border-radius:6px!important;padding:2px 6px!important;
  font-size:11px!important;cursor:pointer!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-size[aria-pressed="true"]{
  color:#176aca!important;background:#eaf2fc!important;border-color:#8cbbef!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery :is(#seirenHomeGalleryAdd,#seirenHomeGalleryDone){
  min-width:46px!important;width:auto!important;height:28px!important;
  padding:0 9px!important;border-radius:7px!important;
  font-size:11px!important;font-weight:600!important;
  box-shadow:none!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery #seirenHomeGalleryAdd{
  background:#2478d2!important;color:#fff!important;border-color:#2478d2!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery #seirenHomeGalleryAdd:disabled{
  opacity:.45!important;cursor:default!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery #seirenHomeGalleryDone{
  background:#eceef1!important;color:#3d4651!important;border-color:#d9dde3!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell[data-widget-editing="true"] #seirenHomeWidgets .desktop-widget-quick-size{
  display:block!important;position:absolute!important;
  top:-9px!important;right:-7px!important;z-index:12!important;
  border:1px solid #d5d9df!important;border-radius:9px!important;
  height:25px!important;padding:0 9px!important;
  background:rgba(250,250,252,.97)!important;color:#344355!important;
  box-shadow:0 2px 7px rgba(12,22,40,.18)!important;
  font-size:11px!important;font-weight:650!important;
  cursor:pointer!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-quick-size{display:none}
@media(max-width:540px){
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery:not([hidden]){
    left:12px!important;top:65px!important;
    width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;
  }
}

html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeGalleryResize{
  display:block!important;
  position:absolute!important;z-index:3!important;
  right:0!important;bottom:0!important;
  width:23px!important;height:23px!important;
  padding:0!important;border:0!important;
  background:transparent!important;color:#8d95a0!important;
  cursor:nwse-resize!important;touch-action:none!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeGalleryResize::after{
  content:""!important;display:block!important;position:absolute!important;
  right:6px!important;bottom:6px!important;
  width:10px!important;height:10px!important;
  background:repeating-linear-gradient(135deg,transparent 0 3px,#9aa3ad 3px 4px,transparent 4px 6px)!important;
  clip-path:polygon(100% 0,100% 100%,0 100%)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeGalleryResize:focus-visible{
  outline:2px solid #1677e8!important;outline-offset:-2px!important;
}
html[data-siren-home-mode="mobile"] #app-shell #seirenHomeGalleryResize{display:none!important;}

/* SEIREN widget editor uncluttered controls v2: keep edit chrome off content.
   Sidebar is opened only with + Widget. Desktop edit buttons use one menu. */
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell[data-widget-editing="true"] #seirenHomeWidgets .desktop-widget-controls,
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .siren-widget-remove-badge{
  display:none!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-quick-size{
  display:none!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell[data-widget-editing="true"] #seirenHomeWidgets .desktop-widget-quick-size{
  display:grid!important;place-items:center!important;
  position:absolute!important;top:8px!important;right:8px!important;z-index:12!important;
  width:27px!important;min-width:27px!important;height:25px!important;
  border:1px solid rgba(119,129,144,.28)!important;border-radius:8px!important;
  padding:0!important;background:rgba(248,249,251,.93)!important;color:#4b5360!important;
  box-shadow:0 2px 6px rgba(15,24,40,.12)!important;
  font:700 14px/1 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
  opacity:.7!important;cursor:pointer!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell[data-widget-editing="true"] #seirenHomeWidgets .desktop-widget-quick-size:is(:hover,:focus-visible){
  opacity:1!important;background:#fff!important;color:#1665bd!important;
}
/* Default catalog placement is right-aligned; desktop workspace never lies behind it
   when sufficient width exists, and saved widget coordinates remain unchanged. */
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery:not([hidden]){
  left:var(--siren-widget-gallery-x,calc(100% - 338px))!important;
  top:var(--siren-widget-gallery-y,74px)!important;
  height:var(--siren-widget-gallery-height,min(405px,calc(100dvh - 155px)))!important;
  grid-template-rows:40px 41px minmax(0,1fr) 112px!important;
}
@media(min-width:920px){
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell[data-widget-gallery-open="true"] #seirenHomeWidgets.desktop-widget-workspace{
    right:calc(clamp(20px,4vw,70px) + 340px)!important;
  }
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-selection{
  gap:5px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-clock-types:not([hidden]){
  display:flex!important;gap:4px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-clock-type{
  min-height:23px!important;padding:3px 8px!important;cursor:pointer!important;
  border-radius:6px!important;border:1px solid #d9dfe7!important;
  color:#515e6d!important;background:#fff!important;
  font:600 11px/1.2 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-clock-type[aria-pressed="true"]{
  color:#1865c3!important;background:#e9f2ff!important;border-color:#8cb9f0!important;
}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-gallery-clock-icon{
  display:grid!important;place-items:center!important;
  width:27px!important;height:27px!important;border-radius:7px!important;
  color:#202638!important;background:#e8f2ff!important;
}
html[data-siren-layout="fluid"] #app-shell .desktop-widget-gallery-clock-icon svg{
  width:25px!important;height:25px!important;
}
html[data-siren-layout="fluid"] #app-shell .siren-widget-gallery-clock-types[hidden]{
  display:none!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="clock"][data-size="medium"] .siren-clock-digits{
  font-size:49px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="clock"][data-size="large"] .siren-clock-digits{
  font-size:68px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="clock"][data-size="medium"] .siren-clock-dial{
  max-width:130px!important;max-height:132px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWidgets .desktop-widget[data-kind="clock"][data-size="large"] .siren-clock-dial{
  max-width:230px!important;max-height:235px!important;
}

/* Narrow desktop viewport: keep the add-widget catalog entirely onscreen. */
@media(max-width:540px){
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery:not([hidden]){
    left:12px!important;top:65px!important;
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
  }
}

/* SEIREN macOS 27 desktop widget gallery: native interaction layout */
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell[data-widget-editing="true"] #seirenHomeWidgets.desktop-widget-workspace{
  border:0!important;background:transparent!important;border-radius:0!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-quick-size,
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .desktop-widget-controls{display:none!important;}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets .siren-widget-remove-badge{
  display:none!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell[data-widget-editing="true"] #seirenHomeWidgets .siren-widget-remove-badge{
  display:grid!important;place-items:center!important;
  position:absolute!important;top:-5px!important;left:2px!important;z-index:15!important;
  width:23px!important;height:23px!important;padding:0!important;
  border-radius:50%!important;border:1px solid rgba(150,156,166,.55)!important;
  background:rgba(248,249,251,.97)!important;color:#40454d!important;
  box-shadow:0 2px 6px rgba(15,25,40,.2),inset 0 1px rgba(255,255,255,.8)!important;
  font:650 19px/1 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
  cursor:pointer!important;transition:background .15s,transform .15s!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell[data-widget-editing="true"] #seirenHomeWidgets .siren-widget-remove-badge:is(:hover,:focus-visible){
  background:#fff!important;color:#d6414d!important;transform:scale(1.06)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell[data-widget-editing="true"] #seirenHomeWidgets .desktop-widget:is(:hover,:focus-within) .desktop-widget-content{
  outline:2px solid rgba(113,159,232,.55)!important;outline-offset:2px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery:not([hidden]){
  position:absolute!important;
  inset:78px clamp(16px,2vw,28px) clamp(138px,16dvh,185px) auto!important;
  transform:none!important;
  width:min(476px,calc(100vw - 32px))!important;
  min-width:0!important;max-width:calc(100vw - 32px)!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  box-sizing:border-box!important;
  display:grid!important;grid-template-rows:48px 47px minmax(0,1fr) 115px!important;
  padding:0!important;overflow:hidden!important;
  border:1px solid rgba(249,251,255,.78)!important;
  border-radius:20px!important;
  background:linear-gradient(150deg,rgba(253,253,255,.94),rgba(237,239,245,.93))!important;
  color:#22262d!important;
  box-shadow:0 16px 48px rgba(15,21,35,.24),0 2px 8px rgba(15,21,35,.09),
    inset 0 1px 0 rgba(255,255,255,.92)!important;
  backdrop-filter:blur(30px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(150%)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .desktop-widget-gallery-header{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  cursor:default!important;touch-action:auto!important;
  padding:0 17px!important;
  border-bottom:1px solid rgba(148,155,168,.16)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .desktop-widget-gallery-header strong{
  font:700 14px/1.3 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
  color:#292e37!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeGalleryClose{
  display:grid!important;place-items:center!important;width:25px!important;height:25px!important;
  border-radius:50%!important;background:rgba(108,118,133,.10)!important;
  color:#707783!important;font-size:17px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeGalleryClose:hover{
  background:rgba(108,118,133,.2)!important;color:#30343b!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-search{
  padding:7px 15px!important;
  background:transparent!important;border:0!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeGallerySearch{
  width:100%!important;height:32px!important;
  background:rgba(154,166,183,.13)!important;border:1px solid rgba(149,159,173,.17)!important;
  border-radius:9px!important;color:#29303b!important;font-size:12px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-body{
  display:grid!important;grid-template-columns:88px minmax(0,1fr) 160px!important;
  min-height:0!important;overflow:hidden!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-categories{
  padding:9px 6px!important;gap:3px!important;background:rgba(228,232,239,.56)!important;
  border-right:1px solid rgba(129,139,155,.17)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-category{
  font-size:12px!important;min-height:32px!important;text-align:left!important;
  padding:7px 10px!important;color:#535d6b!important;border-radius:8px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-category[aria-pressed="true"]{
  background:rgba(157,165,176,.23)!important;color:#20262e!important;font-weight:700!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-category:hover{
  background:rgba(150,163,183,.17)!important;color:#20262e!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .desktop-widget-gallery-list{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:minmax(75px,auto)!important;gap:8px!important;
  padding:11px!important;align-content:start!important;
  background:rgba(250,250,252,.46)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .desktop-widget-gallery-item{
  min-height:77px!important;border-radius:12px!important;
  padding:9px 5px!important;gap:5px!important;
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(147,153,166,.16)!important;
  box-shadow:0 1px 3px rgba(20,26,38,.05)!important;
  color:#323943!important;font-size:11px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .desktop-widget-gallery-item:is(:hover,:focus-visible,[aria-pressed="true"]){
  background:rgba(239,245,255,.94)!important;
  border-color:rgba(78,135,225,.62)!important;box-shadow:0 0 0 2px rgba(65,124,226,.09)!important;
  color:#20599f!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-preview{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  gap:10px!important;overflow:auto!important;min-width:0!important;padding:12px 12px!important;
  border-left:1px solid rgba(132,140,153,.17)!important;
  background:rgba(242,244,249,.53)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-preview-label{
  display:block!important;font-size:11px!important;font-weight:700!important;color:#777e8a!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-preview-card{
  display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:8px!important;
  width:100%!important;aspect-ratio:1/1!important;min-height:110px!important;
  padding:12px!important;box-sizing:border-box!important;overflow:hidden!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#fff,#f1f2f6)!important;
  box-shadow:0 4px 13px rgba(42,52,68,.12)!important;
  color:#2b2f38!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-preview-header{
  display:flex!important;align-items:center!important;gap:6px!important;
  font-size:11px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery :is(.siren-widget-preview-icon,.siren-widget-preview-clock-glyph){
  display:grid!important;place-items:center!important;
  width:22px!important;height:22px!important;border-radius:6px!important;flex:0 0 22px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-preview-clock-glyph{
  background:#eaf3ff!important;color:#2a3444!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-preview-clock-glyph svg{
  width:20px!important;height:20px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-preview-time{
  font-size:27px!important;font-weight:700!important;letter-spacing:-.04em!important;
  text-align:center!important;font-variant-numeric:tabular-nums!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-preview-detail{
  font-size:10px!important;color:#737c8a!important;line-height:1.3!important;text-align:center!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-preview-caption{
  color:#87909b!important;font-size:10px!important;line-height:1.45!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-preview-lines{
  display:flex!important;flex-direction:column!important;gap:7px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-preview-lines span{
  height:7px!important;border-radius:4px!important;background:#e5e8ed!important;width:100%!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-preview-lines span:nth-child(2){width:75%!important;}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-preview-lines span:nth-child(3){width:58%!important;}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-preview-dial{
  display:block!important;margin:auto!important;width:88px!important;height:88px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-preview-dial .siren-clock-dial-face{
  fill:#f8f9fb!important;stroke:#c5cad2!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-preview-dial .siren-clock-tick{
  stroke:#7e8692!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-preview-dial .siren-clock-tick-hour,
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-preview-dial .siren-clock-hand{
  stroke:#363d49!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-preview-dial .siren-clock-hand-second{
  stroke:#e65d64!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-preview-dial .siren-clock-dial-number{fill:#323c4a!important;}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-footer{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;gap:8px!important;padding:10px 14px!important;
  background:rgba(246,247,250,.93)!important;border-top:1px solid rgba(138,147,163,.16)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-selection{
  gap:7px!important;flex-direction:column!important;align-items:flex-start!important;
  color:#424a55!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery :is(.siren-widget-gallery-size,.siren-widget-gallery-clock-type){
  height:26px!important;padding:3px 8px!important;
  font:650 11px/1.2 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
  border-radius:7px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery #seirenHomeGalleryAdd{
  background:#1672db!important;border-color:#1672db!important;color:white!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery #seirenHomeGalleryDone{
  background:rgba(157,163,175,.17)!important;border-color:rgba(129,139,153,.2)!important;color:#3c4350!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeGalleryResize{
  display:none!important;pointer-events:none!important;
}
@media(min-width:920px){
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell[data-widget-gallery-open="true"] #seirenHomeWidgets.desktop-widget-workspace{
    right:calc(clamp(16px,2vw,28px) + min(476px,calc(100vw - 32px)) + 16px)!important;
  }
}
@media(min-width:920px) and (max-width:1160px){
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-body{
    grid-template-columns:90px minmax(0,1fr)!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-preview{
    display:none!important;
  }
}
@media(max-width:919px){
  /* For narrow PC browser windows, place gallery below rather than over widgets. */
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery:not([hidden]){
    inset:auto 12px clamp(136px,16dvh,185px) 12px!important;
    width:calc(100% - 24px)!important;
    height:clamp(175px,31dvh,240px)!important;
    grid-template-rows:40px 40px minmax(0,1fr) 74px!important;
    border-radius:16px!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell[data-widget-gallery-open="true"] #seirenHomeWidgets.desktop-widget-workspace{
    right:clamp(20px,4vw,70px)!important;
    bottom:calc(clamp(136px,16dvh,185px) + clamp(175px,31dvh,240px) + 12px)!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-body{
    grid-template-columns:80px minmax(0,1fr)!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-preview{
    display:none!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-footer{
    padding:6px 10px!important;
  }
}
@media(prefers-reduced-transparency:reduce){
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery:not([hidden]){
    background:#f6f7fa!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
}

/* The size selection keeps the native small / medium / large silhouette. */
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-preview-card[data-size="medium"]{
  aspect-ratio:2/1!important;min-height:76px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-preview-dial .siren-clock-dial-number{
  font-size:10px!important;font-weight:650!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-preview-dial .siren-clock-hand-hour{stroke-width:4!important;}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-preview-dial .siren-clock-hand-minute{stroke-width:3!important;}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-preview-dial .siren-clock-hand-second{stroke-width:1.8!important;}
@media(max-width:919px){
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-selection{
    flex-direction:row!important;align-items:center!important;flex-wrap:wrap!important;
    column-gap:8px!important;row-gap:3px!important;
  }
}

/* Widget editing shares the always-light macOS 27 neutral glass palette. */
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"]{
  --siren-context-glass:linear-gradient(150deg,rgba(255,255,255,.8),rgba(239,241,246,.84)),rgba(248,249,252,.9);
  --siren-context-glass-border:rgba(253,253,255,.83);
  --siren-context-glass-shadow:0 12px 30px rgba(20,26,39,.22),inset 0 1px rgba(255,255,255,.9);
  --siren-context-glass-ink:#292f39;
  --siren-context-glass-selected:rgba(27,112,218,.96);
}
html[data-siren-home-mode="desktop"] .siren-widget-context-menu button,
html[data-siren-home-mode="desktop"] .siren-widget-clock-editor button{
  text-shadow:none!important;
}
html[data-siren-home-mode="desktop"] .siren-widget-clock-editor-options button[aria-checked="true"]{
  color:#155ba7!important;border-color:#a7c8f0!important;background:#e7f1ff!important;
}
html[data-siren-home-mode="desktop"] .siren-macos-menu-separator{
  background:rgba(113,121,136,.17)!important;
}
@media(prefers-reduced-transparency:reduce){
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeEditMenu:not([hidden]),
  html[data-siren-home-mode="desktop"] .siren-widget-context-menu:not([hidden]),
  html[data-siren-home-mode="desktop"] .siren-widget-clock-editor:not([hidden]){
    background:#f7f8fa!important;
  }
}

/* Desktop wallpaper context menu must remain clickable above the widget
   gallery/menus without intercepting wallpaper clicks while hidden. */
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeEditMenu:not([hidden]){
  z-index:40!important;
  pointer-events:auto!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeEditMenu[hidden]{
  display:none!important;pointer-events:none!important;
}

/* SEIREN bottom-spanning widget gallery — desktop only, 2026-10-20. */
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery:not([hidden]){
  position:absolute!important;inset:auto auto clamp(105px,13dvh,140px) 50%!important;
  left:50%!important;right:auto!important;top:auto!important;
  transform:translateX(-50%)!important;
  width:min(1800px,calc(100vw - clamp(36px,5vw,110px)))!important;
  min-width:0!important;max-width:calc(100vw - 24px)!important;
  height:clamp(250px,35dvh,318px)!important;min-height:0!important;
  max-height:calc(100dvh - 170px)!important;
  display:grid!important;grid-template-rows:43px 39px minmax(0,1fr) 86px!important;
  border-radius:21px!important;
  box-shadow:0 17px 52px rgba(15,21,35,.27),0 2px 8px rgba(15,21,35,.08),
    inset 0 1px 0 rgba(255,255,255,.9)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell[data-widget-gallery-open="true"] #seirenHomeWidgets.desktop-widget-workspace{
  left:clamp(20px,4vw,70px)!important;right:clamp(20px,4vw,70px)!important;
  bottom:calc(clamp(105px,13dvh,140px) + clamp(250px,35dvh,318px) + 17px)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-body{
  display:grid!important;grid-template-columns:116px minmax(0,1fr) 218px!important;
  min-height:0!important;overflow:hidden!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-categories{
  min-height:0!important;padding:8px 9px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .desktop-widget-gallery-list{
  display:flex!important;flex-flow:row nowrap!important;
  align-items:center!important;align-content:center!important;
  gap:11px!important;min-width:0!important;min-height:0!important;
  overflow-x:auto!important;overflow-y:hidden!important;
  padding:10px 15px 14px!important;scroll-behavior:smooth!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:thin!important;scrollbar-color:rgba(120,132,147,.38) transparent!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .desktop-widget-gallery-list::-webkit-scrollbar{height:5px!important;}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .desktop-widget-gallery-list::-webkit-scrollbar-thumb{
  border-radius:999px!important;background:rgba(120,132,147,.38)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .desktop-widget-gallery-list .siren-widget-gallery-group{display:none!important;}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .desktop-widget-gallery-item{
  flex:0 0 clamp(96px,9vw,130px)!important;
  width:clamp(96px,9vw,130px)!important;min-width:96px!important;
  min-height:84px!important;max-height:125px!important;
  padding:11px 6px!important;scroll-snap-align:start!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .desktop-widget-gallery-item[hidden]{display:none!important;}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-preview{
  padding:8px 12px!important;gap:6px!important;justify-content:flex-start!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-preview-card{
  aspect-ratio:auto!important;min-height:76px!important;
  height:100%!important;max-height:147px!important;
  padding:9px!important;border-radius:13px!important;gap:4px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-preview-card[data-size="medium"]{aspect-ratio:auto!important;min-height:75px!important;}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-preview-label,
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-preview-caption{font-size:10px!important;line-height:1.3!important;}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-preview-dial{width:65px!important;height:65px!important;}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-preview-time{font-size:24px!important;}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-footer{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;
  gap:13px!important;align-items:center!important;min-height:0!important;padding:9px 18px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-selection{
  display:flex!important;flex-direction:row!important;align-items:center!important;
  flex-wrap:wrap!important;column-gap:12px!important;row-gap:5px!important;min-width:0!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-sizes,
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-clock-types:not([hidden]){display:flex!important;flex-wrap:nowrap!important;}
@media(max-width:1040px){
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-body{grid-template-columns:100px minmax(0,1fr)!important;}
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-preview{display:none!important;}
}
@media(max-width:650px){
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery:not([hidden]){
    width:calc(100vw - 24px)!important;height:clamp(206px,32dvh,252px)!important;
    bottom:clamp(104px,14dvh,133px)!important;
    grid-template-rows:40px 36px minmax(0,1fr) 77px!important;border-radius:17px!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell[data-widget-gallery-open="true"] #seirenHomeWidgets.desktop-widget-workspace{
    bottom:calc(clamp(104px,14dvh,133px) + clamp(206px,32dvh,252px) + 13px)!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-body{grid-template-columns:76px minmax(0,1fr)!important;}
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .desktop-widget-gallery-list{gap:7px!important;padding:7px 8px 12px!important;}
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .desktop-widget-gallery-item{flex:0 0 95px!important;width:95px!important;min-height:76px!important;}
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-footer{padding:5px 10px!important;gap:5px!important;}
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-selection{column-gap:5px!important;row-gap:3px!important;}
}
@media(max-height:620px){
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery:not([hidden]){
    bottom:95px!important;height:185px!important;
    grid-template-rows:34px 33px minmax(0,1fr) 59px!important;border-radius:15px!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell[data-widget-gallery-open="true"] #seirenHomeWidgets.desktop-widget-workspace{bottom:292px!important;}
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-preview{display:none!important;}
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-body{grid-template-columns:84px minmax(0,1fr)!important;}
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-footer{padding:3px 10px!important;}
}

/* Keep all horizontal widget tiles fully visible at laptop window heights. */
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .desktop-widget-gallery-list{
  padding:6px 15px 9px!important;
}
@media(max-width:650px) and (min-height:621px){
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery:not([hidden]){
    height:clamp(252px,36dvh,285px)!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell[data-widget-gallery-open="true"] #seirenHomeWidgets.desktop-widget-workspace{
    bottom:calc(clamp(104px,14dvh,133px) + clamp(252px,36dvh,285px) + 13px)!important;
  }
}

/* 2026-10-20: macOS widget removal badges must not be clipped by the
   scrollable workspace boundary. Cards stay inside their scrolling grid. */
html[data-siren-layout="fluid"] #app-shell #sirenWidgetBadgeOverlay{
  position:absolute!important;inset:0!important;z-index:8!important;
  pointer-events:none!important;overflow:visible!important;
}
html[data-siren-layout="fluid"] #app-shell #sirenWidgetBadgeOverlay[hidden]{
  display:none!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #sirenWidgetBadgeOverlay .siren-widget-remove-badge{
  position:absolute!important;z-index:1!important;
  display:grid!important;place-items:center!important;
  width:23px!important;height:23px!important;padding:0!important;
  border-radius:50%!important;border:1px solid rgba(150,156,166,.55)!important;
  background:rgba(248,249,251,.97)!important;color:#40454d!important;
  box-shadow:0 2px 6px rgba(15,25,40,.2),inset 0 1px rgba(255,255,255,.8)!important;
  font:650 19px/1 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
  cursor:pointer!important;pointer-events:auto!important;
  transition:background .15s,transform .15s!important;
}
html[data-siren-layout="fluid"] #app-shell #sirenWidgetBadgeOverlay .siren-widget-remove-badge[hidden]{
  display:none!important;pointer-events:none!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #sirenWidgetBadgeOverlay .siren-widget-remove-badge:is(:hover,:focus-visible){
  background:#fff!important;color:#d6414d!important;transform:scale(1.06)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #sirenWidgetBadgeOverlay .siren-widget-remove-badge:focus-visible{
  outline:2px solid #1677e8!important;outline-offset:2px!important;
}
/* The bottom widget gallery intentionally leaves a smaller scrollable area.
   Make it evident that large widgets continue below its visible viewport. */
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell[data-widget-gallery-open="true"] #seirenHomeWidgets.desktop-widget-workspace{
  scrollbar-width:thin!important;
  scrollbar-color:rgba(93,105,123,.45) transparent!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell[data-widget-gallery-open="true"] #seirenHomeWidgets::-webkit-scrollbar{
  display:block!important;width:5px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell[data-widget-gallery-open="true"] #seirenHomeWidgets::-webkit-scrollbar-thumb{
  border-radius:999px!important;background:rgba(93,105,123,.45)!important;
}

/* Desktop widget usable canvas — macOS menu bar and Dock clearance, 2026-10-20. */
/* Desktop menu height 32px; add 16–24px clearance without disturbing grid positions. */
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgets.desktop-widget-workspace{
  top:clamp(48px,5.3dvh,56px)!important;
  bottom:clamp(110px,14dvh,160px)!important;
  left:16px!important;
  right:16px!important;
}
/* Editor and bottom gallery must use identical horizontal canvas geometry.
   Preserve the gallery's separate bottom clearance and scrolling behavior. */
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell[data-widget-editing="true"] #seirenHomeWidgets.desktop-widget-workspace{
  top:clamp(48px,5.3dvh,56px)!important;
  left:16px!important;
  right:16px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell[data-widget-gallery-open="true"] #seirenHomeWidgets.desktop-widget-workspace{
  top:clamp(48px,5.3dvh,56px)!important;
  left:16px!important;
  right:16px!important;
}

/* Desktop widget removal badges: approximate the neutral macOS widget-edit
   control seen in Apple's guide and desktop screenshots. The 20px circle
   overlaps the widget's upper-left edge; its single 8 x 2px optical minus
   is CSS-drawn to avoid glyph-baseline/double-stroke inconsistencies. */
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #sirenWidgetBadgeOverlay .siren-widget-remove-badge{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  min-height:20px!important;
  box-sizing:border-box!important;
  padding:0!important;
  border-radius:50%!important;
  border:1px solid rgba(169,175,185,.48)!important;
  background:rgba(247,248,250,.98)!important;
  color:#666d77!important;
  box-shadow:0 1px 3px rgba(15,25,40,.12)!important;
  font-size:0!important;
  line-height:0!important;
  transition:background-color .14s ease!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #sirenWidgetBadgeOverlay .siren-widget-remove-badge::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:8px;
  height:2px;
  border-radius:999px;
  background:currentColor;
  transform:translate(-50%,-50%);
  pointer-events:none;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #sirenWidgetBadgeOverlay .siren-widget-remove-badge:is(:hover,:focus-visible){
  background:#fff!important;
  color:#d6414d!important;
  transform:none!important;
}

/* macOS widget browser v3: size-accurate silhouettes in the gallery itself.
   Preserve the bottom-docked, nonmodal desktop editor, mobile sheet and
   existing widget workspace. Each gallery tile is a click/drag add target. */
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery:not([hidden]){
  inset:auto auto clamp(92px,11.5dvh,130px) 50%!important;
  left:50%!important;right:auto!important;top:auto!important;
  transform:translateX(-50%)!important;
  width:min(1230px,calc(100vw - 32px))!important;
  min-width:0!important;max-width:calc(100vw - 32px)!important;
  height:clamp(350px,46dvh,440px)!important;
  min-height:0!important;max-height:calc(100dvh - 145px)!important;
  grid-template-rows:42px 41px minmax(0,1fr) 48px!important;
  border-radius:20px!important;
  background:linear-gradient(155deg,rgba(253,253,255,.96),rgba(240,241,245,.96))!important;
  border:1px solid rgba(255,255,255,.86)!important;
  box-shadow:0 18px 52px rgba(19,27,42,.25),0 2px 8px rgba(19,27,42,.10)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .desktop-widget-gallery-header{
  padding:0 18px!important;border-bottom:1px solid rgba(120,128,141,.13)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-search{
  padding:5px 17px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeGallerySearch{
  height:30px!important;max-width:340px!important;
  border-radius:9px!important;background:rgba(221,224,230,.5)!important;
  border-color:rgba(128,139,155,.15)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-body{
  display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;
  min-height:0!important;overflow:hidden!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-categories{
  background:rgba(224,228,235,.51)!important;
  padding:12px 9px!important;gap:3px!important;
  border-right:1px solid rgba(133,143,158,.13)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-category{
  text-align:left!important;min-height:32px!important;
  border-radius:8px!important;font-size:12px!important;
  color:#555c66!important;padding:7px 11px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-category[aria-pressed="true"]{
  background:rgba(160,168,180,.22)!important;color:#272c33!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-preview{
  display:none!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .desktop-widget-gallery-list{
  display:flex!important;flex-flow:row nowrap!important;
  align-items:center!important;justify-content:flex-start!important;
  min-width:0!important;min-height:0!important;
  gap:20px!important;padding:12px 20px!important;
  overflow-x:auto!important;overflow-y:hidden!important;
  background:rgba(255,255,255,.28)!important;
  scrollbar-width:thin!important;scrollbar-color:rgba(122,131,145,.45) transparent!important;
  scroll-behavior:auto!important;
  scroll-snap-type:none!important;
  overscroll-behavior-x:contain!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .desktop-widget-gallery-list .siren-widget-gallery-group{
  display:none!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .desktop-widget-gallery-item.siren-widget-gallery-tile{
  position:relative!important;display:flex!important;flex-flow:column nowrap!important;
  align-items:center!important;justify-content:center!important;flex:0 0 auto!important;
  width:auto!important;min-width:0!important;
  height:auto!important;min-height:0!important;max-height:none!important;
  padding:3px!important;gap:8px!important;overflow:visible!important;
  scroll-snap-align:start!important;border:0!important;border-radius:20px!important;
  background:transparent!important;box-shadow:none!important;
  color:#4a515c!important;cursor:grab!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .desktop-widget-gallery-item.siren-widget-gallery-tile:active{cursor:grabbing!important;}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-tile .siren-widget-gallery-sample{
  display:flex!important;flex-direction:column!important;
  box-sizing:border-box!important;position:relative!important;
  overflow:hidden!important;flex:0 0 auto!important;
  width:148px!important;height:148px!important;
  border:1px solid rgba(171,179,190,.28)!important;border-radius:20px!important;
  padding:13px!important;
  background:linear-gradient(155deg,#fff,#f1f2f6)!important;color:#252c37!important;
  box-shadow:0 4px 12px rgba(20,27,40,.1),inset 0 1px rgba(255,255,255,.9)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-sample[data-size="medium"]{
  width:244px!important;height:148px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-sample[data-size="large"]{
  width:clamp(145px,calc(46dvh - 180px),210px)!important;
  height:clamp(145px,calc(46dvh - 180px),210px)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-tile:is(:hover,:focus-visible,[aria-pressed="true"]) .siren-widget-gallery-sample{
  border-color:rgba(42,124,225,.77)!important;
  box-shadow:0 0 0 2px rgba(38,117,220,.15),0 6px 16px rgba(22,41,66,.12)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-tile .siren-widget-gallery-tile-label{
  display:block!important;max-width:244px!important;
  font:550 11px/1.35 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
  color:#515864!important;white-space:nowrap!important;overflow:hidden!important;
  text-overflow:ellipsis!important;text-align:center!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-tile-add{
  position:absolute!important;z-index:2!important;right:10px!important;top:10px!important;
  display:grid!important;place-items:center!important;
  width:22px!important;height:22px!important;border-radius:50%!important;
  color:white!important;background:#1d80e5!important;
  font:600 20px/1 -apple-system,BlinkMacSystemFont,sans-serif!important;
  box-shadow:0 1px 6px rgba(17,45,100,.25)!important;
  opacity:0!important;transform:scale(.88)!important;
  transition:opacity .12s,transform .12s!important;
  pointer-events:none!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-tile:is(:hover,:focus-visible) .siren-widget-gallery-tile-add{
  opacity:1!important;transform:scale(1)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-sample-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  min-height:20px!important;gap:6px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-sample-head strong{
  font:700 11px/1.3 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
  color:#272d37!important;white-space:nowrap!important;overflow:hidden!important;
  text-overflow:ellipsis!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-sample-icon{
  display:block!important;width:18px!important;height:18px!important;flex:0 0 18px!important;object-fit:contain!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-sample-main{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  justify-content:center!important;flex:1!important;min-height:0!important;gap:7px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-sample-muted{
  font:500 10px/1.35 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
  color:#7a8390!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-sample-number{
  font:700 29px/1.1 -apple-system,BlinkMacSystemFont,sans-serif!important;
  color:#252b35!important;letter-spacing:-.06em!important;text-align:center!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-sample-date{
  font:700 41px/1 -apple-system,BlinkMacSystemFont,sans-serif!important;
  color:#262d38!important;text-align:center!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-sample-rule{
  font-size:10px!important;border-top:1px solid rgba(130,141,155,.18)!important;
  padding-top:7px!important;color:#677485!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-sample-hero{
  font:700 25px/1.2 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
  letter-spacing:-.03em!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-sample-progress{
  height:7px!important;flex:0 0 7px!important;border-radius:8px!important;
  background:#e3e7ed!important;overflow:hidden!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-sample-progress>span{
  display:block!important;width:38%!important;height:100%!important;background:#bec9d9!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-sample-list-row{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:9px!important;height:12px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-sample-placeholder{
  display:block!important;width:58%!important;height:7px!important;
  background:#e2e6ec!important;border-radius:6px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-sample-placeholder.is-short{width:26%!important;}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-sample-ring{
  width:67px!important;height:67px!important;flex:0 0 67px!important;
  display:grid!important;place-items:center!important;align-self:center!important;
  border-radius:50%!important;
  background:conic-gradient(#c9d7e7 0 43%,#e5eaf0 43% 100%)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-sample-ring>span{
  display:grid!important;place-items:center!important;
  width:45px!important;height:45px!important;border-radius:50%!important;
  background:#f8f9fb!important;color:#8c949f!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-sample-clock{
  display:block!important;align-self:center!important;
  width:105px!important;height:105px!important;max-height:100%!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-sample-clock .siren-clock-dial-face{
  fill:#f8f9fb!important;stroke:#c8cdd5!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-sample-clock .siren-clock-hand{
  stroke:#333b48!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-sample-clock .siren-clock-hand-second{
  stroke:#db5962!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-mini-calendar{
  display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;
  align-items:center!important;justify-items:center!important;
  gap:1px!important;flex:1!important;min-height:0!important;
  font:500 9px/1.2 -apple-system,BlinkMacSystemFont,sans-serif!important;color:#333b47!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-mini-calendar>span{
  display:grid!important;place-items:center!important;width:100%!important;
  min-height:11px!important;border-radius:5px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-mini-calendar .is-today{
  color:#fff!important;background:#207fdc!important;border-radius:50%!important;
  width:16px!important;height:16px!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-mini-calendar .siren-widget-gallery-weekday{
  color:#858d98!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-footer{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  padding:0 17px!important;gap:12px!important;
  min-height:0!important;
  border-top:1px solid rgba(143,151,164,.17)!important;
  background:rgba(246,247,249,.89)!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-instructions{
  display:block!important;font:500 11px/1.3 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
  color:#6b7380!important;overflow:hidden!important;text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery :is(.siren-widget-gallery-selection,#seirenHomeGalleryAdd,#seirenHomeGalleryClose){
  display:none!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery #seirenHomeGalleryDone{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  margin-left:auto!important;min-width:67px!important;height:29px!important;padding:0 16px!important;
  border-radius:10px!important;background:#1678e8!important;color:white!important;
  font:650 12px/1.2 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
}
html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell[data-widget-gallery-open="true"] #seirenHomeWidgets.desktop-widget-workspace{
  left:16px!important;right:16px!important;
  bottom:calc(clamp(92px,11.5dvh,130px) + clamp(350px,46dvh,440px) + 12px)!important;
}
@media(max-width:800px){
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-body{
    grid-template-columns:96px minmax(0,1fr)!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-categories{padding:8px 5px!important;}
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-category{font-size:11px!important;padding:6px 7px!important;}
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .desktop-widget-gallery-list{gap:12px!important;padding:8px 12px!important;}
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-sample[data-size="small"]{
    width:134px!important;height:134px!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-sample[data-size="medium"]{
    width:222px!important;height:134px!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-sample[data-size="large"]{
    width:184px!important;height:184px!important;
  }
}
@media(max-height:620px){
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery:not([hidden]){
    bottom:clamp(82px,13dvh,105px)!important;
    height:clamp(260px,48dvh,325px)!important;
    grid-template-rows:34px 34px minmax(0,1fr) 42px!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .desktop-widget-gallery-list{
    gap:11px!important;padding:7px 12px!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-sample[data-size="small"]{
    width:104px!important;height:104px!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-sample[data-size="medium"]{
    width:173px!important;height:104px!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell #seirenHomeWidgetGallery .siren-widget-gallery-sample[data-size="large"]{
    width:112px!important;height:112px!important;
  }
  html[data-siren-layout="fluid"][data-siren-home-mode="desktop"] #app-shell[data-widget-gallery-open="true"] #seirenHomeWidgets.desktop-widget-workspace{
    bottom:calc(clamp(82px,13dvh,105px) + clamp(260px,48dvh,325px) + 10px)!important;
  }
}