@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap";:root{--primary: #0ea5e9;--primary-dark: #0369a1;--primary-light: #e0f2fe;--accent: #f59e0b;--accent-dark: #b45309;--bg: #f0f9ff;--surface: #ffffff;--surface-2: #f8fafc;--border: #e2e8f0;--text-primary: #0f172a;--text-secondary:#475569;--text-muted: #94a3b8;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow: 0 4px 16px rgba(14,165,233,.12), 0 2px 8px rgba(0,0,0,.06);--shadow-lg: 0 12px 40px rgba(14,165,233,.18), 0 4px 16px rgba(0,0,0,.08);--ease: cubic-bezier(.4,0,.2,1);--dur: .2s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:Noto Sans KR,-apple-system,sans-serif;background:var(--bg);color:var(--text-primary);line-height:1.6;min-height:100dvh;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none}input,select,textarea{font-family:inherit}.app-shell{display:flex;flex-direction:column;min-height:100dvh;max-width:480px;margin:0 auto;background:var(--surface);box-shadow:0 0 0 1px var(--border)}@media (min-width: 768px){body{background:linear-gradient(135deg,#e0f2fe,#f0fdf4)}}.app-header{position:sticky;top:0;z-index:100;background:var(--surface);border-bottom:1px solid var(--border);padding:0 16px;height:56px;display:flex;align-items:center;gap:12px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.app-header .logo{font-size:1.1rem;font-weight:700;color:var(--primary-dark);display:flex;align-items:center;gap:6px;flex:1}.app-header .logo span{color:var(--accent)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--surface);border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(4,1fr);z-index:100;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;padding:8px 4px;gap:3px;font-size:.65rem;font-weight:500;color:var(--text-muted);transition:color var(--dur) var(--ease)}.bottom-nav a.active,.bottom-nav a:hover{color:var(--primary)}.bottom-nav a svg{width:22px;height:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius);font-size:.95rem;font-weight:600;transition:all var(--dur) var(--ease);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 12px #0ea5e959}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0ea5e973}.btn-primary:active{transform:translateY(0)}.btn-outline{background:transparent;border:1.5px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary-light)}.btn-full{width:100%;border-radius:var(--radius-lg)}.btn-kakao{background:#fee500;color:#191919}.btn-naver{background:#03c75a;color:#fff}.btn-google{background:#fff;color:#333;border:1.5px solid var(--border)}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.card-p{padding:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.form-input{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;background:var(--surface-2);color:var(--text-primary);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);outline:none}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0ea5e926;background:#fff}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.3px}.badge-success{background:#dcfce7;color:#15803d}.badge-warning{background:#fef9c3;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1d4ed8}.badge-muted{background:var(--border);color:var(--text-muted)}.section-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:12px}.page-content{flex:1;padding:16px;padding-bottom:calc(70px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}#toast-container{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;width:90%;max-width:400px}.toast{padding:12px 16px;border-radius:var(--radius-sm);background:var(--text-primary);color:#fff;font-size:.9rem;font-weight:500;box-shadow:var(--shadow-lg);animation:slideUp .25s var(--ease),fadeOut .3s var(--ease) 2.7s forwards}.toast.success{background:var(--success)}.toast.error{background:var(--danger)}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fadeOut{to{opacity:0;transform:translateY(-8px)}}.spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--border) 25%,#f1f5f9 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.text-center{text-align:center}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.flex{display:flex}.items-center{align-items:center}.gap-8{gap:8px}.gap-12{gap:12px}.flex-col{flex-direction:column}.w-full{width:100%}.hidden{display:none!important}