:root{color-scheme:light;--ink:#172e27;--green:#173f34;--orange:#ef613a;--line:#dae3df;--muted:#627269;--paper:#f5f8f6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Apple SD Gothic Neo","Noto Sans KR",system-ui,sans-serif;line-height:1.5}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}header{max-width:1020px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 30px}.brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none;font-size:21px;font-weight:800;letter-spacing:-.7px}.brand img{border-radius:13px}.brand small{display:block;font-size:12px;font-weight:500;color:var(--muted);letter-spacing:0;margin-top:2px}.quiet,.outline{border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink);padding:10px 16px;font-weight:650}main{max-width:1020px;margin:auto;padding:16px 30px 30px}.intro{padding:18px 0 30px}.eyebrow{font-size:14px;color:var(--muted);margin:0 0 8px}h1{font-size:42px;letter-spacing:-1.6px;line-height:1.2;margin:0 0 18px}.mix{display:flex;align-items:center;gap:7px;font-size:14px;margin:0}.mix b{font-variant-numeric:tabular-nums}.mix span{height:14px;width:1px;background:#b9c8c0;margin:0 6px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:28px;align-items:start}.group{margin:0 0 24px}.group-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.group-head h2{font-size:16px;margin:0}.group-head span{font-size:12px;color:var(--muted)}.track{width:100%;display:flex;align-items:center;text-align:left;gap:15px;padding:21px 18px;border:1px solid var(--line);border-radius:14px;background:white;margin-bottom:10px;color:var(--ink)}.track.active{border:2px solid var(--green);padding:20px 17px;background:#e8f1ec}.track-index{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.track-content{min-width:0;flex:1}.track-content strong{display:block;font-size:17px;line-height:1.4;word-break:keep-all}.track-content small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.track-symbol{color:var(--green);font-size:18px}.text-button{border:0;padding:8px 0;color:var(--muted);background:transparent;font-size:13px}.player{background:var(--green);color:#f8fbf5;border-radius:22px;padding:24px;position:sticky;top:20px}.player-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#bcd1c4}.signal{display:flex;gap:3px;align-items:center;height:18px}.signal i{width:3px;background:#ff8966;border-radius:2px;height:7px}.signal i:nth-child(2){height:15px}.signal i:nth-child(3){height:11px}.signal i:nth-child(4){height:18px}.player-icon{display:block;border-radius:20px;margin:24px 0 18px}.player p{font-size:12px;color:#bcd1c4;margin:0 0 8px}.player h2{font-size:23px;line-height:1.4;letter-spacing:-.7px;margin:0 0 20px;word-break:keep-all;min-height:64px}audio{display:block;width:100%;height:42px;margin:0 0 18px}.transport{display:flex;align-items:center;gap:8px}.transport button{border:0;border-radius:10px;padding:12px 10px;background:#285346;color:white;font-size:13px;min-height:45px}.transport .main-play,.main-play{background:#ff7952;color:#122a23;font-weight:800;flex:1;border:0;border-radius:10px;padding:12px 22px}.transport #previous,.transport #next{min-width:40px}.player-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.player-bottom button{border:0;border-radius:7px;background:#285346;color:#d6e4db;font-size:12px;padding:7px 10px}.player-bottom button[aria-pressed=true]{background:#f8fbf5;color:var(--green)}.player-bottom a{color:#d6e4db;font-size:12px;text-decoration:underline;text-underline-offset:4px}.manage{margin-top:36px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.manage h2{margin:0 0 5px;font-size:15px}.manage p{margin:0;color:var(--muted);font-size:12px}.outline{white-space:nowrap;background:transparent;font-size:13px}#notice{min-height:24px;margin:14px 0;font-size:13px;color:var(--green)}footer{font-size:12px;color:var(--muted);padding:5px 0 20px}.empty{padding:28px;border:1px dashed #b9c8c0;border-radius:14px;background:white}.empty h2{font-size:18px;margin:0 0 10px}.empty p{font-size:13px;color:var(--muted);margin:0}.loading{color:var(--muted);padding:24px}dialog{max-width:360px;width:calc(100% - 40px);border:0;border-radius:20px;padding:26px;color:var(--ink);box-shadow:0 20px 70px #0003}dialog::backdrop{background:#14241e88}dialog h2{font-size:21px;margin:0 0 16px}dialog p{font-size:14px;line-height:1.7}dialog form{text-align:right;margin-top:22px}@media(max-width:760px){header{padding:20px}.brand{font-size:19px}.brand img{width:44px;height:44px}.quiet{font-size:12px;padding:9px 12px}main{padding:8px 20px 24px}.intro{padding:14px 0 25px}h1{font-size:36px}.layout{grid-template-columns:1fr;gap:18px}.player{position:static;padding:22px}.player-icon{float:right;margin:10px 0 14px 20px;width:72px;height:72px;border-radius:16px}.player-top{margin-bottom:20px}.player h2{min-height:50px;font-size:22px}audio{clear:both}.track{padding:18px 15px}.track.active{padding:17px 14px}.track-content strong{font-size:16px}.manage{margin-top:26px}.manage p{max-width:195px}.group-head{align-items:start}.group-head span{text-align:right}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* 단순한 목록과 고정된 재생기 */
.player-icon,.eyebrow{display:none}.intro{padding-top:10px}.player h2{min-height:50px}.player-top{margin-bottom:20px}.signal{display:none}.brand img{border-radius:50%}.conti-notes{margin:18px 0;color:var(--ink);font-size:13px}.conti-notes summary{cursor:pointer;font-weight:700;padding:10px 0}.message-author{color:var(--muted);font-size:12px}.message-body{white-space:pre-wrap;line-height:1.8;padding:16px;background:#edf2ef;border-radius:12px}.sheet-link{display:block;color:var(--green);padding:10px 0}.sheet-link img{max-width:100%;display:block;border-radius:8px;margin-bottom:8px}.attachment-empty{color:var(--muted)}.empty form{display:flex;gap:8px;margin-top:15px}.empty input{min-width:0;width:100%;border:1px solid var(--line);padding:10px;border-radius:8px;font:inherit}.empty form button{border:0;background:var(--green);color:white;border-radius:8px;padding:8px 15px;white-space:nowrap}@media(max-width:760px){.player{position:sticky;bottom:14px;z-index:3;box-shadow:0 6px 24px #15372e25}.player h2{margin-bottom:12px;font-size:20px;min-height:0}.player-top{margin-bottom:12px}.transport button{padding:10px 8px}.player-bottom{margin-top:10px}}