@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;700;900&display=swap");:root,[data-theme=light]{--color-bg:#FBF7F4;--color-surface:#FFFFFF;--color-text:#241C1A;--color-text-sub:#6E5F58;--color-accent:#FF5D5D;--color-accent-soft:#FFE3DD;--color-accent-rgb:255,93,93;--color-accent-strong:#C74949;--color-danger-text:#C24545;--color-accent-2:#7C5CFF;--color-accent-3:#17C3A2;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--shadow-card:0 2px 6px rgba(36,28,26,0.04),0 12px 28px rgba(36,28,26,0.08);--shadow-pop:0 8px 20px rgba(var(--color-accent-rgb),0.28);--shadow-inset:inset 0 0 0 1px rgba(36,28,26,0.08);--font-sans:"Noto Sans KR","Pretendard",-apple-system,BlinkMacSystemFont,sans-serif;--font-display:"Space Grotesk","Noto Sans KR",sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--border-color:rgba(36,28,26,0.09);color-scheme:light}[data-theme=dark]{--color-bg:#14100F;--color-surface:#1E1815;--color-text:#F6EFEC;--color-text-sub:#A99A93;--color-accent:#FF7A6E;--color-accent-soft:#3A2420;--color-accent-rgb:255,122,110;--color-accent-strong:#B8584F;--color-danger-text:#D26E62;--color-accent-2:#9C86FF;--color-accent-3:#35E0BC;--shadow-card:0 2px 6px rgba(0,0,0,0.25),0 16px 32px rgba(0,0,0,0.45);--shadow-pop:0 8px 24px rgba(var(--color-accent-rgb),0.35);--shadow-inset:inset 0 0 0 1px rgba(255,255,255,0.08);--border-color:rgba(255,255,255,0.09);color-scheme:dark}*,:after,:before{box-sizing:border-box}body,html{height:100%}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;transition:background-color .25s ease,color .25s ease}body,figure,h1,h2,h3,h4,p{margin:0}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}ul{list-style:none;margin:0;padding:0}.container{width:100%;max-width:480px;margin-inline:auto;padding-inline:var(--space-4)}@media (min-width:768px){.container{max-width:560px}}@media (min-width:1024px){.container{max-width:640px}}@media (min-width:1440px){.container{max-width:680px}}.stack{display:flex;flex-direction:column}.center,.row{display:flex;align-items:center}.center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-7{gap:var(--space-7)}.gap-8{gap:var(--space-8)}.spacer-1{height:var(--space-1)}.spacer-2{height:var(--space-2)}.spacer-3{height:var(--space-3)}.spacer-4{height:var(--space-4)}.spacer-5{height:var(--space-5)}.spacer-6{height:var(--space-6)}.spacer-7{height:var(--space-7)}.spacer-8{height:var(--space-8)}.text-display{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}.text-sub{color:var(--color-text-sub)}.text-xs{font-size:12px;line-height:1.5}.text-sm{font-size:14px;line-height:1.55}.text-md{font-size:16px;line-height:1.6}.text-lg{font-size:20px;line-height:1.4}.text-xl{font-size:28px;line-height:1.25}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-color);padding:var(--space-5)}.card-sm{padding:var(--space-4)}.card-flat,.card-sm{border-radius:var(--radius-md)}.card-flat{background:var(--color-surface);border:1px solid var(--border-color);box-shadow:none}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:12px;font-weight:600;background:var(--color-accent-soft);color:var(--color-accent);white-space:nowrap}.badge-outline{background:transparent;border:1px solid var(--border-color);color:var(--color-text-sub)}.badge-solid{background:var(--color-accent-strong);color:#fff}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:13px;font-weight:600;color:var(--color-text-sub)}.input,.textarea{width:100%;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--color-bg);color:var(--color-text);padding:var(--space-3) var(--space-4);font-size:15px;font-family:inherit;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.input::placeholder,.textarea::placeholder{color:var(--color-text-sub);opacity:.75}.input:focus,.textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px rgba(var(--color-accent-rgb),.15)}.textarea{resize:vertical;min-height:96px;line-height:1.55}.btn-ghost,.btn-outline,.btn-soft,.btn-solid{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:48px;padding-inline:var(--space-5);font-size:15px;font-weight:600;border:1px solid transparent;border-radius:var(--radius-md);transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease,filter .15s ease;will-change:transform}.btn-solid{background:var(--color-accent-strong);color:#fff;box-shadow:var(--shadow-pop)}.btn-solid:hover{filter:brightness(1.06)}.btn-outline{background:transparent;color:var(--color-text);border-color:var(--border-color)}.btn-outline:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn-soft{background:var(--color-accent-soft);color:var(--color-accent)}.btn-soft:hover{filter:brightness(.97)}.btn-ghost{background:transparent;color:var(--color-text-sub)}.btn-ghost:hover{color:var(--color-text);background:var(--color-accent-soft)}.shape-rounded{border-radius:var(--radius-md)}.shape-pill{border-radius:var(--radius-full)}.shape-square{border-radius:var(--radius-sm)}.fx-press:active{transform:scale(.96)}@keyframes fx-bounce-kf{0%{transform:scale(1)}35%{transform:scale(1.08)}60%{transform:scale(.97)}to{transform:scale(1)}}.fx-bounce:active{animation:fx-bounce-kf .38s ease}.fx-glow{position:relative}.fx-glow:active,.fx-glow:focus-visible{box-shadow:0 0 0 6px rgba(var(--color-accent-rgb),.25),var(--shadow-pop)}.link-btn{width:100%;justify-content:space-between;padding-inline:var(--space-5)}.link-btn .link-btn-icon{width:22px;height:22px;flex:none}.icon-btn{width:44px;height:44px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--border-color);color:var(--color-text);transition:transform .15s ease,box-shadow .15s ease,color .15s ease,border-color .15s ease}.icon-btn:hover{color:var(--color-accent);border-color:var(--color-accent);box-shadow:var(--shadow-pop)}.icon-btn svg{width:20px;height:20px}.switch{width:52px;height:30px;border-radius:var(--radius-full);background:var(--border-color);position:relative;border:none;padding:3px;transition:background-color .2s ease}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:transform .2s ease}.switch[aria-checked=true]{background:var(--color-accent)}.switch[aria-checked=true]:after{transform:translateX(22px)}.panel-heading{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-sub);display:flex;align-items:center;gap:6px}.panel-heading svg{width:13px;height:13px;flex:none}::selection{background:var(--color-accent-soft);color:var(--color-accent)}@media (min-width:480px){.card{padding:var(--space-6)}}