:root{--bg: #fff6ea;--surface: #ffffff;--surface-2: #fffbf5;--ink: #2b2622;--ink-2: #5a514a;--muted: #8f8378;--line: #f1e5d6;--line-2: #e6d6c3;--accent: #ff7a2f;--accent-ink: #c2510f;--accent-soft: #ffe9d8;--mint: #2fbf9a;--mint-soft: #dcf5ee;--danger: #e5484d;--danger-soft: #fde8e9;--shadow: 0 6px 20px rgba(120, 80, 40, .08);--shadow-sm: 0 2px 8px rgba(120, 80, 40, .06);--r-lg: 22px;--r-md: 16px;--r-sm: 12px;--tabbar-h: 64px;--font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Noto Sans KR", sans-serif;--cat-drink: #9b5de5;--cat-drink-soft: #f1e8fc;--cat-run: #ff7a2f;--cat-run-soft: #ffe9d8;--cat-hike: #22a06b;--cat-hike-soft: #dcf5e8;--cat-golf: #1aa3dd;--cat-golf-soft: #dff3fc;--cat-etc: #8f8378;--cat-etc-soft: #f1ebe3}*{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);font-size:16px;line-height:1.5;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;overflow-x:hidden}#root{overflow-x:clip}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}img{display:block;max-width:100%}textarea{resize:vertical}::selection{background:var(--accent-soft)}#root{min-height:100dvh}.app{max-width:560px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.page{flex:1;padding:0 16px calc(var(--tabbar-h) + 24px + env(safe-area-inset-bottom))}.page.no-tab{padding-bottom:32px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.topbar h1{font-size:22px;font-weight:800;letter-spacing:-.3px;flex:1}.topbar .back{width:40px;height:40px;margin-left:-8px;border-radius:50%;display:grid;place-items:center;font-size:22px}.topbar .back:active{background:var(--accent-soft)}.topbar-actions{display:flex;gap:6px;align-items:center}.icon-btn{position:relative;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--ink-2);font-size:20px}.icon-btn:active{background:var(--accent-soft)}.icon-btn .dot{position:absolute;top:7px;right:7px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line);display:flex;justify-content:center}.tabbar-inner{width:100%;max-width:560px;display:grid;grid-template-columns:repeat(5,1fr)}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);font-size:11px;font-weight:600;position:relative}.tab .ico{font-size:22px;line-height:1;transition:transform .15s}.tab.active{color:var(--accent-ink)}.tab.active .ico{transform:translateY(-2px) scale(1.08)}.tab .dot{position:absolute;top:8px;left:calc(50% + 8px);min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center}.section{margin-top:20px}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.section-head h2{font-size:17px;font-weight:800;letter-spacing:-.2px}.section-head .more{color:var(--muted);font-size:13px;font-weight:600}.card{background:var(--surface);border-radius:var(--r-lg);padding:16px;box-shadow:var(--shadow-sm);border:1px solid var(--line)}.card+.card{margin-top:10px}.card.tap:active{transform:scale(.99);background:var(--surface-2)}.card-row{display:flex;gap:12px;align-items:flex-start}.card-title{font-size:16px;font-weight:700;letter-spacing:-.2px;line-height:1.35}.card-sub{color:var(--muted);font-size:13px;margin-top:4px}.card-foot{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:10px}.row{display:flex;align-items:center;gap:8px}.row.between{justify-content:space-between}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:12px}.bold{font-weight:700}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pre{white-space:pre-wrap;word-break:break-word}.divider{height:1px;background:var(--line);margin:12px 0}.chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2);white-space:nowrap}.chip.cat-drink{background:var(--cat-drink-soft);color:var(--cat-drink);border-color:transparent}.chip.cat-run{background:var(--cat-run-soft);color:var(--cat-run);border-color:transparent}.chip.cat-hike{background:var(--cat-hike-soft);color:var(--cat-hike);border-color:transparent}.chip.cat-golf{background:var(--cat-golf-soft);color:var(--cat-golf);border-color:transparent}.chip.cat-etc{background:var(--cat-etc-soft);color:var(--cat-etc);border-color:transparent}.chip.ok{background:var(--mint-soft);color:#1b8a6d;border-color:transparent}.chip.warn{background:var(--accent-soft);color:var(--accent-ink);border-color:transparent}.chip.off{background:#efece8;color:var(--muted);border-color:transparent}.chip.danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.chip.pick{padding:8px 14px;font-size:14px}.chip.pick.on{background:var(--ink);color:#fff;border-color:var(--ink)}.chips{display:flex;flex-wrap:wrap;gap:8px;padding:2px 0 6px}.chip.pick{flex-shrink:0}.cat-ico{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:22px;flex-shrink:0}.cat-ico.cat-drink{background:var(--cat-drink-soft)}.cat-ico.cat-run{background:var(--cat-run-soft)}.cat-ico.cat-hike{background:var(--cat-hike-soft)}.cat-ico.cat-golf{background:var(--cat-golf-soft)}.cat-ico.cat-etc{background:var(--cat-etc-soft)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-weight:800;font-size:14px;display:grid;place-items:center;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.lg{width:64px;height:64px;font-size:24px}.avatar.sm{width:28px;height:28px;font-size:12px}.avatars{display:flex}.avatars .avatar{margin-left:-8px;border:2px solid var(--surface)}.avatars .avatar:first-child{margin-left:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:48px;padding:0 20px;border-radius:14px;font-weight:700;font-size:15px;letter-spacing:-.1px;background:var(--surface-2);color:var(--ink);border:1px solid var(--line-2);transition:transform .08s,background .12s;user-select:none;-webkit-user-select:none}.btn:active{transform:scale(.98)}.btn.primary{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 6px 16px #ff7a2f47}.btn.mint{background:var(--mint);color:#fff;border-color:transparent}.btn.dark{background:var(--ink);color:#fff;border-color:transparent}.btn.danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.btn.ghost{background:transparent;border-color:transparent;color:var(--ink-2)}.btn.sm{height:36px;padding:0 14px;font-size:13px;border-radius:11px}.btn.block{width:100%}.btn:disabled{opacity:.45;pointer-events:none}.btn-row{display:flex;gap:8px}.btn-row .btn{flex:1}.fab{position:fixed;right:max(16px,calc(50% - 264px));bottom:calc(var(--tabbar-h) + 16px + env(safe-area-inset-bottom));z-index:15;width:56px;height:56px;border-radius:18px;background:var(--accent);color:#fff;font-size:28px;display:grid;place-items:center;box-shadow:0 10px 24px #ff7a2f59}.fab:active{transform:scale(.95)}.field{display:flex;flex-direction:column;gap:6px;margin-top:14px}.field label{font-size:13px;font-weight:700;color:var(--ink-2)}.field .hint{font-size:12px;color:var(--muted)}.input,.textarea,.select{width:100%;border:1.5px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);padding:12px 14px;font-size:16px;outline:none;transition:border-color .12s}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent)}.input,.textarea,.select{min-width:0;max-width:100%}.grid-2>*{min-width:0}@media (max-width: 430px){.grid-2.dt{grid-template-columns:1fr;gap:0}}.row>.btn{flex-shrink:0;white-space:nowrap}.textarea{min-height:110px}.input.err{border-color:var(--danger)}.field-err{color:var(--danger);font-size:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.empty{text-align:center;padding:48px 16px;color:var(--muted)}.empty .big{font-size:44px;margin-bottom:10px}.empty .title{font-weight:700;color:var(--ink-2);font-size:15px}.empty p{font-size:13px;margin-top:4px}.notice{padding:12px 14px;border-radius:var(--r-sm);font-size:13px;line-height:1.5}.notice.info{background:var(--mint-soft);color:#1b6f58}.notice.warn{background:var(--accent-soft);color:var(--accent-ink)}.notice.err{background:var(--danger-soft);color:var(--danger)}.skeleton{background:linear-gradient(90deg,#f3ece3 25%,#faf5ee,#f3ece3 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:var(--r-md);height:84px}.skeleton+.skeleton{margin-top:10px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{width:22px;height:22px;border:3px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center{display:grid;place-items:center;padding:40px 0}.toast{position:fixed;left:50%;bottom:calc(var(--tabbar-h) + 20px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:50;background:var(--ink);color:#fff;padding:10px 16px;border-radius:12px;font-size:14px;font-weight:600;box-shadow:var(--shadow);max-width:calc(100% - 32px);animation:pop .18s ease-out}.toast.err{background:var(--danger)}@keyframes pop{0%{opacity:0;transform:translate(-50%) translateY(8px)}}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b262259;z-index:40;display:flex;align-items:flex-end;justify-content:center;animation:fade .15s}.sheet{width:100%;max-width:560px;background:var(--surface);border-radius:24px 24px 0 0;padding:12px 20px calc(20px + env(safe-area-inset-bottom));animation:up .2s ease-out;max-height:88dvh;overflow-y:auto}.sheet .grip{width:40px;height:4px;border-radius:2px;background:var(--line-2);margin:0 auto 14px}.sheet h3{font-size:18px;font-weight:800;margin-bottom:8px}@keyframes fade{0%{opacity:0}}@keyframes up{0%{transform:translateY(30px)}}.hero{background:linear-gradient(135deg,#ffd9b8,#ffe9d8 60%,#fff6ea);border-radius:var(--r-lg);padding:18px;margin-top:8px;display:flex;align-items:center;gap:14px}.hero img{width:64px;height:64px}.hero .hi{font-size:18px;font-weight:800;letter-spacing:-.3px}.hero .sub{font-size:13px;color:var(--ink-2);margin-top:2px}.notice-card{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:14px 16px}.notice-card .tag{font-size:11px;font-weight:800;color:#ffb27a;letter-spacing:.5px}.notice-card .t{font-weight:700;margin-top:4px}.ev-date{font-size:12px;font-weight:700;color:var(--accent-ink)}.roster-lock{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--r-md);background:var(--surface-2);border:1px dashed var(--line-2);color:var(--muted);font-size:13px}.count-pill{display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:13px}.count-pill .n{font-size:16px}.member-row{display:flex;align-items:center;gap:10px;padding:8px 0}.member-row+.member-row{border-top:1px solid var(--line)}.progress{height:6px;border-radius:3px;background:var(--line);overflow:hidden}.progress>i{display:block;height:100%;background:var(--mint);border-radius:3px;transition:width .3s}.progress.warn>i{background:var(--accent)}.detail-kv{display:grid;grid-template-columns:72px 1fr;gap:8px 10px;font-size:14px}.detail-kv dt{color:var(--muted);font-weight:600}.detail-kv dd{margin:0}.chat-page{position:fixed;top:0;right:0;bottom:0;left:0;margin:0 auto;max-width:560px;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.has-banner .chat-page{top:28px}body.lock{overflow:hidden}.chat-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.chat-list{flex:1;overflow-y:auto;padding:10px 16px;display:flex;flex-direction:column;gap:6px}.msg{display:flex;gap:8px;align-items:flex-end;max-width:85%}.msg.mine{align-self:flex-end;flex-direction:row-reverse}.msg .bubble{background:var(--surface);border:1px solid var(--line);border-radius:18px 18px 18px 6px;padding:9px 13px;font-size:15px;line-height:1.45;word-break:break-word;white-space:pre-wrap}.msg.mine .bubble{background:var(--accent);color:#fff;border-color:transparent;border-radius:18px 18px 6px}.msg .meta{font-size:10px;color:var(--muted);white-space:nowrap}.msg .name{font-size:12px;font-weight:700;color:var(--ink-2);margin:0 0 3px 4px}.msg.sys{align-self:center;max-width:92%}.msg.sys .bubble{background:var(--surface-2);border-style:dashed;border-radius:14px;font-size:13px;color:var(--ink-2)}.msg.hidden .bubble{color:var(--muted);font-style:italic}.chat-input{display:flex;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line)}.chat-input textarea{flex:1;min-width:0;width:100%;border:1.5px solid var(--line-2);border-radius:20px;padding:10px 14px;min-height:44px;max-height:120px;font-size:15px;outline:none;resize:none}.chat-input textarea:focus{border-color:var(--accent)}.chat-input .send{width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;font-size:18px;display:grid;place-items:center;flex-shrink:0}.chat-input .send:disabled{opacity:.4}.day-sep{align-self:center;font-size:11px;color:var(--muted);background:var(--bg);padding:2px 10px;border-radius:999px;margin:6px 0}.room-row{display:flex;gap:12px;align-items:center}.room-row .unread{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--accent);color:#fff;font-size:11px;font-weight:800;line-height:20px;text-align:center}.post-body{font-size:15px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.photo-grid img,.photo-grid .ph{aspect-ratio:1;object-fit:cover;border-radius:10px;background:var(--line);width:100%}.photo-grid .ph{display:grid;place-items:center;color:var(--muted);font-size:22px;border:1.5px dashed var(--line-2);background:var(--surface-2);position:relative}.photo-grid .ph input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.photo-grid .rm{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#0000008c;color:#fff;font-size:12px}.photo-grid .wrap{position:relative}.like{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:999px;border:1px solid var(--line-2);font-size:13px;font-weight:700;color:var(--ink-2)}.like.on{background:var(--danger-soft);color:var(--danger);border-color:transparent}.comment{display:flex;gap:10px;padding:10px 0}.comment+.comment{border-top:1px solid var(--line)}.comment .body{font-size:14px;white-space:pre-wrap;word-break:break-word}.menu{background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--line);overflow:hidden}.menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;width:100%;text-align:left;font-size:15px;font-weight:600}.menu-item+.menu-item{border-top:1px solid var(--line)}.menu-item:active{background:var(--surface-2)}.menu-item .ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:18px;background:var(--surface-2)}.menu-item .chev{color:var(--line-2);font-size:18px}.menu-item .sub{font-size:12px;color:var(--muted);font-weight:500}.stat{background:var(--surface);border-radius:var(--r-md);border:1px solid var(--line);padding:12px 14px}.stat .v{font-size:22px;font-weight:800;letter-spacing:-.5px}.stat .k{font-size:12px;color:var(--muted);font-weight:600}.update-bar{position:sticky;top:0;z-index:31;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--mint-soft);color:#1b6f58;font-size:13px;font-weight:700;padding:8px 12px}.demo-banner{position:sticky;top:0;z-index:30;background:#2b2622;color:#ffb27a;text-align:center;font-size:12px;font-weight:700;padding:5px 10px}.onboard{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:32px 24px;max-width:460px;margin:0 auto}.onboard .logo{width:120px;height:120px;margin:0 auto 18px;filter:drop-shadow(0 10px 20px rgba(255,122,47,.25))}.onboard h1{font-size:28px;font-weight:900;text-align:center;letter-spacing:-.5px}.onboard .tag{text-align:center;color:var(--ink-2);margin-top:6px;font-size:15px}.onboard .box{margin-top:28px}.google-btn{background:#fff;border:1.5px solid var(--line-2);color:var(--ink)}.steps{display:flex;gap:6px;justify-content:center;margin-top:16px}.steps i{width:8px;height:8px;border-radius:50%;background:var(--line-2)}.steps i.on{background:var(--accent);width:22px;border-radius:4px}.noti{display:flex;gap:12px;padding:12px 0}.noti+.noti{border-top:1px solid var(--line)}.noti .ico{width:38px;height:38px;border-radius:12px;background:var(--surface-2);display:grid;place-items:center;font-size:18px;flex-shrink:0}.noti.unread .ico{background:var(--accent-soft)}.noti .t{font-size:14px;font-weight:600}.noti .d{font-size:12px;color:var(--muted);margin-top:2px}@media (min-width: 600px){.app{box-shadow:0 0 0 1px var(--line)}}