@import url('https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.1/packages/wanted-sans/fonts/webfonts/static/complete/WantedSans.min.css');
body{font-family:"Wanted Sans",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif;padding-top:68px}
main{height:calc(100dvh - var(--site-header-height,68px));padding-right:90px}
.header{position:fixed;inset:0 0 auto;z-index:40;background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid #edf1f7;display:block}
.header .nav{width:min(1040px,calc(100% - 64px));margin:auto;display:flex;justify-content:space-between;align-items:center;min-height:68px;padding:10px 0;gap:12px}
.header a,.quick-rail a{text-decoration:none}
.brand{display:flex;align-items:center;gap:11px;white-space:nowrap;color:#14213d}
.brand-text{font-size:22px;font-weight:900;letter-spacing:-.1em}
.visitor-stats{display:flex;gap:14px;font-size:12px;color:#64748b;margin-left:auto}
.visitor-stats b{color:#145ce6;margin-left:4px;font-variant-numeric:tabular-nums}
.quick-rail{position:fixed;right:max(12px,calc((100vw - 1040px)/2 - 84px));top:100px;z-index:30;display:grid;gap:7px;padding:7px;background:#ffffffed;border:1px solid #e5ebf4;border-radius:19px;box-shadow:0 6px 24px #14213d12}
.quick-rail a,.quick-rail summary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:58px;min-height:56px;border-radius:12px;background:#f1f5fb;color:#42618b}
.quick-rail svg,.quick-rail img{width:23px;height:23px}
.quick-rail span{font-size:10px;font-weight:750;line-height:1.3;white-space:nowrap}
.quick-rail .rail-kakao{background:#fee500;color:#191919}
.rail-more{margin:0;padding:0;border:0;background:transparent;overflow:visible}
.rail-more summary{padding:5px;list-style:none}.rail-more summary::-webkit-details-marker{display:none}
.rail-extra{position:absolute;right:calc(100% + 10px);top:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:10px;border:1px solid #e5ebf4;border-radius:18px;background:#fff;box-shadow:0 8px 28px #14213d20}
.rail-extra a{width:74px}.rail-extra span{white-space:normal;text-align:center}
.quick-rail>a{position:relative;overflow:hidden;isolation:isolate}
.quick-rail>a:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(110deg,transparent 30%,#d7e5ff25 42%,#ffffff80 50%,#d7e5ff25 58%,transparent 70%);background-size:350% 100%;animation:button-metal-sweep 6s ease-in-out infinite}
@keyframes button-metal-sweep{0%,60%{background-position:120% 0;opacity:0}67%{opacity:.7}86%{background-position:-20% 0;opacity:.7}95%,100%{background-position:-20% 0;opacity:0}}
@media(max-width:1000px){.quick-rail{top:auto;bottom:90px;right:12px}.rail-extra{top:auto;bottom:0}}
@media(max-width:640px){.header .nav{width:calc(100% - 24px);min-height:62px;padding:8px 0}.brand{gap:7px}.brand-text{font-size:14px}.visitor-stats{font-size:10px;gap:8px}.quick-rail{right:8px;padding:5px;gap:5px}.quick-rail a,.quick-rail summary{width:52px;min-height:50px}.quick-rail span{font-size:9px}.rail-extra a{width:70px}main{padding-right:80px}.controls{gap:12px}}
@media(prefers-reduced-motion:reduce){.quick-rail>a:after{animation:none;opacity:0}}