:root{--bg: #0d0f13;--panel: #151920;--line: rgba(255, 255, 255, .14);--text: #f2f3f5;--text-dim: #a4abb8;--accent: #ffd24a;--danger: #e5484d;--link: #8fb4ff;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:radial-gradient(120% 40% at 50% 0%,rgba(255,210,74,.1),transparent 60%),var(--bg);background-repeat:no-repeat;color:var(--text);font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-size:16px;line-height:1.7;word-break:keep-all;overflow-wrap:anywhere}.wrap{max-width:680px;margin:0 auto;padding:calc(20px + env(safe-area-inset-top,0px)) 16px calc(40px + env(safe-area-inset-bottom,0px))}.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--text);font-weight:900;font-size:19px;letter-spacing:-.02em;text-decoration:none}.brand img{width:28px;height:28px}.brand .accent{color:var(--accent)}.nav{display:flex;flex-wrap:wrap;gap:0 4px}.nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;color:var(--text-dim);font-size:14.5px;text-decoration:none}.nav a[aria-current=page]{color:var(--text);font-weight:700}h1{margin:28px 0 6px;font-size:28px;line-height:1.3;letter-spacing:-.02em}.lead{margin:0 0 8px;color:var(--text-dim)}h2{margin:36px 0 10px;font-size:20px;line-height:1.4}h3{margin:20px 0 6px;font-size:17px}p,ul,ol{margin:0 0 14px}ul,ol{padding-left:1.3em}li+li{margin-top:6px}a{color:var(--link);text-underline-offset:3px}strong{color:var(--accent);font-weight:700}code{font-family:ui-monospace,Consolas,monospace;font-size:.92em;padding:1px 5px;border-radius:5px;background:#ffffff14;overflow-wrap:anywhere}.steps{list-style:none;padding:0;counter-reset:step}.steps li{counter-increment:step;position:relative;margin:0 0 10px;padding:14px 14px 14px 52px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.steps li:before{content:counter(step);position:absolute;left:14px;top:14px;width:26px;height:26px;border-radius:50%;background:#ffd24a29;color:var(--accent);font-weight:800;font-size:14px;line-height:26px;text-align:center}.steps b{display:block;margin-bottom:2px}.note{padding:14px;border-left:4px solid var(--danger);border-radius:0 10px 10px 0;background:#e5484d14}.keys{margin:0 0 14px;padding:0;list-style:none}.keys li{margin:0 0 10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.keys code{display:inline-block;margin-bottom:4px}.play{display:flex;align-items:center;justify-content:center;min-height:52px;margin:32px 0 0;padding:0 20px;border-radius:14px;background:var(--accent);color:#1b1d22;font-weight:800;font-size:17px;text-decoration:none}.foot{margin-top:36px;padding-top:14px;border-top:1px solid var(--line);color:var(--text-dim);font-size:14px}.foot nav{display:flex;flex-wrap:wrap;gap:0 6px}.foot nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 6px}