/* Your Turn 1.0.2: scoped account dialog. No modifications to existing layout. */
#accountDialog{width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;padding:22px!important;box-sizing:border-box}
#accountDialog [hidden],#accountDialog [hidden] *{display:none!important}
#accountDialog #memberGuest,#accountDialog #memberLogged,#accountDialog #simpleAuth{display:none!important}
#accountDialog #accountTitle{margin:2px 0 18px;font-size:21px;line-height:1.3}
#accountDialog .yt-auth,#accountDialog .yt-account{display:block;color:#edf3fc;font-family:inherit}
#accountDialog .yt-auth-head{display:flex;flex-direction:column;align-items:center;gap:5px;margin:8px 0 26px}
#accountDialog .yt-auth-emblem{background:linear-gradient(145deg,#e4bd70,#9e722e);color:#0e203d;width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:31px;margin-bottom:7px}
#accountDialog .yt-auth-head strong{font-size:23px;letter-spacing:-.7px;color:#f2c778}
#accountDialog .yt-auth-head span{color:#b9c9e1;font-size:12px;letter-spacing:.7px}
#accountDialog .yt-auth h3{font-size:18px;text-align:center;margin:0 0 8px}
#accountDialog .yt-auth>p{text-align:center;color:#bccbe0;font-size:13px;margin:0 0 25px}
#accountDialog .yt-oauth-buttons{display:grid;gap:12px}
#accountDialog .yt-oauth-buttons a{display:flex;align-items:center;justify-content:center;gap:14px;border-radius:12px;min-height:52px;text-decoration:none!important;font-size:15px;font-weight:700;box-sizing:border-box}
#accountDialog .yt-kakao{background:#fee500;color:#191919!important}
#accountDialog .yt-kakao span{font-size:18px}
#accountDialog .yt-naver{background:#03c75a;color:white!important}
#accountDialog .yt-naver b{font-size:18px}
#accountDialog .yt-oauth-buttons a:focus-visible,#accountDialog .yt-menu button:focus-visible,#accountDialog .yt-logout:focus-visible{outline:3px solid #f1c36c;outline-offset:3px}
#accountDialog .yt-legal{font-size:11px;text-align:center;margin:22px 0 4px;color:#9cb1d0;line-height:1.6}
#accountDialog .yt-legal a{color:#d6dfec;text-decoration:underline}
#accountDialog .yt-status{color:#ffcdad;text-align:center;font-size:12px;margin-top:12px}
#accountDialog .yt-profile{display:flex;gap:13px;align-items:center;padding:15px;background:rgba(255,255,255,.055);border:1px solid rgba(211,228,255,.15);border-radius:15px}
#accountDialog .yt-avatar{width:55px;height:55px;display:grid;place-items:center;border-radius:50%;flex-shrink:0;background:linear-gradient(145deg,#f0ca7c,#ad7c32);color:#102444;font-size:31px}
#accountDialog .yt-profile-text{display:flex;min-width:0;flex-direction:column;gap:4px}
#accountDialog .yt-caption{color:#b4c3dc;font-size:10px;letter-spacing:1.1px}
#accountDialog .yt-profile-text strong{font-size:17px;overflow-wrap:anywhere}
#accountDialog .yt-provider{align-self:start;background:#29496a;border:1px solid #546e8b;border-radius:6px;padding:3px 8px;color:#e9f3fc;font-size:11px}
#accountDialog .yt-summary{display:grid;grid-template-columns:1fr 1fr;margin:14px 0;gap:10px}
#accountDialog .yt-summary>div{display:flex;flex-direction:column;align-items:center;gap:5px;border-radius:13px;padding:15px 8px;background:rgba(255,255,255,.045);border:1px solid rgba(211,228,255,.12)}
#accountDialog .yt-summary strong{font-size:27px;line-height:1.1;color:#f0c877}
#accountDialog .yt-summary span{font-size:12px;color:#bdcee2}
#accountDialog .yt-menu{border:1px solid rgba(211,228,255,.14);border-radius:14px;overflow:hidden}
#accountDialog .yt-menu button{width:100%;border:0;border-radius:0!important;background:rgba(255,255,255,.025);display:flex;align-items:center;gap:13px;padding:16px;text-align:left;color:#f5f7fc;cursor:pointer}
#accountDialog .yt-menu button+button{border-top:1px solid rgba(211,228,255,.12)}
#accountDialog .yt-menu button>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:4px}
#accountDialog .yt-menu button strong{font-size:14px}
#accountDialog .yt-menu button small{color:#b1c4db;font-size:11px}
#accountDialog .yt-menu-icon{font-size:21px;color:#dfbc78}
#accountDialog .yt-chevron{font-size:25px;color:#a3b6cf}
#accountDialog .yt-account-note{font-size:11px;color:#a9bad1;line-height:1.65;margin:13px 0 18px}
#accountDialog .yt-logout{width:100%;border:1px solid #536985!important;border-radius:12px!important;background:transparent!important;color:#d7e0ee!important;min-height:45px;font-size:13px;cursor:pointer}
@media(max-width:480px){#accountDialog{padding:18px!important}}

/* Your Turn v1.0.3 — branded profile icon and visible close button */
#accountDialog .yt-avatar{
  background:#0a1c34 url('/static/icon-192.png?v=103') center / cover no-repeat!important;
  border-radius:15px!important;
  color:transparent!important;
  font-size:0!important;
  overflow:hidden;
}
#accountDialog > form[method="dialog"] > button.close{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
  background:transparent!important;
  border-color:transparent!important;
  font-size:24px!important;
  line-height:1!important;
  cursor:pointer;
}
#accountDialog > form[method="dialog"] > button.close:hover{
  color:#fff!important;
  background:rgba(255,255,255,.10)!important;
}
#accountDialog > form[method="dialog"] > button.close:focus-visible{
  outline:2px solid #f2c878!important;
  outline-offset:2px;
}


/* v237 — My Account light theme, scoped to logged-in account dialog only. */
#accountDialog:has(#yourturnAccount:not([hidden])){
  background:#f3f7fe!important;
  color:#152d4c!important;
  border:1px solid #d2e0f2!important;
  box-shadow:0 20px 56px rgba(2,12,30,.38)!important;
  color-scheme:light;
}
#accountDialog:has(#yourturnAccount:not([hidden])) #accountTitle{
  color:#152f53!important;-webkit-text-fill-color:#152f53!important;
  font-size:24px!important;font-weight:800!important;letter-spacing:-.5px;
}
#accountDialog:has(#yourturnAccount:not([hidden])) > form[method="dialog"] > button.close,
#accountDialog:has(#yourturnAccount:not([hidden])) > form[method="dialog"] > button.close:hover{
  color:#24466c!important;-webkit-text-fill-color:#24466c!important;
  background:#e3edf9!important;border:1px solid #c8d9ed!important;
  border-radius:10px!important;
}
#accountDialog #yourturnAccount:not([hidden]){color:#142d4a!important}
#accountDialog #yourturnAccount:not([hidden]) .yt-profile{
  background:#fff!important;border:1px solid #c7d8ea!important;
  box-shadow:0 3px 10px rgba(27,67,115,.06);
}
#accountDialog #yourturnAccount:not([hidden]) .yt-caption{color:#53708f!important;font-size:11px!important;font-weight:700}
#accountDialog #yourturnAccount:not([hidden]) .yt-profile-text strong{color:#173354!important;font-size:17px!important;font-weight:800!important}
#accountDialog #yourturnAccount:not([hidden]) .yt-provider{
  color:#164a77!important;background:#e5f2ff!important;border:1px solid #b4d3ef!important;
  font-size:12px!important;font-weight:700!important;
}
#accountDialog #yourturnAccount:not([hidden]) .yt-summary>div{
  background:#fff!important;border:1px solid #c6d8ec!important;
  box-shadow:0 3px 10px rgba(27,67,115,.045);
}
#accountDialog #yourturnAccount:not([hidden]) .yt-summary strong{
  color:#175eab!important;font-size:29px!important;font-weight:850!important;
}
#accountDialog #yourturnAccount:not([hidden]) .yt-summary span{
  color:#354d69!important;font-size:13px!important;font-weight:700!important;
}
#accountDialog #yourturnAccount:not([hidden]) .yt-menu{
  background:#fff!important;border:1px solid #c5d7eb!important;
}
#accountDialog #yourturnAccount:not([hidden]) .yt-menu button{
  background:#fff!important;color:#193b60!important;-webkit-text-fill-color:#193b60!important;
  min-height:77px!important;
}
#accountDialog #yourturnAccount:not([hidden]) .yt-menu button:hover{background:#eaf3ff!important}
#accountDialog #yourturnAccount:not([hidden]) .yt-menu button+button{border-top:1px solid #d7e3f1!important}
#accountDialog #yourturnAccount:not([hidden]) .yt-menu button strong{color:#183c64!important;font-size:15px!important;font-weight:800!important}
#accountDialog #yourturnAccount:not([hidden]) .yt-menu button small{color:#536d89!important;font-size:12px!important;font-weight:600!important}
#accountDialog #yourturnAccount:not([hidden]) .yt-menu-icon{color:#1d6fae!important}
#accountDialog #yourturnAccount:not([hidden]) .yt-chevron{color:#42698e!important}
#accountDialog #yourturnAccount:not([hidden]) .yt-account-note{
  color:#415a77!important;font-size:12px!important;font-weight:500!important;line-height:1.6;
}
#accountDialog #yourturnAccount:not([hidden]) .yt-logout{
  color:#1b4773!important;-webkit-text-fill-color:#1b4773!important;
  background:#e4effb!important;border:1px solid #a9c4e0!important;
  font-weight:800!important;font-size:14px!important;min-height:48px!important;
}
#accountDialog #yourturnAccount:not([hidden]) .yt-logout:hover{background:#d5e7fa!important}
#accountDialog #yourturnAccount:not([hidden]) .yt-avatar{border:2px solid #d7e5f5!important}
@media(max-width:390px){
  #accountDialog #yourturnAccount:not([hidden]) .yt-profile{padding:12px!important;gap:10px!important}
  #accountDialog #yourturnAccount:not([hidden]) .yt-menu button{padding:13px!important}
}