:root{--primary: #3182F6;--primary-hover: #1B64DA;--primary-light: #EBF4FF;--bg-color: #F8F9FA;--card-bg: #FFFFFF;--text-main: #191F28;--text-sub: #4E5968;--text-muted: #8B95A1;--border-color: #E5E8EB;--danger: #F04452;--danger-light: #FEECEE;--success: #03B26C;--success-light: #E6F8F0;--warning: #FF9F0A;--font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-family);background-color:#edf0f4;color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;justify-content:center;transition:background .3s ease}body.phone-mode-active{background:radial-gradient(circle at 50% 20%,#e2e8f0,#cbd5e1);padding:24px 0}#root{width:100%;max-width:480px;min-height:100vh;background-color:var(--bg-color);box-shadow:0 0 30px #00000014;display:flex;flex-direction:column;position:relative;overflow-x:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)}body.phone-mode-active #root{max-width:416px;height:860px;max-height:94vh;min-height:800px;border:12px solid #1E293B;border-radius:50px;box-shadow:0 25px 65px -15px #0f172a66,0 0 0 1px #ffffff40,inset 0 0 0 2px #ffffff14;overflow-y:auto;overflow-x:hidden;margin:auto}.phone-mode-toggle-btn{position:fixed;top:14px;right:14px;z-index:99990;background:#fff;color:#191f28;border:1.5px solid #E5E8EB;padding:7px 14px;border-radius:24px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:6px;box-shadow:0 4px 16px #00000014;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.phone-mode-toggle-btn:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.phone-mode-toggle-btn.active{background:#1e293b;color:#fff;border-color:#1e293b;box-shadow:0 4px 16px #1e293b59}.phone-dynamic-island{position:sticky;top:8px;margin:0 auto -28px;width:110px;height:28px;background:#000;border-radius:20px;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 10px;box-shadow:0 4px 10px #0000004d}.dynamic-island-lens{width:9px;height:9px;background:#111827;border:1px solid #374151;border-radius:50%}.dynamic-island-sensor{width:6px;height:6px;background:#1e3a8a;opacity:.8;border-radius:50%}.phone-home-indicator{position:sticky;bottom:6px;margin:-14px auto 0;width:130px;height:5px;background:#111827;border-radius:10px;z-index:99;opacity:.55;pointer-events:none}body.phone-mode-active .fixed-bottom-cta{max-width:392px;bottom:74px}body.phone-mode-active .bottom-tab-bar{max-width:392px;bottom:12px;border-bottom-left-radius:38px;border-bottom-right-radius:38px}body.phone-mode-active .app-header{border-top-left-radius:38px;border-top-right-radius:38px;padding-top:26px}@media (max-width: 480px){body.phone-mode-active{padding:0!important}body.phone-mode-active #root{border:none!important;border-radius:0!important;height:100vh!important;max-height:100vh!important;max-width:100vw!important;box-shadow:none!important}body.phone-mode-active .phone-dynamic-island,body.phone-mode-active .phone-home-indicator{display:none!important}body.phone-mode-active .fixed-bottom-cta{max-width:100%!important;bottom:64px!important}body.phone-mode-active .bottom-tab-bar{max-width:100%!important;bottom:0!important;border-radius:0!important}}.app-header{position:sticky;top:0;z-index:50;background:#ffffffe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(229,232,235,.7)}.header-title{font-size:17px;font-weight:700;color:var(--text-main);letter-spacing:-.4px}.header-badge{font-size:11px;font-weight:700;background:var(--primary-light);color:var(--primary);padding:4px 8px;border-radius:12px}.main-content{flex:1;padding:18px 18px 120px;overflow-y:auto}.toss-card{background:var(--card-bg);border-radius:20px;padding:20px;margin-bottom:16px;box-shadow:0 4px 16px #00000008;border:1px solid var(--border-color);position:relative;transition:transform .15s ease,box-shadow .15s ease}.toss-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.card-label{font-size:12px;font-weight:700;color:var(--primary);margin-bottom:6px;letter-spacing:-.2px}.card-title{font-size:19px;font-weight:800;color:var(--text-main);margin-bottom:8px;letter-spacing:-.5px}.card-desc{font-size:14px;color:var(--text-sub);line-height:1.5}.fixed-bottom-cta{position:fixed;bottom:64px;left:50%;transform:translate(-50%);width:100%;max-width:480px;padding:0 16px 8px;z-index:40;pointer-events:none}.btn-cta{width:100%;height:54px;background:var(--primary);color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;pointer-events:auto;box-shadow:0 8px 20px #3182f659;transition:background .15s ease,transform .1s ease}.btn-cta:hover{background:var(--primary-hover)}.btn-cta:active{transform:scale(.98)}.btn-cta:disabled{background:#d1d5db;color:#9ca3af;box-shadow:none;cursor:not-allowed}.bottom-tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:64px;background:#fff;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-around;z-index:45;box-shadow:0 -2px 10px #00000008}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;background:none;border:none;position:relative;transition:color .15s ease}.tab-item.active{color:var(--primary);font-weight:700}.tab-icon{font-size:20px;margin-bottom:2px}.tab-badge{position:absolute;top:8px;right:calc(50% - 18px);background:var(--danger);color:#fff;font-size:10px;font-weight:800;padding:1px 5px;border-radius:10px;line-height:1.2}[data-serial-id]{position:relative}