/* Private home wallpaper: controls and styling do not alter widget geometry. */
html[data-siren-layout="fluid"] #app-shell .siren-home-user-wallpaper{
  position:absolute!important;inset:0!important;z-index:0!important;
  overflow:hidden!important;pointer-events:none!important;
}
html[data-siren-layout="fluid"] #app-shell .siren-home-user-wallpaper[hidden]{display:none!important}
html[data-siren-layout="fluid"] #app-shell .siren-custom-wallpaper-image{
  position:absolute;inset:-18px;
  background-position:center;background-repeat:no-repeat;background-size:cover;
  transform-origin:center center;will-change:auto;
}
html[data-siren-layout="fluid"] #app-shell .siren-custom-wallpaper-shade{
  position:absolute;inset:0;background:rgba(3,9,27,.28);
}

/* Wallpaper settings — macOS-like light chrome, independent of homepage theme. */
html[data-siren-layout="fluid"] #app-shell #seirenHomeWallpaperScrim{
  position:absolute!important;inset:0!important;z-index:75!important;
  background:rgba(18,24,37,.28)!important;
  backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWallpaperDialog{
  position:absolute!important;top:50%!important;left:50%!important;z-index:76!important;
  transform:translate(-50%,-50%)!important;
  width:min(876px,calc(100vw - 56px))!important;max-width:calc(100vw - 24px)!important;
  height:min(660px,calc(100dvh - 74px))!important;max-height:calc(100dvh - 26px)!important;
  display:flex!important;flex-direction:column!important;box-sizing:border-box!important;
  overflow:hidden!important;padding:0!important;border-radius:18px!important;
  border:1px solid rgba(255,255,255,.86)!important;
  background:linear-gradient(150deg,rgba(253,253,255,.95),rgba(240,242,247,.95))!important;
  color:#242931!important;
  box-shadow:0 24px 72px rgba(14,22,39,.3),0 3px 12px rgba(14,22,39,.12),
    inset 0 1px 0 rgba(255,255,255,.95)!important;
  backdrop-filter:blur(36px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(36px) saturate(140%)!important;
  font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
  isolation:isolate!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWallpaperDialog[hidden],
html[data-siren-layout="fluid"] #app-shell #seirenHomeWallpaperScrim[hidden]{
  display:none!important;
}
html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-dialog-head{
  flex:0 0 52px!important;display:grid!important;
  grid-template-columns:28px minmax(0,1fr) 28px!important;
  align-items:center!important;gap:9px!important;
  padding:0 18px!important;margin:0!important;
  border-bottom:1px solid rgba(131,141,155,.16)!important;
  background:rgba(250,251,253,.6)!important;
}
html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-dialog-head h2{
  margin:0!important;text-align:center!important;
  font-size:14px!important;line-height:1.4!important;font-weight:700!important;
  letter-spacing:-.015em!important;color:#2d333d!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenWallpaperClose{
  display:grid!important;place-items:center!important;
  width:15px!important;min-width:15px!important;height:15px!important;min-height:15px!important;
  padding:0!important;border-radius:50%!important;
  border:1px solid rgba(180,56,59,.27)!important;
  background:#ff5f57!important;color:rgba(100,32,29,.70)!important;
  font-size:12px!important;font-weight:750!important;line-height:1!important;
  cursor:pointer!important;box-shadow:inset 0 1px rgba(255,255,255,.22)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenWallpaperClose:hover{
  background:#ff514e!important;color:#742c2a!important;
}
html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-content{
  flex:1 1 auto!important;display:grid!important;
  grid-template-columns:minmax(0,1.38fr) minmax(285px,1fr)!important;
  gap:0!important;min-width:0!important;min-height:0!important;overflow:hidden!important;
}
html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-preview-pane{
  display:flex!important;flex-direction:column!important;gap:14px!important;
  min-width:0!important;min-height:0!important;overflow-y:auto!important;
  padding:21px 23px 19px!important;background:rgba(249,250,252,.33)!important;
}
html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-settings-pane{
  display:flex!important;flex-direction:column!important;
  min-width:0!important;min-height:0!important;overflow-y:auto!important;
  padding:21px 22px 16px!important;
  border-left:1px solid rgba(126,138,158,.15)!important;
  background:rgba(226,230,237,.32)!important;
}
html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-section-title{
  margin:0!important;color:#353c47!important;
  font-size:12px!important;line-height:1.3!important;font-weight:700!important;
}
html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-adjust-heading{
  margin:13px 0 12px!important;padding-top:14px!important;
  border-top:1px solid rgba(134,146,159,.2)!important;
}
html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-preview{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  width:100%!important;height:auto!important;aspect-ratio:16/10!important;
  min-height:174px!important;max-height:335px!important;flex:0 0 auto!important;
  box-sizing:border-box!important;border-radius:12px!important;
  border:5px solid rgba(255,255,255,.94)!important;
  background:#09172d url("/assets/brand/seiren-home-midnight-tide.svg") center / cover no-repeat!important;
  box-shadow:0 8px 23px rgba(22,30,48,.16),0 0 0 1px rgba(96,110,128,.18)!important;
  margin:0!important;
}
html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-preview-image{
  position:absolute!important;inset:-18px!important;
  background-position:center;background-size:cover;background-repeat:no-repeat;
}
html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-preview-shade{
  position:absolute!important;inset:0!important;background:rgba(3,9,27,.28);
}
html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-preview-label{
  position:absolute!important;z-index:1!important;left:11px!important;bottom:10px!important;
  padding:5px 9px!important;border-radius:7px!important;
  background:rgba(19,24,38,.43)!important;color:#fff!important;
  font-size:10px!important;line-height:1.3!important;
  text-shadow:none!important;backdrop-filter:blur(8px)!important;
}

html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-row{
  display:flex!important;flex-direction:column!important;
  align-items:stretch!important;flex-wrap:nowrap!important;
  gap:13px!important;margin:14px 0 0!important;
}
html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-row > .siren-wallpaper-setting{
  flex:0 0 auto!important;
}
html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-controls{
  display:grid!important;grid-template-columns:1fr!important;gap:10px!important;
}
html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-setting{
  display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important;
}
html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-setting label,
html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-field-label{
  font-size:12px!important;line-height:1.35!important;
  font-weight:550!important;color:#56606d!important;
}
html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-setting label{
  display:flex!important;justify-content:space-between!important;
  align-items:center!important;gap:12px!important;
}
html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-setting output{
  color:#78818d!important;font-size:11px!important;
  font-variant-numeric:tabular-nums!important;font-weight:600!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWallpaperDialog select,
html[data-siren-layout="fluid"] #app-shell #seirenHomeWallpaperDialog input[type="file"]{
  display:block!important;width:100%!important;max-width:100%!important;
  min-width:0!important;min-height:34px!important;
  box-sizing:border-box!important;padding:6px 9px!important;
  border:1px solid rgba(137,148,164,.25)!important;border-radius:9px!important;
  background:rgba(255,255,255,.85)!important;color:#313844!important;
  box-shadow:0 1px 3px rgba(20,34,51,.04)!important;
  font:500 12px/1.5 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWallpaperDialog select{cursor:pointer!important;}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWallpaperDialog input[type="range"]{
  display:block!important;width:100%!important;min-width:0!important;
  margin:2px 0!important;accent-color:#1677dc!important;cursor:pointer!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWallpaperDialog input:disabled{
  opacity:.45!important;cursor:not-allowed!important;
}
html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-switch{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:10px!important;font-size:12px!important;line-height:1.45!important;
  color:#48515d!important;cursor:pointer!important;
}
html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-switch input{
  width:16px!important;height:16px!important;flex:0 0 16px!important;
  accent-color:#1677dc!important;
}
html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-upload{
  display:flex!important;flex-direction:column!important;
  align-items:stretch!important;gap:8px!important;flex-wrap:nowrap!important;
  margin:0!important;padding:13px 14px!important;
  border:1px solid rgba(138,149,165,.18)!important;border-radius:12px!important;
  background:rgba(231,235,241,.48)!important;
}
html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-upload .siren-wallpaper-setting{flex:1 1 auto!important;}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWallpaperDialog input[type="file"]{
  padding:5px 7px!important;min-height:35px!important;
  font-size:11px!important;background:rgba(255,255,255,.68)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWallpaperDialog input[type="file"]::file-selector-button{
  border:1px solid rgba(125,137,153,.24)!important;border-radius:7px!important;
  background:rgba(230,232,237,.88)!important;color:#38414d!important;
  font:600 11px/1.35 -apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif!important;
  padding:5px 9px!important;margin-right:8px!important;cursor:pointer!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWallpaperDialog button:not(#seirenWallpaperClose){
  min-height:33px!important;padding:6px 13px!important;
  border-radius:9px!important;
  border:1px solid rgba(131,142,156,.23)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(238,240,244,.9))!important;
  color:#38414d!important;
  box-shadow:0 1px 2px rgba(31,43,59,.06)!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 #seirenHomeWallpaperDialog button:not(#seirenWallpaperClose):hover{
  background:#e8edf4!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWallpaperDialog button:disabled{
  opacity:.52!important;cursor:wait!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWallpaperDialog button:focus-visible,
html[data-siren-layout="fluid"] #app-shell #seirenHomeWallpaperDialog input:focus-visible,
html[data-siren-layout="fluid"] #app-shell #seirenHomeWallpaperDialog select:focus-visible{
  outline:2px solid rgba(12,113,218,.72)!important;outline-offset:2px!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWallpaperDialog #seirenWallpaperSave,
html[data-siren-layout="fluid"] #app-shell #seirenHomeWallpaperDialog #seirenWallpaperUpload{
  color:#fff!important;background:#1478df!important;
  border-color:#126cd0!important;box-shadow:0 1px 4px rgba(31,99,179,.15)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWallpaperDialog #seirenWallpaperSave:hover,
html[data-siren-layout="fluid"] #app-shell #seirenHomeWallpaperDialog #seirenWallpaperUpload:hover{
  color:#fff!important;background:#096acb!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenWallpaperUpload{align-self:flex-end!important;min-width:103px!important;}

html[data-siren-layout="fluid"] #app-shell #seirenWallpaperStatus{
  flex:0 0 auto!important;display:block!important;min-height:0!important;
  padding:0 19px!important;margin:0!important;
  color:#55705e!important;font-size:11px!important;line-height:1.4!important;
  background:rgba(248,249,252,.7)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenWallpaperStatus:not(:empty){padding-top:8px!important;}
html[data-siren-layout="fluid"] #app-shell #seirenWallpaperStatus[data-error="true"]{color:#b83640!important;}
html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-footer{
  display:flex!important;flex:0 0 auto!important;
  gap:8px!important;align-items:center!important;justify-content:flex-end!important;
  flex-wrap:wrap!important;
  margin:0!important;padding:11px 18px!important;
  border-top:1px solid rgba(133,143,158,.16)!important;
  background:rgba(248,249,252,.9)!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenWallpaperReset{margin-right:auto!important;}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWallpaperDialog #seirenWallpaperResetAll{
  color:#a74149!important;
}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWallpaperOpen{order:2!important;}
html[data-siren-layout="fluid"] #app-shell #seirenHomeWallpaperMenuOpen{min-width:90px!important;}
html[data-siren-layout="fluid"] #app-shell :is(.siren-wallpaper-preview-pane,.siren-wallpaper-settings-pane){
  scrollbar-width:thin!important;scrollbar-color:rgba(150,161,174,.4) transparent!important;
}
@media(max-width:720px){
  html[data-siren-layout="fluid"] #app-shell #seirenHomeWallpaperDialog{
    width:min(530px,calc(100vw - 26px))!important;
    height:min(760px,calc(100dvh - 24px))!important;
    border-radius:16px!important;
  }
  html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-content{
    display:block!important;overflow-y:auto!important;
  }
  html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-preview-pane{
    overflow:visible!important;padding:15px 17px 18px!important;
  }
  html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-preview{
    min-height:132px!important;max-height:220px!important;
  }
  html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-settings-pane{
    overflow:visible!important;
    padding:16px 17px 21px!important;border-left:0!important;
    border-top:1px solid rgba(137,147,161,.17)!important;
  }
  html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-controls{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important;
  }
}
@media(max-width:390px){
  html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-controls{
    grid-template-columns:1fr!important;
  }
  html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-footer{
    padding:9px!important;gap:6px!important;
  }
  html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-footer button{
    font-size:11px!important;padding:6px 8px!important;
  }
}
@media(prefers-reduced-transparency:reduce){
  html[data-siren-layout="fluid"] #app-shell #seirenHomeWallpaperDialog{
    background:#f5f6f9!important;backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html[data-siren-layout="fluid"] #app-shell .siren-custom-wallpaper-image,
  html[data-siren-layout="fluid"] #app-shell .siren-wallpaper-preview-image{
    transition:none!important;
  }
}