/* KPOP-first home. Scoped to the lobby; existing play UI remains separate. */
body.home-active { background: #f6f3ff !important; color: #342754; }
body.home-active .clouds-bg,body.home-active #splash-screen { display: none !important; }
body.home-active .cw-header { position: relative !important; inset: auto !important; height: 68px !important; min-height: 68px; padding: 8px 24px !important; display: flex !important; align-items: center; gap: 10px; width: 100%; background: rgba(255,255,255,.7) !important; border-bottom: 1px solid #e6def5; box-shadow: none !important; z-index: 30; }
body.home-active .cw-home-btn { position: static !important; width: 44px !important; height: 44px !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
body.home-active .cw-resource-wrap { position: static !important; transform: none !important; margin: 0 !important; }
body.home-active .cw-stars-bar { min-width: 0; height: 48px !important; padding: 2px 8px !important; }
body.home-active .cw-stars-bar .header-record-img {
  width: 36px !important; height: 36px !important; flex: 0 0 36px !important;
  object-fit: contain; border-radius: 50%; clip-path: circle(46% at 50% 50%) !important;
}
body.home-active .header-record-count { font-size: 14px !important; }
body.home-active .header-star-total { font-size: 10px !important; }
body.home-active .header-star-total img { width: 11px !important; height: 11px !important; }
body.home-active .cw-header-center { position: static !important; transform: none !important; margin-left: auto !important; display: flex !important; gap: 6px !important; }
body.home-active .header-btn { width: 44px !important; height: 44px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
body.home-active .header-icon-img { display: block; width: 44px !important; height: 44px !important; object-fit: contain; }

/* Nickname + 2D mascot onboarding and profile editor. */
.player-profile-overlay{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:20px;background:#23173bbd;backdrop-filter:blur(8px)}
.player-profile-overlay.show{display:flex}
.player-profile-card{position:relative;width:min(650px,100%);max-height:min(840px,calc(100dvh - 32px));overflow:auto;padding:31px;border:1px solid #fff9;border-radius:30px;background:linear-gradient(145deg,#fffdfd,#f5ecff);box-shadow:0 24px 75px #10071a70;color:#382650}
.player-profile-close{position:absolute;top:15px;right:17px;width:34px;height:34px;border:0;border-radius:50%;background:#eee6f8;color:#665378;font-size:24px;line-height:1;cursor:pointer}
.player-profile-heading{display:flex;gap:14px;align-items:flex-start;margin:0 36px 20px 0}.player-profile-heading p{margin:0 0 4px;color:#a05bb7;font-size:11px;font-weight:900;letter-spacing:1.7px}.player-profile-heading h2{margin:0;color:#3e275f;font-family:'Jua',sans-serif;font-size:29px;line-height:1.12;font-weight:400}.player-profile-sparkle{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,#8a58df,#df67b7);color:#fff;font-size:23px;box-shadow:0 6px 13px #9c54ba43}
.player-profile-name-label,.player-profile-avatar-label{display:block;margin:14px 0 7px;color:#69467b;font-size:13px;font-weight:900}.player-profile-name-input{width:100%;border:2px solid #e1d1ee;border-radius:14px;padding:13px 14px;background:#fff;color:#392455;font:700 16px 'Nanum Gothic',sans-serif;outline:none}.player-profile-name-input:focus{border-color:#a557cc;box-shadow:0 0 0 4px #bb75dc22}.player-profile-helper{margin:7px 0 17px;color:#907e9f;font-size:11px}
.player-profile-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.player-profile-choice{min-width:0;border:2px solid transparent;border-radius:14px;padding:5px 3px 6px;background:#fff;box-shadow:0 2px 8px #60416d12;color:#76578a;font-size:10px;font-weight:800;cursor:pointer;transition:.16s}.player-profile-choice:hover{transform:translateY(-2px);border-color:#d7b5e8}.player-profile-choice.selected{border-color:#9753c5;background:#f7edff;box-shadow:0 4px 13px #934fbe2b;color:#623080}.player-profile-choice img{display:block;width:100%;aspect-ratio:1;object-fit:contain;margin-bottom:2px}
.player-profile-save{width:100%;margin-top:20px;border:1px solid #fff8;border-radius:15px;padding:14px 19px;background:linear-gradient(105deg,#8052db,#dd5eae);box-shadow:0 5px 0 #7442ad,0 10px 22px #9e58c93a;color:#fff;font-size:15px;font-weight:900;cursor:pointer}.player-profile-save:active{transform:translateY(3px);box-shadow:0 2px 0 #7442ad}
.player-profile-avatar{display:block;width:100%;height:100%;object-fit:contain}
.rank-avatar-col .player-profile-avatar{width:42px;height:42px}.sticky-avatar .player-profile-avatar{width:42px;height:42px}.podium-avatar .player-profile-avatar{width:58px;height:58px}.podium-avatar.big .player-profile-avatar{width:72px;height:72px}
@media(max-width:520px){.player-profile-overlay{padding:10px}.player-profile-card{padding:24px 18px;border-radius:24px}.player-profile-heading h2{font-size:26px}.player-profile-grid{grid-template-columns:repeat(4,1fr);gap:7px}.player-profile-choice{border-radius:12px}.player-profile-save{margin-top:16px}}
body.home-active #btn-mode-toggle { display: none !important; }
body.home-active #avatar-btn { display: flex !important; }
body.home-active #app { max-width: none !important; margin: 0 !important; padding: 0 !important; }
body.home-active #screen-list { padding: 0 !important; overflow: visible !important; }
#screen-list > .list-header,#screen-list > .book-tabs,#screen-list > .sub-tabs,#screen-list > .book-reward,#screen-list > #puzzle-list { display: none !important; }
#music-home { max-width: 1100px; margin: 0 auto; padding: 25px 32px 36px; font-family: 'Nanum Gothic',sans-serif; }
#music-home * { box-sizing: border-box; }
#music-home button { font: inherit; cursor: pointer; }
#music-home button:focus-visible { outline: 3px solid #7251e6; outline-offset: 4px; }
#music-home .brand-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
#music-home .brand-mark { width: 176px; height: 99px; object-fit: contain; }
#music-home .welcome-note { color: #756687; font-size: 13px; display: flex; align-items: center; gap: 10px; }
#music-home .welcome-note b { color: #655087; }
#music-home .home-kpop-label { color: #743fc5; background: #fff; border: 0; border-radius: 13px; padding: 12px 24px; font-weight: 800; font-size: 14px; box-shadow: 0 3px 9px #50377412; }
#music-home .music-hero { position: relative; isolation: isolate; min-height: 350px; border-radius: 30px; padding: 40px; overflow: hidden; background: #efe6ff; box-shadow: 0 15px 40px #7d5ba614, inset 0 0 0 1px #ffffffc0; }
#music-home .music-hero:before { content:''; position: absolute; inset:0; z-index:-2; background: linear-gradient(90deg,#f4ecff 3%,#f3e9ffeb 40%,#e7ddff33 80%),url('../img/bg_kpop.jpg') center 42%/cover; }
#music-home .hero-art { position: absolute; z-index:-1; right:0; bottom:0; width:46%; height:100%; object-fit: cover; object-position: center 40%; mask-image:linear-gradient(90deg,transparent,#000 26%); }
#music-home .hero-copy { width: 58%; }
#music-home .eyebrow { display: inline-flex; align-items:center; gap:7px; font-size:11px; font-weight:800; letter-spacing:2px; color:#9760bd; }
#music-home .eyebrow:before { content:''; width:7px; height:7px; border-radius:50%; background:#d773c6; box-shadow:0 0 0 4px #ffffff7a; }
#music-home h1 { font-family:'Jua',sans-serif; font-size:48px; line-height:1.15; font-weight:400; letter-spacing:-1.5px; color:#442965; margin:17px 0 13px; text-shadow:0 2px 0 #fff7; }
#music-home h1 em { font-style:normal; color:#ae4dbe; }
#music-home .hero-desc { font-size:14px; line-height:1.85; color:#786188; margin:0 0 23px; }
#music-home .play-main { border:1px solid #ffffff80; border-radius:17px; padding:16px 24px; color:#fff; background:linear-gradient(110deg,#ae5cd9,#da66ad); box-shadow:0 5px 0 #9250ae,0 9px 22px #b25bc839,inset 0 2px 0 #ffffff33; font-weight:800; font-size:16px; min-width:220px; display:inline-flex; justify-content:space-between; align-items:center; gap:25px; transition:transform .15s; }
#music-home .play-main:hover { transform:translateY(-2px); }
#music-home .play-main:active { transform:translateY(3px); }
#music-home .play-main:disabled { opacity:.55; cursor:wait; }
#music-home .mode-row { display:flex; align-items:center; gap:12px; margin-top:20px; font-size:11px; color:#897398; }
#music-home .mode-picker { display:flex; gap:3px; padding:3px; border-radius:10px; background:#ffffff70; }
#music-home .mode-picker button { padding:6px 10px; border:0; border-radius:7px; font-size:11px; color:#8d779c; background:transparent; }
#music-home .mode-picker button[aria-pressed=true] { color:#7950a8; background:#fff; box-shadow:0 2px 5px #55336d12; font-weight:800; }
#music-home .hero-sticker { position:absolute; right:25px; bottom:24px; padding:10px 14px; background:#fffdf5ed; color:#89589b; box-shadow:0 4px 15px #46295315; border-radius:14px; font-size:12px; transform:rotate(-4deg); }
#music-home .flow-line { display:flex; align-items:center; justify-content:center; gap:18px; margin:22px 0 31px; font-size:12px; color:#897997; }
#music-home .flow-line b { color:#72617f; font-weight:700; }
#music-home .flow-line .flow-arrow { color:#bcb0c9; }
#music-home .yt-mark { display:inline-flex; width:20px; height:14px; background:#e36681; border-radius:4px; justify-content:center; align-items:center; color:white; font-size:8px; vertical-align:middle; margin-right:4px; }
#music-home .section-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; }
#music-home h2 { font-size:20px; color:#43344f; margin:0 0 5px; letter-spacing:-.5px; font-weight:800; }
#music-home .section-caption { font-size:12px; color:#94869f; margin:0; }
#music-home .plain-action { border:0; background:none; color:#977cab; font-size:12px; white-space:nowrap; padding:10px 0 10px 10px; }
#music-home .era-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
#music-home .era-card { display:flex; align-items:center; text-align:left; padding:20px; gap:18px; border:1px solid #e8e0f0; border-radius:22px; background:linear-gradient(130deg,#fff,#f8f4ff); color:#4c3a63; min-height:125px; transition:transform .18s,box-shadow .18s; }
#music-home .era-card:hover { transform:translateY(-3px); box-shadow:0 8px 20px #72509b10; }
#music-home .album-art { position:relative; width:88px; height:88px; border-radius:16px; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-family:'Jua'; font-size:31px; color:#fff; background:linear-gradient(140deg,#dac2ed,#9487d3); box-shadow:0 7px 15px #9572af30; overflow:hidden; }
#music-home .album-art:before { content:''; position:absolute; width:100px; height:100px; border:1px solid #ffffff70; border-radius:50%; right:-30px; top:-15px; box-shadow:0 0 0 9px #ffffff10,0 0 0 18px #ffffff16; }
#music-home .album-art.pink { background:linear-gradient(140deg,#f4b5cb,#bd85c9); }
#music-home .album-art span { z-index:1; }
#music-home .era-copy { flex:1; }
#music-home .era-copy small { color:#a392b3; font-size:10px; letter-spacing:2px; }
#music-home .era-copy strong { display:block; font-size:17px; margin:7px 0; }
#music-home .era-copy p { margin:0; font-size:12px; color:#9d8bab; }
#music-home .secondary-links { display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; margin-top:24px; }
#music-home .secondary-link { border:0; border-radius:17px; background:#eeebf7; display:flex; align-items:center; text-align:left; gap:12px; padding:15px 20px; color:#6c597f; }
#music-home .secondary-link img { width:40px; height:40px; object-fit:contain; }
#music-home .secondary-link strong { font-size:13px; display:block; margin-bottom:4px; }
#music-home .secondary-link small { font-size:11px; color:#9b8ba9; }
#music-home .secondary-link .card-arrow { margin-left:auto; }
#music-home .home-footer { text-align:center; font-size:10px; color:#b5a7c2; letter-spacing:1.7px; padding:27px 0 0; }
#music-home [hidden] { display:none !important; }
#music-home .recent-puzzle { display:flex; align-items:center; gap:13px; margin:0 0 20px; padding:12px 14px; border:1px solid #dfd0ef; border-radius:18px; background:linear-gradient(110deg,#fffdfd,#f3e9fc); box-shadow:0 5px 17px #71538b13; }
#music-home .recent-puzzle-icon { display:grid; place-items:center; width:42px; height:42px; flex:0 0 42px; border-radius:13px; background:#d9b8ee; color:#643882; font-size:23px; }
#music-home .recent-puzzle-copy { display:flex; flex-direction:column; gap:3px; min-width:0; color:#493261; }
#music-home .recent-puzzle-copy small { font-size:11px; font-weight:700; color:#957aa9; }
#music-home .recent-puzzle-copy strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:15px; }
#music-home .recent-puzzle button { margin-left:auto; flex:0 0 auto; padding:10px 14px; border:0; border-radius:12px; color:white; background:#9854bc; font-size:13px; font-weight:800; cursor:pointer; }
#music-home .recent-puzzle button:hover { background:#8043a4; }
.home-picker { border:0; border-radius:26px; width:min(600px,calc(100vw - 32px)); max-width:calc(100vw - 32px); max-height:80dvh; margin:auto; padding:26px; color:#4b355f; background:#fcfaff; box-shadow:0 20px 80px #42265330; }
.home-picker::backdrop { background:#30204166; backdrop-filter:blur(6px); }
.home-picker .picker-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }
.home-picker h2 { font:400 25px 'Jua',sans-serif; margin:0; }
.home-picker .picker-close { width:40px; height:40px; border:0; border-radius:50%; background:#eee7f6; color:#84649c; font-size:22px; cursor:pointer; }
.home-picker .picker-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px 10px; justify-items:center; max-height:60vh; overflow-y:auto; padding:17px 0 4px; }

/* Vinyl record wrapper */
.pick-vinyl-wrap { position:relative; display:flex; flex-direction:column; align-items:center; }
.pick-vinyl-playing { position:absolute; z-index:3; top:-11px; left:50%; transform:translateX(-50%); display:block; width:57px; height:45px; overflow:hidden; border-radius:50%; pointer-events:none; filter:drop-shadow(0 2px 3px #69501585); }
.pick-vinyl-playing img { position:absolute; top:50%; left:50%; width:62px; height:109px; max-width:none; transform:translate(-50%,-50%); }

/* Vinyl record button */
.pick-vinyl {
  width:96px; height:96px; border-radius:50%; border:none;
  background-size:cover; background-position:center;
  position:relative; cursor:pointer; overflow:hidden;
  box-shadow:0 4px 12px rgba(0,0,0,0.3);
  transition:transform 0.2s, box-shadow 0.2s;
  display:flex; align-items:center; justify-content:center;
}
/* Subtle depth ring */
.pick-vinyl::before {
  content:''; position:absolute; inset:0; border-radius:50%;
  background:radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 60%, rgba(0,0,0,0.35) 100%);
  z-index:1;
}
.pick-vinyl:hover { transform:scale(1.08) rotate(-5deg); box-shadow:0 6px 18px rgba(0,0,0,0.35); }
.pick-vinyl:active { transform:scale(0.95) rotate(3deg); }
.pick-vinyl.done { box-shadow:0 4px 14px rgba(245,158,11,0.5), 0 0 0 2.5px rgba(255,255,255,0.8); }

/* Year text on vinyl */
.pick-vinyl-year {
  position:relative; z-index:2;
  font:900 1.05rem 'Black Han Sans','Noto Sans KR',sans-serif;
  color:white; text-shadow:0 2px 8px rgba(0,0,0,0.9), 0 0 3px rgba(0,0,0,0.7);
  letter-spacing:-0.5px;
}

/* Stars row below the record */
.pick-vinyl-stars { display:flex; gap:2px; margin-top:5px; }
.pick-vinyl-stars .pick-star { width:20px; height:20px; object-fit:contain; transition:filter 0.2s; }
.pick-vinyl-stars .pick-star.off { filter:grayscale(1) brightness(0.35); }

.home-picker .picker-error { color:#965b79; line-height:1.8; }
@media(min-width:1500px){#music-home {padding-top:35px;}}
@media(max-width:700px){
 body.home-active .cw-header {padding:7px 10px !important;height:56px !important;min-height:56px;gap:4px;}
 body.home-active .cw-home-btn,body.home-active .header-btn,body.home-active .header-icon-img {width:34px !important;height:34px !important;}
 body.home-active .cw-header-center {gap:2px !important;}
  body.home-active .cw-stars-bar {height:38px !important;padding:2px 4px !important;}
  body.home-active .record-summary {gap:2px;padding:0 3px;}
  body.home-active .cw-stars-bar .header-record-img {width:28px !important;height:28px !important;flex-basis:28px !important;}
  body.home-active .header-record-count {font-size:11px !important;}
  body.home-active .header-star-total {font-size:8px !important;}
  body.home-active .header-star-total img {width:9px !important;height:9px !important;}
 #music-home {padding:10px 18px 20px;}
 #music-home .brand-row {display:grid;grid-template-columns:minmax(0,1fr);margin-bottom:12px;gap:5px;}
 #music-home .recent-puzzle {gap:9px;padding:10px;margin-bottom:14px;}
 #music-home .recent-puzzle-icon {width:34px;height:34px;flex-basis:34px;font-size:19px;}
 #music-home .recent-puzzle-copy strong {font-size:12px;}
 #music-home .recent-puzzle button {padding:9px 10px;font-size:11px;}
 #music-home .brand-mark {width:133px;height:75px;justify-self:center;}
 #music-home .welcome-note {display:none;}
 #music-home .home-kpop-label {justify-self:center;padding:8px 18px;font-size:11px;}
 #music-home .music-hero {min-height:330px;padding:25px 23px;border-radius:25px;}
 #music-home .hero-art {width:63%;opacity:.83;object-position:47% 50%;mask-image:linear-gradient(90deg,transparent,#000 45%);}
 #music-home .music-hero:before {background:linear-gradient(90deg,#f4ecff,#f3e9ffb0),url('../img/bg_kpop.jpg') center/cover;}
 #music-home .hero-copy {width:100%;position:relative;}
 #music-home .eyebrow {font-size:9px;letter-spacing:2px;}
 #music-home h1 {font-size:35px;line-height:1.17;margin:17px 0 12px;letter-spacing:-1px;}
 #music-home .hero-desc {font-size:12px;line-height:1.8;margin-bottom:22px;color:#775789;max-width:200px;}
 #music-home .play-main {font-size:14px;min-width:195px;padding:14px 18px;}
 #music-home .mode-row {margin-top:17px;font-size:10px;gap:8px;}
 #music-home .mode-picker button {font-size:10px;padding:6px 9px;}
 #music-home .hero-sticker {display:none;}
 #music-home .flow-line {font-size:10px;gap:8px;margin:20px 0 26px;}
 #music-home .yt-mark {width:16px;height:12px;font-size:7px;}
 #music-home h2 {font-size:18px;}
 #music-home .section-caption {font-size:11px;}
 #music-home .plain-action {font-size:11px;}
 #music-home .era-grid {gap:10px;}
 #music-home .era-card {padding:14px;gap:0;flex-direction:column;align-items:flex-start;min-height:190px;border-radius:20px;position:relative;}
 #music-home .album-art {width:57px;height:57px;font-size:23px;border-radius:13px;margin-bottom:12px;}
 #music-home .era-copy small {font-size:8px;letter-spacing:1.5px;}
 #music-home .era-copy strong {font-size:14px;margin:6px 0;}
 #music-home .era-copy p {font-size:10px;}
 #music-home .era-card .card-arrow {position:absolute;right:14px;top:32px;font-size:20px;}
 #music-home .secondary-links {gap:10px;margin-top:18px;}
 #music-home .secondary-link {padding:12px 10px;gap:7px;border-radius:14px;}
 #music-home .secondary-link img {width:30px;height:30px;}
 #music-home .secondary-link strong {font-size:11px;}
 #music-home .secondary-link small {font-size:9px;}
 #music-home .secondary-link .card-arrow {display:none;}
 .home-picker {width:min(420px,calc(100vw - 24px));max-width:calc(100vw - 24px);padding:20px 18px;margin:auto;}
 .home-picker .picker-grid {grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;}
}
@media(max-width:360px){body.home-active .cw-header {padding:7px 6px !important;} body.home-active .header-btn,body.home-active .header-icon-img,body.home-active .cw-home-btn {width:30px !important;height:30px !important;} #music-home{padding-inline:12px;} #music-home .brand-mark{width:118px;}}
@media(prefers-reduced-motion:reduce){#music-home *{transition:none !important;animation:none !important;}}

/* 홈 헤더 좌우 끝을 아래 콘텐츠(#screen-list 최대 860px 안의 #music-home 좌우 32px / ≤700 18px / ≤360 12px)와 맞춘다 (2026-09-24)
   포인트 뱃지(style.css #user-info)도 같은 값을 쓴다 — 한쪽만 바꾸면 정렬이 다시 어긋난다. */
body.home-active .cw-header { padding-left: max(32px, calc((100% - 860px) / 2 + 32px)) !important; padding-right: max(32px, calc((100% - 860px) / 2 + 32px)) !important; }
@media(max-width:700px){ body.home-active .cw-header { padding-left: 18px !important; padding-right: 18px !important; } }
@media(max-width:360px){ body.home-active .cw-header { padding-left: 12px !important; padding-right: 12px !important; } }

/* Learning journey home redesign: the puzzle is the way a song is unlocked. */
#music-home { max-width:1180px; padding:24px 34px 46px; color:#292143; font-family:'Nunito','Noto Sans KR',sans-serif; }
#music-home main { display:grid; gap:28px; }
#music-home .learning-topbar { min-height:86px; display:flex; align-items:center; justify-content:space-between; padding:0 6px; }
#music-home .learning-logo { width:182px; height:94px; object-fit:contain; }
#music-home .language-chip { color:#6f6289; border:1px solid #e5ddf1; border-radius:999px; background:#fff; padding:10px 14px; font-size:12px; font-weight:800; letter-spacing:.2px; box-shadow:0 4px 16px #5941700b; }
#music-home .learning-hero { position:relative; isolation:isolate; min-height:448px; overflow:hidden; border:1px solid #e5d9f2; border-radius:32px; padding:58px 60px; background:linear-gradient(115deg,#f6edff,#ede2ff 53%,#bad9f9); box-shadow:0 18px 44px #6e4d9818; }
#music-home .learning-hero:before { content:''; position:absolute; inset:0; z-index:-2; background:radial-gradient(circle at 18% 22%,#fff9 0 1%,transparent 12%),radial-gradient(circle at 50% 95%,#ecb8e988,transparent 32%),url('../img/bg_kpop.jpg') center/cover; opacity:.42; }
#music-home .learning-hero:after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#f9f3ff 3%,#f8f2ffda 43%,#f6edff30 66%,transparent 88%); }
#music-home .learning-hero-art { position:absolute; z-index:0; height:100%; width:49%; right:1%; bottom:0; object-fit:contain; object-position:center bottom; filter:drop-shadow(0 18px 18px #744f9533) saturate(1.08) contrast(1.04); }
#music-home .learning-hero-copy { position:relative; z-index:1; width:55%; }
#music-home .learning-eyebrow { display:inline-flex; align-items:center; gap:8px; color:#8f4cba; font-size:11px; font-weight:900; letter-spacing:2.2px; }
#music-home .learning-eyebrow:before { content:''; width:8px; height:8px; border-radius:50%; background:#e36cbf; box-shadow:0 0 0 5px #fff9; }
#music-home .learning-hero h1 { margin:18px 0 14px; color:#30234c; font:400 55px/1.04 'Jua','Noto Sans KR',sans-serif; letter-spacing:-1.4px; }
#music-home .learning-hero h1 em { color:#b84ec8; font-style:normal; }
#music-home .learning-hero p { margin:0 0 27px; color:#6c5d81; font-size:17px; line-height:1.55; }
#music-home .learning-primary-action { min-width:250px; border:1px solid #fff9; border-radius:15px; display:inline-flex; align-items:center; justify-content:space-between; gap:30px; padding:16px 20px; color:#fff; background:linear-gradient(110deg,#7858db,#d959ae); box-shadow:0 5px 0 #8051aa,0 13px 25px #954eb437; font-size:15px; font-weight:900; transition:transform .16s,box-shadow .16s; }
#music-home .learning-primary-action:hover { transform:translateY(-2px); box-shadow:0 7px 0 #8051aa,0 16px 27px #954eb437; }
#music-home .learning-primary-action:active { transform:translateY(3px); box-shadow:0 2px 0 #8051aa; }
#music-home .learning-primary-action:disabled { opacity:.6; cursor:wait; }
#music-home .learning-mode-row { display:flex; align-items:center; gap:10px; margin-top:24px; color:#77698b; font-size:11px; font-weight:700; }
#music-home .learning-mode-picker { display:flex; gap:3px; padding:3px; border-radius:10px; background:#ffffffaa; box-shadow:0 3px 12px #533e7411; }
#music-home .learning-mode-picker button { border:0; border-radius:7px; padding:7px 11px; color:#7b6f90; background:transparent; font-size:11px; }
#music-home .learning-mode-picker button[aria-pressed=true] { color:#6c40a4; background:#fff; box-shadow:0 2px 6px #513c7418; font-weight:900; }
#music-home .journey-continue { display:flex; align-items:center; gap:15px; padding:15px 18px; border:1px solid #eadbf2; border-radius:18px; background:linear-gradient(105deg,#fff,#f7efff); box-shadow:0 8px 23px #6547760d; }
#music-home .journey-icon { display:grid; place-items:center; width:43px; height:43px; flex:0 0 43px; border-radius:14px; color:#fff; background:linear-gradient(135deg,#ad76d8,#e373b6); font-size:20px; }
#music-home .journey-copy { display:flex; flex-direction:column; min-width:0; gap:4px; }
#music-home .journey-copy small { color:#9c80ad; font-size:10px; font-weight:900; letter-spacing:1.25px; }
#music-home .journey-copy strong { overflow:hidden; color:#3a2b55; text-overflow:ellipsis; white-space:nowrap; font-size:15px; }
#music-home .journey-continue button { margin-left:auto; flex:0 0 auto; border:0; border-radius:11px; padding:11px 15px; color:#fff; background:#8d55bf; font-size:12px; font-weight:900; }
#music-home .learning-section-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; }
#music-home .learning-section-heading h2 { margin:12px 0 0; color:#312348; font:400 31px/1.2 'Jua','Noto Sans KR',sans-serif; letter-spacing:-.6px; }
#music-home .learning-path-note { padding-bottom:3px; color:#92839e; font-size:12px; line-height:1.55; text-align:right; }
#music-home .learning-path-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; }
#music-home .learning-step { position:relative; display:flex; flex-direction:column; min-height:190px; padding:18px 17px; border:1px solid #e8e0f0; border-radius:22px; background:#fff; color:#504166; text-align:left; overflow:hidden; }
#music-home button.learning-step { cursor:pointer; }
#music-home .learning-step:before { content:''; position:absolute; width:100px; height:100px; right:-35px; top:-35px; border:1px solid #d8c1ee; border-radius:50%; box-shadow:0 0 0 12px #f6edff,0 0 0 25px #fcf9ff; opacity:.8; }
#music-home .learning-step.is-current { border-color:#cda8e8; background:linear-gradient(145deg,#fff,#f4eaff); box-shadow:0 10px 22px #9c62c622; transition:transform .16s,box-shadow .16s; }
#music-home .learning-step.is-current:hover { transform:translateY(-4px); box-shadow:0 14px 27px #9c62c633; }
#music-home .step-number { position:relative; color:#a97cc4; font-size:11px; font-weight:900; letter-spacing:1px; }
#music-home .step-body { position:relative; display:flex; flex-direction:column; gap:7px; margin-top:auto; }
#music-home .step-body strong { color:#41305d; font-size:17px; letter-spacing:.5px; }
#music-home .step-body small { color:#9b6eb4; font-size:10px; font-weight:900; letter-spacing:.9px; }
#music-home .step-body em { min-height:30px; color:#938498; font-size:11px; font-style:normal; line-height:1.4; }
#music-home .step-arrow { position:absolute; right:16px; bottom:16px; color:#9a5bc5; font-size:20px; }
#music-home .learning-step.is-locked { background:#fbfaff; opacity:.82; }
#music-home .learning-step.is-locked .step-body strong { color:#72657f; }
#music-home .locked-label { position:relative; margin-top:13px; align-self:flex-start; border-radius:999px; padding:5px 8px; color:#9c90a6; background:#f0ecf4; font-size:9px; font-weight:900; }
#music-home .puzzle-explorer { padding:34px; border-radius:30px; background:linear-gradient(135deg,#f4edff,#fdf7ff); border:1px solid #e7daf3; }
#music-home .puzzle-explorer .learning-section-heading { align-items:center; }
#music-home .puzzle-explorer p { margin:10px 0 0; color:#7f708d; font-size:13px; line-height:1.6; }
#music-home .learning-text-action { border:0; padding:10px 0; color:#8751b3; background:transparent; font-size:13px; font-weight:900; white-space:nowrap; }
#music-home .learning-era-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-top:24px; }
#music-home .learning-era-card { display:flex; align-items:center; gap:16px; min-height:132px; padding:19px; border:1px solid #e4d8ef; border-radius:21px; color:#49345d; text-align:left; background:#fff; transition:transform .16s,box-shadow .16s; }
#music-home .learning-era-card:hover { transform:translateY(-3px); box-shadow:0 10px 19px #67468414; }
#music-home .era-years { display:grid; place-items:center; width:80px; height:80px; flex:0 0 80px; border-radius:18px; color:#fff; background:linear-gradient(140deg,#c8b4eb,#876bd1); box-shadow:0 8px 14px #7457ab24; font:400 28px 'Jua','Noto Sans KR',sans-serif; }
#music-home .era-nineties .era-years { background:linear-gradient(140deg,#f3abc8,#b86ec3); }
#music-home .era-card-copy { display:flex; flex:1; flex-direction:column; gap:5px; }
#music-home .era-card-copy small { color:#aa92b8; font-size:9px; font-weight:900; letter-spacing:1.6px; }
#music-home .era-card-copy strong { font-size:16px; }
#music-home .era-card-copy em { color:#9987a5; font-size:11px; font-style:normal; }
#music-home .learning-era-card > :last-child { color:#9577ad; font-size:20px; }
#music-home .home-utilities { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
#music-home .home-utilities button { display:flex; align-items:center; gap:12px; border:1px solid #e9e2ef; border-radius:17px; padding:13px 16px; color:#5f506e; text-align:left; background:#fff; }
#music-home .home-utilities img { width:36px; height:36px; object-fit:contain; }
#music-home .home-utilities span { display:flex; flex-direction:column; gap:3px; }
#music-home .home-utilities strong { font-size:12px; }
#music-home .home-utilities small { color:#998c9f; font-size:10px; }
#music-home .learning-mobile-nav { display:none; }
#music-home .home-footer { padding-top:4px; }

@media(max-width:700px) {
  #music-home { padding:4px 18px 86px; }
  #music-home main { gap:20px; }
  #music-home .learning-topbar { min-height:62px; }
  #music-home .learning-logo { width:125px; height:66px; }
  #music-home .language-chip { padding:8px 10px; font-size:10px; }
  #music-home .learning-hero { min-height:410px; border-radius:25px; padding:33px 24px; }
  #music-home .learning-hero:after { background:linear-gradient(90deg,#f9f3ff 1%,#f6edffdf 51%,#f6edff18 73%,transparent); }
  #music-home .learning-hero-art { width:65%; right:-3%; opacity:1; object-position:center bottom; }
  #music-home .learning-hero-copy { width:100%; }
  #music-home .learning-eyebrow { font-size:9px; letter-spacing:1.6px; }
  #music-home .learning-eyebrow:before { width:6px; height:6px; box-shadow:0 0 0 4px #fff9; }
  #music-home .learning-hero h1 { margin:14px 0 11px; font-size:39px; }
  #music-home .learning-hero p { margin-bottom:21px; font-size:14px; }
  #music-home .learning-primary-action { min-width:208px; padding:14px 16px; font-size:12px; }
  #music-home .learning-mode-row { margin-top:18px; font-size:10px; }
  #music-home .learning-mode-picker button { padding:6px 8px; font-size:9px; }
  #music-home .journey-continue { gap:10px; padding:11px 12px; border-radius:15px; }
  #music-home .journey-icon { width:34px; height:34px; flex-basis:34px; border-radius:11px; font-size:15px; }
  #music-home .journey-copy small { font-size:8px; letter-spacing:.8px; }
  #music-home .journey-copy strong { font-size:12px; }
  #music-home .journey-continue button { padding:9px 10px; font-size:10px; }
  #music-home .learning-section-heading { align-items:start; }
  #music-home .learning-section-heading h2 { margin-top:9px; font-size:26px; }
  #music-home .learning-path-note { display:none; }
  #music-home .learning-path-grid { grid-template-columns:1fr; gap:9px; }
  #music-home .learning-step { min-height:0; height:91px; flex-direction:row; align-items:center; padding:13px 15px; border-radius:17px; }
  #music-home .learning-step:before { width:80px; height:80px; right:-25px; top:-29px; }
  #music-home .step-number { width:31px; flex:0 0 31px; align-self:start; }
  #music-home .step-body { gap:3px; margin:auto 0; }
  #music-home .step-body strong { font-size:15px; }
  #music-home .step-body small { font-size:9px; }
  #music-home .step-body em { min-height:0; font-size:10px; }
  #music-home .step-arrow { right:15px; bottom:29px; }
  #music-home .locked-label { margin:0 15px 0 auto; padding:5px 7px; font-size:8px; }
  #music-home .puzzle-explorer { padding:24px 17px; border-radius:24px; }
  #music-home .puzzle-explorer .learning-section-heading { display:block; }
  #music-home .puzzle-explorer p { font-size:11px; }
  #music-home .learning-text-action { margin-top:10px; font-size:11px; }
  #music-home .learning-era-grid { grid-template-columns:1fr; gap:10px; margin-top:17px; }
  #music-home .learning-era-card { min-height:99px; padding:14px; border-radius:16px; }
  #music-home .era-years { width:64px; height:64px; flex-basis:64px; border-radius:15px; font-size:23px; }
  #music-home .era-card-copy small { font-size:8px; }
  #music-home .era-card-copy strong { font-size:14px; }
  #music-home .era-card-copy em { font-size:10px; }
  #music-home .home-utilities { display:none; }
  #music-home .learning-mobile-nav { position:fixed; z-index:70; left:0; right:0; bottom:0; display:grid; grid-template-columns:repeat(4,1fr); padding:8px 14px max(9px,env(safe-area-inset-bottom)); border-top:1px solid #e5daef; background:#fffd; box-shadow:0 -7px 24px #50396d14; backdrop-filter:blur(12px); }
  #music-home .learning-mobile-nav button { display:flex; align-items:center; justify-content:center; gap:4px; border:0; padding:4px 0; color:#908097; background:transparent; font-size:9px; font-weight:800; }
  #music-home .learning-mobile-nav button span { font-size:17px; line-height:1; }
  #music-home .learning-mobile-nav button.is-active { color:#a650ba; }
  #music-home .home-footer { display:none; }
}
@media(max-width:360px) { #music-home { padding-inline:12px; } #music-home .learning-hero { padding-inline:19px; } #music-home .learning-hero h1 { font-size:35px; } }

/* ── 예전 홈 메뉴(KPOP/BASIC/KOREAN/ENGLISH 탭)를 GPT 대문 상단에 (2026-09-29) ── */
#music-home .learning-topbar { gap:20px; align-items:flex-end; }   /* 탭을 아래로 붙여 위쪽 로그인/포인트 뱃지(style.css top:76px)와 안 겹치게 */
#music-home .home-tabs { display:flex; gap:8px; background:#eae4f5; padding:5px; border-radius:18px; }
#music-home .home-tab { border:0; border-radius:13px; background:transparent; color:#756785; padding:12px 16px; font-weight:800; font-size:14px; display:flex; gap:8px; align-items:center; white-space:nowrap; }
@media(max-width:900px) { #music-home .home-tabs { gap:2px; } #music-home .home-tab { padding:12px 8px; font-size:13px; gap:5px; } }   /* 탭 여섯 개가 한 줄에 들어가게 */
#music-home .home-tab[aria-selected=true] { color:#743fc5; background:#fff; box-shadow:0 3px 9px #50377412; }
#music-home .tab-icon { font-size:19px; }
#music-home .home-tab-panel { display:grid; gap:28px; }
#music-home .artist-panel { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:18px; padding-top:8px; }   /* 무대를 한 줄에 둘씩 (폰에서도) */
#music-home .artist-stage { width:min(420px,100%); margin:0 auto; padding:18px; border-radius:26px; background:radial-gradient(120% 80% at 50% 30%,#3a2d6e 0%,#231a4a 55%,#15102e 100%); box-shadow:0 14px 34px #1d123f40,inset 0 0 0 1px #6f5fb055,inset 0 1px 0 #a99ae04d; }   /* 밤의 진열장(2026-10-04 사용자: 흰 바탕이 싸 보인다) — 보물 그림은 어두운 바탕에서 가장 잘 보인다 */
#music-home .artist-treasure-grid { position:relative; width:min(360px,100%); aspect-ratio:720/729; margin:auto; }
#music-home .artist-treasure-layer { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; pointer-events:none; user-select:none; -webkit-user-drag:none; filter:brightness(0) invert(1) opacity(.15) drop-shadow(0 0 5px #b9a4ffaa); }   /* 못 얻은 보물: 어둠 속 옅은 윤곽 */
#music-home .artist-treasure-layer.lit { filter:none; animation:artist-treasure-reveal .45s ease-out both; }
#music-home .artist-stage.ready { cursor:pointer; background:radial-gradient(120% 80% at 50% 30%,#4a3888 0%,#2a1e58 55%,#171032 100%); box-shadow:0 16px 40px #6a3fc055,inset 0 0 0 2px #e6c670,inset 0 0 26px #e6c67033; }   /* 입장 가능: 금테(밝기 고정) */
#music-home .artist-stage.ready .artist-treasure-grid { animation:artist-ready-float 5s ease-in-out infinite; }
#music-home .artist-stage.ready:active { transform:scale(.985); }
@keyframes artist-ready-float { 0%,100% { transform:translateY(-4px); } 50% { transform:translateY(4px); } }
#music-home .artist-best { margin-top:10px; text-align:center; color:#5b2fa8; font-weight:900; font-size:15px; font-variant-numeric:tabular-nums; }
#music-home .artist-entry { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:14px; }
#music-home .artist-entry-disc { display:flex; align-items:center; gap:7px; padding:6px 13px 6px 7px; border-radius:999px; background:#ffffff12; box-shadow:inset 0 0 0 1px #ffffff26; color:#c9bfe6; font-size:14px; }   /* 어두운 유리판 */
#music-home .artist-entry-disc img { width:34px; height:34px; object-fit:cover; border-radius:50%; }   /* 디스크는 늘 제 색으로 — 어느 등급인지 바로 보이게(사용자). 채웠는지는 테두리·숫자 색으로만 */
#music-home .artist-entry-disc b { font-weight:900; font-variant-numeric:tabular-nums; }
#music-home .artist-entry-disc i { font-style:normal; font-weight:700; opacity:.6; }
#music-home .artist-entry-disc.met { color:#ffe29a; box-shadow:inset 0 0 0 1.5px #e6c670; background:#e6c6701f; }
@keyframes artist-treasure-reveal { from { opacity:0; transform:scale(.96); } to { opacity:1; transform:scale(1); } }
#music-home [hidden] { display:none !important; }
#music-home .learn-panel { background:white; border:1px solid #e9e1f3; padding:30px; border-radius:26px; }
#music-home .learn-panel h2 { margin:0 0 8px; color:#312348; font:400 28px/1.2 'Jua','Noto Sans KR',sans-serif; }
#music-home .learn-panel h2 span { font:700 14px 'Nunito','Noto Sans KR',sans-serif; color:#9886aa; margin-left:8px; }
#music-home .learn-intro { margin:0 0 24px; line-height:1.8; color:#9a87a8; font-size:13px; }
#music-home .learn-topic + .learn-topic { margin-top:30px; padding-top:25px; border-top:1px solid #eee8f5; }
#music-home .learn-topic h3 { margin:0 0 13px; color:#60467e; font-size:16px; }
#music-home .learn-topic-nav { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 24px; }
#music-home .learn-topic-nav button { border:1px solid #e6d9f2; border-radius:999px; padding:10px 15px; color:#7d6890; background:#f8f5fc; font-size:13px; font-weight:800; }
#music-home .learn-topic-nav button[aria-pressed=true] { border-color:#a779d0; color:#fff; background:#925cc0; box-shadow:0 3px 9px #7951a52b; }
#music-home .learn-book-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
#music-home .learn-book-card { min-width:0; display:flex; align-items:center; gap:12px; padding:15px; border:1px solid #ebe2f3; border-radius:17px; background:linear-gradient(135deg,#fff,#f8f4fd); color:#4d3b64; text-align:left; transition:transform .16s,box-shadow .16s; }
#music-home .learn-book-card:hover { transform:translateY(-2px); box-shadow:0 7px 18px #72509b18; }
#music-home .learn-book-face { display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; border-radius:13px; background:linear-gradient(145deg,#d7b6ec,#a47bc9); color:#fff; font:400 22px 'Jua',sans-serif; }
#music-home .learn-book-copy { min-width:0; display:flex; flex-direction:column; gap:3px; }
#music-home .learn-book-copy strong { font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#music-home .learn-book-copy small { color:#9b87ac; font-size:11px; }
#music-home .learn-book-progress { color:#765394; font-size:11px; font-weight:800; }
@media(max-width:700px) {
  #music-home .learning-topbar { flex-direction:column; align-items:stretch; gap:8px; padding:0; }
  #music-home .learning-logo { align-self:center; }
  #music-home .home-tabs { width:100%; display:flex; padding:4px; border-radius:14px; gap:0; }   /* 탭 일곱 개가 한 줄에 — 글자 길이만큼 자리를 나눈다 */
  #music-home .home-tab { flex:1 1 auto; min-width:0; justify-content:center; padding:10px 3px; font-size:10px; letter-spacing:-.02em; gap:2px; border-radius:11px; white-space:nowrap; }
  #music-home .artist-panel { gap:10px; }
  #music-home .artist-stage { padding:9px 7px 10px; border-radius:17px; }
  #music-home .artist-treasure-grid { width:min(300px,100%); }
  #music-home .artist-entry { gap:4px; margin-top:8px; }
  #music-home .artist-entry-disc { flex:1 1 0; min-width:0; flex-direction:column; padding:5px 2px 4px; font-size:11px; gap:2px; border-radius:12px; }   /* 좁은 칸: 디스크 위 · 개수 아래 */
  #music-home .artist-entry-disc img { width:24px; height:24px; }
  #music-home .artist-best { font-size:12px; margin-top:6px; }
  #music-home .tab-icon { font-size:12px; }
  #music-home .home-tab-panel { gap:20px; }
  #music-home .learn-panel { padding:22px 18px; }
  #music-home .learn-panel h2 span { display:block; margin:4px 0 0; font-size:12px; }
  #music-home .learn-topic-nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; margin-bottom:17px; }
  #music-home .learn-topic-nav button { padding:9px 2px; font-size:10px; white-space:nowrap; }
  #music-home .learn-book-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  #music-home .learn-book-card { gap:8px; padding:11px 8px; min-height:70px; }
  #music-home .learn-book-face { width:32px; height:32px; flex-basis:32px; font-size:17px; border-radius:10px; }
  #music-home .learn-book-copy strong { font-size:12px; }
  #music-home .learn-book-copy small, #music-home .learn-book-progress { font-size:9px; }
  #music-home .learn-intro { font-size:12px; }
}
/* 닉네임 바꾸기 규칙 안내 (player-profile.js) */
.player-profile-nick-note{margin:-10px 0 16px;padding:9px 12px;border-radius:12px;background:#f6effc;color:#7a4f98;font-size:12px;font-weight:700;line-height:1.5}
.player-profile-name-input:disabled{background:#f3eff7;color:#8c7f99;cursor:not-allowed}

/* ── 디스크 5단계 헤더 (2026-09-29): 대문·게임 모두 알약 하나 + 누르면 5단계 목록 ── */
.cw-resource-wrap .cw-score-toggle { display:inline-flex !important; }
body.home-active .cw-resource-wrap { position:relative !important; flex:0 0 auto !important; }
.cw-resource-wrap #header-record-details { display:none !important; position:absolute !important; top:calc(100% + 8px) !important; left:0 !important; z-index:1300;
  flex-direction:column !important; align-items:stretch !important; justify-content:flex-start !important; height:auto !important;
  width:300px !important; max-width:calc(100vw - 20px) !important; min-width:0 !important; padding:8px !important; gap:5px !important; margin:0 !important;
  border-radius:18px !important; border:2px solid #fbbf24 !important; background:linear-gradient(180deg,#1d9bf0,#0669b3) !important; }
.cw-resource-wrap.record-details-open #header-record-details { display:flex !important; }
.tier-row { display:grid; grid-template-columns:36px 1fr auto 48px; align-items:center; gap:8px; padding:5px 10px 5px 6px; border-radius:12px; background:rgba(255,255,255,.12); color:#fff; }
.tier-row .tier-disc { width:36px; height:36px; border-radius:50%; clip-path:circle(47% at 50% 50%); filter:drop-shadow(0 2px 3px rgba(0,0,0,.35)); }
.tier-row .tier-name { display:flex; flex-direction:column; line-height:1.2; min-width:0; }
.tier-row .tier-name b { font-size:13px; font-weight:900; }
.tier-row .tier-name small { font-size:10px; opacity:.85; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tier-row .tier-count { font-family:'Black Han Sans',sans-serif; font-size:18px; text-shadow:0 2px 3px rgba(0,0,0,.4); }
.tier-row .tier-stars { display:flex; align-items:center; justify-content:flex-end; gap:3px; font-family:'Black Han Sans',sans-serif; font-size:13px; }
.tier-row .tier-stars img { width:16px; height:16px; object-fit:contain; }
.tier-row.is-locked { opacity:.45; }
/* 대문 학습 경로 카드에 디스크 그림 */
#music-home .learning-step .step-disc { width:46px; height:46px; margin:10px 0 0; border-radius:50%; clip-path:circle(47% at 50% 50%); filter:drop-shadow(0 3px 5px rgba(80,50,120,.25)); }
#music-home .learning-step.is-locked .step-disc { filter:grayscale(.2) opacity(.75); }
@media(max-width:700px) { #music-home .learning-step .step-disc { width:38px; height:38px; margin:0 10px 0 0; flex:0 0 38px; } }

/* 연습생 판 크기 탭 (3×3 · 4×4 · 5×5 · 6×6) */
.picker-size-tabs { display:flex; gap:6px; margin:0 0 12px; overflow-x:auto; }
.picker-size-tabs button { flex:1 1 0; min-width:62px; padding:8px 4px; border-radius:12px; border:1.5px solid #e2dcf5; background:#f7f4ff;
  font:800 .95rem/1.1 'Pretendard',sans-serif; color:#5b4b8a; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:2px; }
.picker-size-tabs button[aria-selected="true"] { background:#6d4ce0; border-color:#6d4ce0; color:#fff; }
.picker-size-tabs button[disabled] { opacity:.45; cursor:default; }
.picker-size-tabs small { font-size:.62rem; font-weight:700; }