:root{--bg-primary:#0a0a1a;--bg-secondary:#12122a;--bg-card:#ffffff0d;--bg-card-hover:#ffffff14;--bg-glass:#ffffff0f;--border-glass:#ffffff1a;--text-primary:#e8e8f0;--text-secondary:#9898b8;--text-muted:#6868a0;--accent-primary:#7c5cfc;--accent-secondary:#a78bfa;--accent-glow:#7c5cfc4d;--gradient-hero:linear-gradient(135deg, #7c5cfc 0%, #e040fb 50%, #ff6090 100%);--gradient-card:linear-gradient(145deg, #7c5cfc26 0%, #e040fb14 100%);--gradient-bg:radial-gradient(ellipse at 50% 0%, #7c5cfc26 0%, transparent 60%);--el-wood:#4ade80;--el-fire:#f87171;--el-earth:#fbbf24;--el-metal:#e2e8f0;--el-water:#60a5fa;--font-sans:"Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Noto Serif KR", serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-card:0 4px 24px #0000004d;--shadow-glow:0 0 40px var(--accent-glow);--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--max-width:800px;--header-height:64px}html[data-design-set=LOTUS]{--bg-primary:#101017;--bg-secondary:#181824;--bg-card:#ffffff0f;--bg-card-hover:#ffffff17;--bg-glass:#ffffff12;--border-glass:#ffffff21;--text-primary:#f4eef8;--text-secondary:#c6b9d3;--text-muted:#8d7f9e;--accent-primary:#e15a97;--accent-secondary:#f0a456;--accent-glow:#e15a9742;--gradient-hero:linear-gradient(135deg, #e15a97 0%, #f0a456 52%, #65c6a6 100%);--gradient-card:linear-gradient(145deg, #e15a9729 0%, #65c6a614 100%);--gradient-bg:radial-gradient(ellipse at 50% 0%, #e15a9721 0%, transparent 62%)}html[data-design-set=TOSS_STAR]{--bg-primary:#f7f9fc;--bg-secondary:#fff;--bg-card:#ffffffe0;--bg-card-hover:#fff;--bg-glass:#ffffffd1;--border-glass:#191f2814;--text-primary:#191f28;--text-secondary:#4e5968;--text-muted:#8b95a1;--accent-primary:#3182f6;--accent-secondary:#ffb545;--accent-glow:#3182f62e;--gradient-hero:linear-gradient(135deg, #3182f6 0%, #57a5ff 48%, #ffbf47 100%);--gradient-card:linear-gradient(145deg, #3182f61f 0%, #ffbf471f 100%);--gradient-bg:radial-gradient(ellipse at 18% 0%, #3182f61a 0%, transparent 34%), linear-gradient(180deg, #fff 0%, #f7f9fc 42%, #f2f6fb 100%);--shadow-card:0 18px 50px #212b3614;--shadow-glow:0 14px 32px #3182f62e}html[data-design-set=SUNRISE]{--bg-primary:#11141a;--bg-secondary:#1a2028;--bg-card:#ffffff0e;--bg-card-hover:#ffffff16;--bg-glass:#fff1;--border-glass:#ffffff1f;--text-primary:#f3f6f4;--text-secondary:#bbc8c7;--text-muted:#839396;--accent-primary:#ff8f5a;--accent-secondary:#48c7b8;--accent-glow:#ff8f5a3d;--gradient-hero:linear-gradient(135deg, #ff8f5a 0%, #f4c45c 48%, #48c7b8 100%);--gradient-card:linear-gradient(145deg, #ff8f5a26 0%, #48c7b814 100%);--gradient-bg:radial-gradient(ellipse at 50% 0%, #f4c45c21 0%, transparent 62%)}html[data-design-set=MONO]{--bg-primary:#0d0f12;--bg-secondary:#171a1f;--bg-card:#ffffff0d;--bg-card-hover:#ffffff14;--bg-glass:#ffffff0f;--border-glass:#ffffff1c;--text-primary:#f1f2f4;--text-secondary:#b8bec7;--text-muted:#7f8791;--accent-primary:#e6edf3;--accent-secondary:#8fb7ff;--accent-glow:#8fb7ff33;--gradient-hero:linear-gradient(135deg, #e6edf3 0%, #8fb7ff 48%, #61d3b5 100%);--gradient-card:linear-gradient(145deg, #e6edf31f 0%, #61d3b512 100%);--gradient-bg:radial-gradient(ellipse at 50% 0%, #8fb7ff1c 0%, transparent 62%)}html[data-design-set=TOSS_STAR] *{scrollbar-color:#3182f66b #191f280f}html[data-design-set=TOSS_STAR] ::-webkit-scrollbar-track{background:#191f280a}html[data-design-set=TOSS_STAR] ::-webkit-scrollbar-thumb{background:#3182f65c}html[data-design-set=TOSS_STAR] ::-webkit-scrollbar-thumb:hover{background:#3182f68a}*{scrollbar-width:thin;scrollbar-color:#ffffff26 #ffffff08}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff08;border-radius:999px}::-webkit-scrollbar-thumb{background:#ffffff26 padding-box padding-box;border:1px solid #0000;border-radius:999px;transition:background .15s}::-webkit-scrollbar-thumb:hover{background:#ffffff47 padding-box padding-box;border:1px solid #0000}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-primary);background-image:var(--gradient-bg);color:var(--text-primary);background-attachment:fixed;min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select{font-family:inherit;font-size:1rem}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.gradient-text{background:var(--gradient-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--gradient-hero);color:#fff;border-radius:var(--radius-full);transition:transform var(--transition-fast), box-shadow var(--transition-fast);box-shadow:var(--shadow-glow);min-height:48px;font-size:1.1rem;font-weight:600;display:inline-flex}.btn-primary:hover{box-shadow:0 0 60px var(--accent-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--bg-card);color:var(--text-primary);border-radius:var(--radius-full);border:1px solid var(--border-glass);transition:background var(--transition-fast);min-height:48px;font-size:1rem;font-weight:500;display:inline-flex}.btn-secondary:hover{background:var(--bg-card-hover)}.form-group{gap:var(--space-sm);flex-direction:column;display:flex}.form-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.form-input{width:100%;padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--transition-fast);min-height:48px;font-size:1rem}.form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.form-input::placeholder{color:var(--text-muted)}@media (max-width:768px){:root{--max-width:100%}.container{padding:0 var(--space-md)}}:root{--bg-primary:#f1f4f8;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-glass:#fff;--border-glass:#191f2814;--text-primary:#191f28;--text-secondary:#4e5968;--text-muted:#8b95a1;--accent-primary:#3182f6;--accent-secondary:#ffb545;--accent-glow:#3182f62e;--gradient-hero:linear-gradient(135deg, #3182f6 0%, #57a5ff 48%, #ffbf47 100%);--gradient-card:linear-gradient(145deg, #3182f614 0%, #ffb5451a 100%);--gradient-bg:linear-gradient(180deg, #f7f9fc 0%, #eef2f7 100%);--max-width:430px;--header-height:96px;--shadow-card:0 12px 28px #191f2814;--shadow-glow:0 14px 32px #3182f629}html,body{color:var(--text-primary);background:#eef2f7;overflow-x:hidden}body{background-image:linear-gradient(90deg,#191f280d 0 1px,#0000 1px calc(50% - 215px),#191f280d calc(50% - 215px) calc(50% - 214px),#0000 calc(50% - 214px) calc(50% + 214px),#191f280d calc(50% + 214px) calc(50% + 215px),#0000 calc(50% + 215px)),linear-gradient(#f7f9fc 0%,#eef2f7 100%);background-attachment:fixed}body>:is(main,footer),body>div:not([style]){width:min(100%,430px)!important;max-width:430px!important;margin-left:auto!important;margin-right:auto!important}body>main{min-height:100vh;padding-left:1rem!important;padding-right:1rem!important}body>header{filter:none!important;-webkit-backdrop-filter:none!important;color:#191f28!important;background:#fffffff5!important;border-color:#191f2814!important;width:min(100%,430px)!important;max-width:430px!important;margin-left:auto!important;margin-right:auto!important;left:0!important;right:0!important;transform:none!important;box-shadow:0 8px 24px #191f280f!important}body>footer{background:#fff!important;border-color:#191f2814!important}body :where(input,select,textarea){color:#191f28!important;background:#fff!important;border-color:#191f281f!important}body :where(input,select,textarea)::placeholder{color:#8b95a1!important}body :where([class*=card],[class*=Card],[class*=shell],[class*=Shell],[class*=panel],[class*=Panel],[class*=box],[class*=Box],[class*=item],[class*=Item],[class*=form],[class*=Form]){border-color:#191f2814}body>main :where([class*=card],[class*=Card],[class*=shell],[class*=Shell],[class*=panel],[class*=Panel]){color:#191f28;background-color:#fff;box-shadow:0 12px 28px #191f2812}body :where([style*="max-width: 1120px"],[style*="max-width: 860px"],[style*="max-width: 720px"],[style*="max-width: 640px"],[style*="max-width: 560px"],[style*="max-width: 540px"],[style*="max-width: 520px"],[style*="max-width: 480px"]){max-width:430px!important}body :where([style*="rgba(13, 8, 28"],[style*="rgba(18, 12, 28"],[style*="rgba(0,0,0"],[style*="rgba(255,255,255,0.02"],[style*="rgba(255, 255, 255, 0.02"]){color:#191f28!important;background:#fff!important;border-color:#191f2814!important}body :where([style*="WebkitTextFillColor: transparent"],[style*="-webkit-text-fill-color: transparent"]){-webkit-text-fill-color:#191f28!important;background:0 0!important}@media (min-width:431px){body>:is(main,footer),body>div:not([style]){border-left:1px solid #191f2814;border-right:1px solid #191f2814}}