:root{color-scheme:light;font-family:Pretendard,Noto Sans KR,Segoe UI,sans-serif;--bg: #f4f5f7;--ink: #14161a;--muted: #6b7280;--line: #e6e8ed;--card: #ffffff;--accent: #171a23;--accent-2: #ff7a3d;--shadow: 0 16px 36px rgba(17, 24, 39, .08)}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 15% 0%,#ffe9d8,#ffe9d800 35%),radial-gradient(circle at 100% 10%,#dfe9ff,#dfe9ff00 38%),var(--bg);color:var(--ink)}button{font:inherit}#root{min-height:100vh;display:grid;place-items:center;padding:18px 14px}.mobile-shell{width:min(100%,420px);min-height:min(880px,calc(100vh - 28px));background:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.9);border-radius:28px;box-shadow:0 28px 70px #14161a1f;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 12px;background:#ffffffb8;border-bottom:1px solid rgba(230,232,237,.75)}.brand-lockup{display:inline-flex;align-items:center;gap:8px;font-size:.95rem;letter-spacing:.02em}.brand-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#ff7a3d,#ffb585);box-shadow:0 0 0 4px #ff7a3d26}.icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#ffffffd9;display:grid;place-items:center;color:#222733;font-size:1.25rem;cursor:pointer;transition:transform .15s ease}.icon-btn:active{transform:scale(.97)}.mobile-main{overflow:auto;padding:14px 14px 20px;display:grid;gap:14px;align-content:start}.hero-card{background:radial-gradient(circle at 90% 10%,rgba(255,170,120,.45),transparent 38%),linear-gradient(180deg,#232733,#181b24);color:#fff;border-radius:22px;padding:18px;box-shadow:var(--shadow);display:grid;gap:12px}.badge{width:fit-content;font-size:.74rem;font-weight:700;color:#242833;background:#fff;border-radius:999px;padding:6px 10px}.badge.muted{background:#eef0f5;color:#4a5363}.hero-card h1{font-size:1.35rem;line-height:1.35;letter-spacing:-.02em}.hero-copy{color:#fffc;font-size:.9rem;line-height:1.45}.hero-actions{display:flex;gap:8px}.solid-btn,.ghost-btn{border-radius:12px;padding:11px 14px;border:1px solid transparent;font-weight:600;cursor:pointer}.solid-btn{background:var(--accent-2);color:#fff}.ghost-btn{background:#ffffff14;color:#fff;border-color:#ffffff26}.solid-btn.full{width:100%}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-metrics div{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px;display:grid;gap:2px}.hero-metrics strong{font-size:1rem}.hero-metrics span{font-size:.7rem;color:#ffffffad}.section-block{background:#ffffffc7;border:1px solid rgba(230,232,237,.9);border-radius:20px;padding:14px;display:grid;gap:12px}.section-block.promo{background:radial-gradient(circle at 100% 0%,rgba(255,122,61,.16),transparent 45%),#ffffffd1}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-head h2{font-size:1rem;letter-spacing:-.02em}.section-head button{border:0;background:transparent;color:#697386;font-size:.82rem;cursor:pointer}.chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.chip{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#2f3642;cursor:pointer}.chip i{font-size:1rem}.chip.active{border-color:#ffd9c7;background:#fff3eb;color:#bd5220}.meet-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 20px #1118270a}.meet-card+.meet-card{margin-top:10px}.meet-cover{height:90px;padding:14px;display:flex;align-items:flex-start;justify-content:space-between;color:#fff}.meet-cover span{font-size:.74rem;font-weight:700;letter-spacing:.08em}.meet-cover i{font-size:1.7rem;opacity:.9}.meet-cover.warm{background:linear-gradient(135deg,#ff8a4b,#ffb36b)}.meet-cover.cool{background:linear-gradient(135deg,#5a77ff,#86c3ff)}.meet-body{padding:12px 14px 14px;display:grid;gap:8px}.meet-tag{color:var(--muted);font-size:.78rem}.meet-body h3{font-size:1rem;line-height:1.35;letter-spacing:-.02em}.meet-desc{color:#5f6775;font-size:.84rem;line-height:1.45}.meet-meta{display:flex;flex-wrap:wrap;gap:8px}.meet-meta span{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;color:#465062;background:#f5f7fa;border-radius:999px;padding:5px 8px}.promo h2{font-size:1.05rem;line-height:1.35;letter-spacing:-.02em;margin:6px 0}.promo p:last-of-type{font-size:.86rem;color:#5f6775;line-height:1.45}.bottom-nav{border-top:1px solid rgba(230,232,237,.9);background:#ffffffd6;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 8px calc(8px + env(safe-area-inset-bottom));gap:4px}.nav-item{border:0;background:transparent;border-radius:12px;padding:8px 4px;display:grid;justify-items:center;gap:2px;color:#7a8190;cursor:pointer}.nav-item i{font-size:1.2rem}.nav-item span{font-size:.72rem}.nav-item.active{color:#1f2530;background:#f1f3f7}@media (min-width: 721px){#root{padding:30px}}