@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');
:root{--p:#8C52FF;--p2:#999AE8;--pl:#F1EAFF;--bg:#F6FBFB;--tx:#231F20;--mu:#6b6b7b;--ok:#22a06b;--no:#e5484d;--card:#fff;--r:20px}
*{box-sizing:border-box}
body{min-height:100vh;margin:0;font-family:Pretendard,'Malgun Gothic',sans-serif;color:var(--tx);background:var(--bg);line-height:1.5}
button{font:inherit;cursor:pointer;border:0;border-radius:14px;padding:.7em 1.2em;background:var(--p);color:#fff;font-weight:700;transition:.15s}
button:hover{filter:brightness(1.08)}button:disabled{opacity:.45;cursor:default}
button.ghost{background:var(--pl);color:var(--p)}button.line{background:#fff;color:var(--tx);border:1.5px solid #e3e1ea}
input,textarea,select{font:inherit;border:1.5px solid #e3e1ea;border-radius:12px;padding:.6em .8em;background:#fff;color:var(--tx);width:100%}
input:focus,textarea:focus,select:focus{outline:2px solid var(--p2);border-color:var(--p)}
.card{background:var(--card);border-radius:var(--r);box-shadow:0 4px 20px rgba(60,40,120,.07);padding:20px}
header.app{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:5}
header.app h1{font-size:1.25rem;margin:0;color:var(--p)}header.app .sp{flex:1}
header.app a.home{color:var(--mu);text-decoration:none;font-size:.9rem}
.wrap{max-width:1100px;margin:0 auto;padding:20px 16px}
.toast{position:fixed;top:18px;left:50%;transform:translateX(-50%);background:var(--tx);color:#fff;padding:10px 18px;border-radius:999px;z-index:99;animation:tin .25s}
@keyframes tin{from{opacity:0;transform:translate(-50%,-10px)}}
.spin{width:44px;height:44px;border:5px solid var(--pl);border-top-color:var(--p);border-radius:50%;animation:sp 1s linear infinite;margin:auto}
@keyframes sp{to{transform:rotate(360deg)}}
.hide{display:none!important}
footer.cp{text-align:center;color:var(--mu);font-size:.8rem;padding:20px}
.copyright{display:inline-block;font-size:12px;font-weight:500;white-space:nowrap;color:rgba(255,255,255,.95);background:rgba(0,0,0,.45);border-radius:999px;padding:4px 12px;user-select:none}
.copyright__mail{width:14px;height:14px;display:inline-block;vertical-align:-2px;margin-right:3px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:420px){.copyright{white-space:normal}}