:root{--primary:#121212;--primary-rgb:18, 18, 18;--accent:#ff3b30;--accent-rgb:255, 59, 48;--secondary:#fff;--bg-dark:#f5f5f7;--bg-card:#fff;--bg-card-rgb:255, 255, 255;--text-muted:#86868b;--text-light:#1d1d1f;--border-light:#0000000f;--border-active:#00000026;--success:#34c759;--warning:#ff9500;--error:#ff3b30;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans:"Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif}.dark-theme{--primary:#fff;--primary-rgb:255, 255, 255;--accent:#e50914;--accent-rgb:229, 9, 20;--secondary:#121212;--bg-dark:#0a0a0a;--bg-card:#141414;--bg-card-rgb:20, 20, 20;--text-muted:#8e8e93;--text-light:#fff;--border-light:#ffffff14;--border-active:#ffffff4d}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-light);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgba(var(--primary-rgb), .15);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary-rgb), .3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulseBorder{0%{box-shadow:0 0 0 0 rgba(var(--primary-rgb), .4)}70%{box-shadow:0 0 0 6px rgba(var(--primary-rgb), 0)}to{box-shadow:0 0 0 0 rgba(var(--primary-rgb), 0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-slide-up{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp}.text-gradient{background:linear-gradient(135deg, var(--primary) 0%, var(--text-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.premium-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.premium-card:active,.premium-card:hover{border-color:var(--border-active);transform:translateY(-2px)}.glassmorphism{background:rgba(var(--bg-card-rgb), .75);-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border-light)}.btn-primary{background-color:var(--primary);color:var(--secondary);font-family:var(--font-display);cursor:pointer;border:none;border-radius:30px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:15px;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary:active{opacity:.9;transform:scale(.97)}.btn-secondary{color:var(--primary);border:1px solid var(--border-light);font-family:var(--font-display);cursor:pointer;background-color:#0000;border-radius:30px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:active{border-color:var(--border-active);transform:scale(.97)}.app-wrapper{background:radial-gradient(circle at 0 0,#f3f3f5 0%,#d8d8e0 100%);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:20px;display:flex}.mobile-viewport{width:100%;max-width:440px;height:calc(var(--app-height,100vh) - 40px);background-color:var(--bg-dark);border:1px solid #0000000f;border-radius:36px;flex-direction:column;min-height:720px;max-height:900px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px -10px #00000014,0 0 0 10px #00000005,0 0 0 12px #00000008}.phone-notch{z-index:1000;background:#000;border-bottom-right-radius:18px;border-bottom-left-radius:18px;justify-content:center;align-items:center;width:140px;height:28px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-notch:before{content:"";background:#222;border-radius:2px;width:50px;height:4px}.phone-notch:after{content:"";background:#111;border-radius:50%;width:6px;height:6px;position:absolute;right:25px;box-shadow:0 0 2px #0f0}@media (width<=480px){.app-wrapper{background:var(--bg-dark);padding:0}.mobile-viewport{max-width:100%;height:var(--app-height,100vh);max-height:none;min-height:none;box-shadow:none;border:none;border-radius:0}.phone-notch{display:none}}.page-content{scroll-behavior:smooth;background-color:var(--bg-dark);flex:1;padding-bottom:80px;position:relative;overflow-y:auto}.no-nav .page-content{padding-bottom:0}.horizontal-swiper{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:16px;padding:10px 20px 20px;display:flex;overflow-x:auto}.horizontal-swiper::-webkit-scrollbar{display:none}.swiper-slide{scroll-snap-align:center;flex:0 0 82%}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.modal-content{background:var(--bg-card);border-top:1px solid var(--border-light);border-top-left-radius:28px;border-top-right-radius:28px;width:100%;max-height:85%;padding:24px;animation:.35s cubic-bezier(.16,1,.3,1) forwards slideUp;overflow-y:auto;box-shadow:0 -10px 30px #0000000d}.shimmer{background:linear-gradient(90deg,#e5e5e7 25%,#f5f5f7 50%,#e5e5e7 75%) 0 0/200% 100%;animation:1.5s linear infinite shimmer}