:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#202124;--ink-soft:#656366;--paper:#fffdf7;--paper-deep:#f8f2e6;--line:#ddd4c4;--coral:#f06f5f;--coral-soft:#fff0eb;--blue:#397b91;--blue-soft:#e9f5f7;--yellow:#f4c95d;--focus:#165dff;--danger:#bd2c2c;--success:#26734d;--shop-success:#24764c;--shop-danger:#a52c32;--surface:#fff;--ink-contrast:#fff;--accent-ink:#202124;--accent-ink-soft:#656366;--success-contrast:#fff;--danger-contrast:#fff;--success-soft:#edf8f0;--success-strong:#e3f4e9;--shop-selected:#f1faf3;--chat-other:#f3f4f5;--surface-hover:#f8f6ef;--radius-sm:10px;--radius-md:18px;--radius-lg:28px;--shadow:0 18px 50px #4436201a;--content:1080px;--site-header-height:114px;--page-gutter:40px;--space-sm:12px;--space-md:18px;--space-lg:32px;--space-xl:68px;--space-2xl:88px;--font-sans:Pretendard, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f0f1f5;--ink-soft:#b6bbc6;--paper:#171b22;--paper-deep:#11151b;--surface:#222832;--line:#48515f;--coral:#ff998c;--coral-soft:#3b2727;--blue:#84c8dd;--blue-soft:#20343f;--focus:#91b9ff;--danger:#ff9898;--success:#83d5a5;--shop-success:#83d5a5;--shop-danger:#ff9898;--ink-contrast:#171b22;--accent-ink-soft:#514b3e;--success-contrast:#13291d;--danger-contrast:#3b1717;--success-soft:#213b2e;--success-strong:#294b38;--shop-selected:#213b2e;--chat-other:#303743;--surface-hover:#303743;--shadow:0 18px 50px #00000040}*{box-sizing:border-box}html{background:var(--paper-deep);min-width:320px;color:var(--ink);scroll-behavior:smooth}body{background:linear-gradient(#4c74820f 1px, transparent 1px) 0 114px / 100% 32px, var(--paper);min-height:100vh;font-family:var(--font-sans);text-rendering:optimizelegibility;margin:0;line-height:1.6}a{color:inherit}:where(button,input,select,textarea){color:var(--ink)}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){background:var(--surface)}::placeholder{color:var(--ink-soft);opacity:1}.skip-link{z-index:100;border-radius:var(--radius-sm);background:var(--ink);color:var(--ink-contrast);padding:10px 14px;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.site-header,.site-footer{width:min(calc(100% - var(--page-gutter)), var(--content));margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:var(--space-sm);min-height:114px;display:flex}.site-header-actions{flex:0 350px;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.theme-toggle{border:1px solid var(--ink);border-radius:var(--radius-sm);width:44px;min-height:44px;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;flex-shrink:0;padding:9px 12px;font-weight:800}.brand{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand>span{aspect-ratio:1;border:2px solid var(--ink);background:var(--yellow);width:42px;color:var(--accent-ink);border-radius:50% 45% 52% 44%;place-items:center;font-size:21px;font-weight:900;display:grid;transform:rotate(-4deg)}.brand strong{letter-spacing:-.04em;font-size:21px}.site-header>p,.site-footer p{color:var(--ink-soft);margin:0;font-size:14px}.site-footer{text-align:center;padding-block:40px}.site-footer nav{flex-wrap:wrap;justify-content:center;column-gap:24px;margin-top:12px;display:flex}.site-footer nav a{min-height:44px;color:var(--ink-soft);text-underline-offset:4px;align-items:center;font-size:14px;display:inline-flex}.sound-tools{z-index:80;top:calc(var(--site-header-height) + 12px);right:max(14px, calc((100vw - var(--content)) / 2));flex-direction:column;align-items:stretch;gap:10px;display:flex;position:absolute}.music-controls{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 94%, transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;flex-direction:column;align-items:stretch;gap:10px;padding:8px 12px;display:flex}.sound-control{align-items:center;gap:10px;display:flex}.music-controls button{background:var(--yellow);width:36px;height:36px;color:var(--accent-ink);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;font-size:17px;display:grid}.music-controls label{color:var(--ink-soft);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.music-controls input{width:96px;accent-color:var(--blue)}.sound-shop-link,.sound-account-link{border:1px solid var(--ink);background:var(--yellow);min-height:40px;color:var(--accent-ink);border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:700;text-decoration:none;display:flex;position:relative}.sound-account-link{background:var(--surface);min-height:44px;color:var(--ink)}@media (max-width:640px),(max-width:1000px) and (orientation:landscape) and (pointer:coarse) and (hover:none){body{flex-direction:column;min-height:100dvh;display:flex}:root{--page-gutter:28px;--site-header-height:84px}.site-header,.site-footer{width:min(calc(100% - var(--page-gutter)), var(--content))}.site-header{gap:8px;min-height:84px}.brand{gap:6px}.brand>span{width:36px}.brand strong{font-size:18px}.site-header>p{display:none}.site-header-actions{gap:6px;padding-block:8px}.theme-toggle{padding-inline:9px;font-size:13px}.sound-tools{width:min(calc(100% - var(--page-gutter)), var(--content));margin:0 auto 24px;position:static}.sound-tools>a{width:min(193px, calc(100% - var(--page-gutter)));position:absolute;right:14px}.sound-shop-link{top:calc(var(--site-header-height) + 10px)}.sound-account-link{top:calc(var(--site-header-height) + 60px)}.sound-control{min-width:0}.music-controls button{flex:0 0 44px;width:44px;height:44px}.music-controls label{flex:1;min-width:0}.music-controls label>span{white-space:nowrap;flex:0 0 40px}.music-controls input{flex:1;width:0;min-width:0;height:44px;margin:0}main#main-content{flex:1 0 auto;padding-top:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}