@font-face{font-family:pretendard;src:url(../media/PretendardVariable-s.p.0a.~5ku~863u1.woff2)format("woff2");font-display:swap;font-weight:45 920}@font-face{font-family:pretendard Fallback;src:local(Arial);ascent-override:93.76%;descent-override:23.75%;line-gap-override:0.0%;size-adjust:101.55%}.pretendard_bf52cd3d-module__c-_o8W__className{font-family:pretendard,pretendard Fallback}.pretendard_bf52cd3d-module__c-_o8W__variable{--font-pretendard:"pretendard", "pretendard Fallback"}
:root{--background:#f7f4ef;--foreground:#241f1a;--card-bg:#fffdfa;--glass-border:#3c30241a;--glass-bg:#fffdfa;--haidilao-gradient:#ff4649;--gradient-hover:#e63a3d;--subtext:#6e655b;--nav-bg:#f7f4efb8;--shadow-sm:0 1px 2px #3c30240d, 0 2px 8px #3c30240d;--shadow-md:0 2px 4px #3c30240d, 0 8px 22px #3c302414;--shadow-lg:0 4px 8px #3c30240d, 0 14px 34px #3c30241a;--shadow-accent:0 2px 6px #ff46492e, 0 8px 24px #ff464938;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--nav-height:56px;--safe-bottom:env(safe-area-inset-bottom,0px);--text:#241f1a;--primary:#ff4649;--accent:#ff4649;--accent-soft:#ff464914;--border:#3c30241a;--hairline:#3c30241f;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--surface-hover:#3c30240a;--surface-active:#3c302414}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;min-height:100dvh;overflow-x:hidden}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 12px)}body{color:var(--foreground);background:var(--background);font-family:var(--font-pretendard), -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;padding-bottom:var(--safe-bottom);letter-spacing:-.01em;transition:background-color .3s,color .3s}body:before{content:"";z-index:0;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/><feColorMatrix type='saturate' values='0'/></filter><rect width='160' height='160' filter='url(%23n)' opacity='0.055'/></svg>");position:fixed;inset:0}h1,h2,h3,h4{text-wrap:balance}p{text-wrap:pretty}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{z-index:100;background:var(--accent);color:#fff;border-radius:0 0 var(--radius-md) var(--radius-md);transition:transform .18s var(--ease-out);padding:.6rem 1.1rem;font-size:.85rem;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%,-120%)}.skip-link:focus-visible{outline-offset:-4px;transform:translate(-50%)}.tabular{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.glass{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.text-gradient{background:var(--haidilao-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar{z-index:50;width:100%;transition:background .25s var(--ease-out), box-shadow .25s var(--ease-out), border-color .25s var(--ease-out), backdrop-filter .25s var(--ease-out);border-bottom:1px solid #0000;padding:0;position:fixed;top:0;left:0}.navbar-top{box-shadow:none;background:0 0;border-bottom-color:#0000}.navbar-scrolled{background:var(--nav-bg);-webkit-backdrop-filter:blur(16px)saturate(1.6);border-bottom-color:var(--glass-border);box-shadow:0 1px 8px #1e12120a,inset 0 1px #fff9}.nav-content{width:100%;max-width:1200px;padding:0 1rem;padding-top:env(safe-area-inset-top,0px);min-height:var(--nav-height);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-left{align-items:center;gap:.5rem;display:flex}.nav-back{color:var(--foreground);border-radius:var(--radius-md);width:36px;height:36px;transition:background .16s var(--ease-out), transform .16s var(--ease-out);justify-content:center;align-items:center;font-size:1.15rem;font-weight:600;display:flex}.nav-back:active{background:var(--surface-active);transform:scale(.92)}.nav-logo{align-items:center;display:flex}.logo{letter-spacing:-.5px;font-size:1.05rem;font-weight:800}.nav-right{align-items:center;gap:.4rem;display:flex}.nav-register-btn{color:#fff;background:var(--haidilao-gradient);border-radius:var(--radius-full);height:34px;box-shadow:var(--shadow-accent);transition:transform .16s var(--ease-out), box-shadow .2s var(--ease-out);align-items:center;gap:3px;padding:.4rem .85rem;font-size:.8rem;font-weight:700;display:flex}.nav-register-btn:active{transform:scale(.95)}.nav-login-btn{color:var(--foreground);border-radius:var(--radius-full);background:var(--surface-hover);height:34px;transition:background .16s var(--ease-out), transform .16s var(--ease-out);border:none;align-items:center;padding:.4rem .85rem;font-size:.8rem;font-weight:600;display:flex}.nav-login-btn:active{background:var(--surface-active);transform:scale(.95)}.nav-user-btn{color:var(--subtext);border-radius:var(--radius-full);background:var(--surface-hover);height:34px;transition:background .16s var(--ease-out), transform .16s var(--ease-out);border:none;align-items:center;padding:.4rem .85rem;font-size:.8rem;font-weight:600;display:flex}.nav-user-btn:active{background:var(--surface-active);transform:scale(.95)}@media (min-width:769px){.nav-content{min-height:60px;padding:0 2rem}.logo{font-size:1.2rem}.nav-back{width:40px;height:40px;font-size:1.2rem}.nav-register-btn,.nav-login-btn,.nav-user-btn{height:38px;padding:.5rem 1.1rem;font-size:.85rem}}@media (min-width:769px) and (hover:hover) and (pointer:fine){.nav-back:hover{background:var(--surface-hover)}.nav-register-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px #ff464938,0 12px 28px #ff464942}.nav-login-btn:hover,.nav-user-btn:hover{background:var(--surface-active)}}