:root{--ink: #0a0a0a;--mid: #525252;--sub: #737373;--muted: #8c8c8c;--fill: #f4f3f0;--card: #f7f6f3;--line: #f0eeea;--off: #e4e2dd;--red: #c2402d;--green: #3f7d53;--green-bg: #eef4ef;--green-ink: #22402f;--surround: #d8d6d1;--app-width: 420px;--pad: 20px;--tabbar-height: 72px;--shadow-art: 0 4px 12px rgba(10, 10, 10, .16);--shadow-thumb: 0 1px 3px rgba(10, 10, 10, .08);--shadow-sticky: 0 -1px 0 #f0eeea, 0 -14px 30px rgba(10, 10, 10, .05);--shadow-fab: 0 8px 24px rgba(10, 10, 10, .28);--shadow-toast: 0 10px 26px rgba(10, 10, 10, .3)}@keyframes puls{0%,to{opacity:1;transform:scale(1)}50%{opacity:.86;transform:scale(1.1)}}@keyframes pop{0%{opacity:0;transform:scale(.62)}62%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes upin{0%{opacity:.5;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes tin{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sh{0%{background-position:120% 0}to{background-position:-20% 0}}@keyframes sl{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes bootin{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--surround);color:var(--ink);font-family:Pretendard Variable,Pretendard,-apple-system,Apple SD Gothic Neo,Noto Sans KR,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5;overflow-wrap:break-word;word-break:keep-all}#root{background:#fff;display:flex;flex-direction:column;height:100dvh;margin:0 auto;max-width:var(--app-width);overflow:hidden;position:relative}@media(min-width:600px){#root{border-radius:36px;box-shadow:0 25px 50px -12px #0a0a0a38,0 0 0 1px #0a0a0a0a;height:calc(100dvh - 48px);margin:24px auto}}a{color:inherit;text-decoration:none}button{background:none;border:0;color:inherit;cursor:pointer;font:inherit;text-align:inherit}input,select,textarea{background:transparent;border:0;color:var(--ink);font:inherit;width:100%}::placeholder{color:var(--muted)}input:focus,textarea:focus,select:focus{outline:none}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--ink);outline-offset:2px}img{display:block;max-width:100%}ul,ol{list-style:none}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.nos{scrollbar-width:none}.nos::-webkit-scrollbar{display:none}.screen{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;min-width:0}.screen-body{flex:1;min-height:0;overflow-y:auto;padding:0 var(--pad);-webkit-overflow-scrolling:touch}.screen-body::-webkit-scrollbar{display:none}.screen-body{scrollbar-width:none}.screen-body.pad-top{padding-top:22px}.screen-body.pad-bottom{padding-bottom:32px}.screen.sub{animation:sl .22s ease-out}.appbar{align-items:center;display:flex;flex:none;height:66px;margin-right:-11px;padding:22px var(--pad) 0}.appbar-brand{align-items:center;display:flex;gap:9px}.appbar-brand span{font-size:25px;font-weight:800;letter-spacing:-.05em}.appbar-actions{display:flex;gap:2px;margin-left:auto}.topbar{align-items:center;display:flex;flex:none;gap:2px;min-height:56px;padding:10px 12px 0}.topbar-title{align-items:center;display:flex;flex:1;font-size:19px;font-weight:800;height:44px;letter-spacing:-.04em;line-height:1;min-width:0}.topbar-title span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-action{color:var(--mid);font-size:14px;font-weight:700;margin-left:auto;min-height:44px;padding:0 12px}.topbar-action:disabled{color:var(--muted);cursor:default}.icon-btn{align-items:center;color:var(--ink);display:inline-flex;height:44px;justify-content:center;position:relative;width:44px}.icon-btn:active{opacity:.6}.unread-dot{background:var(--red);border:2px solid #fff;border-radius:50%;height:9px;position:absolute;right:7px;top:7px;width:9px}.round-plus{align-items:center;background:var(--ink);border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.screen-title{align-items:center;display:flex;font-size:25px;font-weight:800;height:44px;justify-content:space-between;letter-spacing:-.05em}.screen-title .appbar-actions{margin-right:-11px}.screen-lead{color:var(--sub);font-size:13.5px;line-height:1.6;margin-top:6px}.section-head{align-items:baseline;display:flex;justify-content:space-between;margin-top:34px}.section-title{font-size:20px;font-weight:800;letter-spacing:-.05em}.section-link{color:var(--mid);flex:none;font-size:13.5px;font-weight:700}.section-label{color:var(--sub);font-size:13px;font-weight:700}.divider{background:var(--line);height:1px}.btn{align-items:center;background:var(--ink);border-radius:12px;color:#fff;display:flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;min-height:52px;padding:0 16px;width:100%}.btn:active{opacity:.82}.btn.fill{background:var(--fill);color:var(--ink)}.btn.white{background:#fff;color:var(--mid)}.btn.cta{border-radius:14px;font-size:15.5px;min-height:54px}.btn.sm{border-radius:12px;font-size:14px;min-height:46px}.btn.off{background:var(--fill);color:var(--mid)}.btn:disabled{cursor:not-allowed}.btn-row{display:flex;gap:8px}.btn-row>.btn{flex:1}.btn-square{align-items:center;background:#fff;border-radius:14px;display:flex;flex:none;height:50px;justify-content:center;width:50px}.btn-square.fill{background:var(--fill)}.searchbox{align-items:center;background:var(--fill);border-radius:12px;display:flex;gap:11px;height:52px;padding:0 16px}.searchbox input{font-size:15px}.searchbox input:focus-visible{outline:none}.searchbox svg{color:var(--sub);flex:none}.chiprow{display:flex;gap:8px;margin-top:13px;overflow-x:auto}.chip{align-items:center;background:var(--fill);border-radius:999px;color:var(--mid);display:inline-flex;flex:none;font-size:13.5px;font-weight:500;gap:6px;letter-spacing:-.02em;height:36px;padding:0 15px}.chip.on{background:var(--ink);color:#fff;font-weight:700}.chip.wide{padding:0 14px}.tag{align-items:center;background:var(--fill);border-radius:999px;color:#292929;display:inline-flex;font-size:13px;font-weight:600;height:30px;padding:0 12px}.pill-green{align-items:center;background:var(--fill);border-radius:999px;color:var(--green);display:inline-flex;font-size:12.5px;font-weight:700;height:26px;margin-top:8px;padding:0 10px}.badge{border-radius:999px;background:var(--fill);flex:none;font-size:12.5px;font-weight:700;padding:4px 9px}.badge.muted{color:var(--sub)}.badge.ink{background:var(--ink);color:#fff}.badge.red{background:var(--red);color:#fff}.field{margin-top:20px}.field-label{color:var(--sub);display:block;font-size:13px;font-weight:700}.field-label+*{margin-top:11px}.field-input{background:var(--fill);border-radius:12px;font-size:15px;height:52px;padding:0 16px}textarea.field-input{height:112px;line-height:1.6;padding:14px 16px;resize:none}.field-hint{color:var(--sub);font-size:12.5px;line-height:1.6;margin-top:8px}.field-hint.warn{color:var(--red);font-weight:700}.field-row{display:flex;gap:8px}.field-row>*{flex:1;min-width:0}.stepper{align-items:center;display:flex;gap:12px}.stepper-btn{align-items:center;background:var(--fill);border-radius:12px;display:flex;flex:none;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.stepper-btn:disabled{color:var(--muted)}.stepper-value{align-items:flex-end;display:flex;flex:1;gap:6px;justify-content:center;min-width:0}.stepper-caption{color:var(--mid);font-size:13.5px;font-weight:700;margin-top:11px;text-align:center}.switch-row{align-items:center;display:flex;justify-content:space-between;margin-top:24px;width:100%}.switch-copy{flex:1;padding-right:16px;text-align:left}.switch-copy strong{display:block;font-size:15px;font-weight:700}.switch-copy span{color:var(--sub);display:block;font-size:13px;margin-top:3px}.switch{background:var(--off);border-radius:999px;display:flex;flex:none;height:27px;justify-content:flex-start;padding:3px;width:46px}.switch>span{background:#fff;border-radius:50%;display:block;height:21px;width:21px}.switch.on{background:var(--ink);justify-content:flex-end}.tabline{box-shadow:inset 0 -1px 0 var(--line);display:flex;gap:20px;margin-top:20px}.tabline button{color:var(--sub);font-size:15px;font-weight:500;min-height:44px;padding:0 0 12px}.tabline button.on{box-shadow:inset 0 -2px 0 var(--ink);color:var(--ink);font-weight:700}.meeples{align-items:flex-end;display:flex;gap:4px}.meeples.lg{gap:6px}.meeple{align-items:center;display:inline-flex;flex-direction:column;gap:1px}.meeple i{background:currentColor;border-radius:50%;display:block;height:8px;width:8px}.meeple b{background:currentColor;border-radius:4px 4px 2px 2px;display:block;height:12px;width:16px}.meeples.md .meeple{gap:2px}.meeples.md .meeple i{height:11px;width:11px}.meeples.md .meeple b{border-radius:5px 5px 2px 2px;height:16px;width:22px}.meeples.lg .meeple{gap:2px}.meeples.lg .meeple i{height:14px;width:14px}.meeples.lg .meeple b{border-radius:6px 6px 2px 2px;height:20px;width:28px}.meeple.empty{color:var(--off)}.meeple.pop{animation:pop .26s ease-out}.seat-text{color:var(--mid);flex:none;font-size:13px;font-weight:700;margin-left:6px}.seat-text.lg{color:var(--ink);font-size:14px;margin-left:8px}.cover{background:var(--fill);border-radius:10px;box-shadow:var(--shadow-thumb);flex:none;overflow:hidden}.cover img{height:100%;object-fit:cover;width:100%}.cover-fallback{align-items:center;color:var(--muted);display:flex;font-size:20px;height:100%;justify-content:center}.cover-tile{align-items:center;background:var(--fill);border-radius:16px;display:flex;justify-content:center;padding:20px 22px;position:relative}.cover-tile .cover{aspect-ratio:1;border-radius:6px;box-shadow:var(--shadow-art);width:100%}.roomlist{display:flex;flex-direction:column;gap:26px}.roomrow{align-items:flex-start;display:flex;gap:15px;text-align:left;width:100%}.roomrow>.cover{height:84px;width:84px}.roomrow-body{flex:1;min-width:0}.roomrow-top{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.roomrow-when{color:var(--sub);font-size:13px}.roomrow-title{display:-webkit-box;font-size:17.5px;font-weight:800;letter-spacing:-.045em;line-height:1.28;margin-top:7px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.roomrow-meta{color:var(--sub);font-size:13.5px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roomrow-seats{align-items:flex-end;display:flex;gap:4px;margin-top:11px}.roomrow-actions{display:flex;gap:8px;margin-top:13px}.roomrow-actions>*{flex:1}.stateblock{padding-top:14px}.stateblock h2{font-size:24px;font-weight:800;letter-spacing:-.055em;line-height:1.25}.stateblock.error h2{color:var(--red)}.stateblock p{color:var(--mid);font-size:14.5px;line-height:1.7;margin-top:11px}.stateblock .btn,.stateblock .btn-row{margin-top:20px}.skeleton{animation:sh 1.5s linear infinite;background:linear-gradient(90deg,#f4f3f0 20%,#faf9f7,#f4f3f0 60%);background-size:300% 100%;border-radius:3px;display:block}.skeleton.still{animation:none;background:#faf9f7}.skeleton-rooms{display:flex;flex-direction:column;gap:26px}.skeleton-room{display:flex;gap:15px}.skeleton-room>.skeleton{border-radius:12px;flex:none;height:84px;width:84px}.skeleton-room div{flex:1;padding-top:4px}.skeleton-room div .skeleton+.skeleton{margin-top:11px}.skeleton-ranks{display:flex;flex-direction:column;gap:20px}.skeleton-rank{align-items:center;display:flex;gap:14px}.skeleton-rank>.skeleton{border-radius:12px;flex:none;height:56px;width:56px}.skeleton-rank div{flex:1}.skeleton-rank div .skeleton+.skeleton{margin-top:9px}.stickybar{background:#fff;bottom:0;box-shadow:var(--shadow-sticky);display:flex;gap:8px;margin-top:auto;padding:14px var(--pad) calc(18px + env(safe-area-inset-bottom));position:sticky}.stickybar>.btn{flex:1}.mobile-bottom-nav{background:#fff;bottom:0;box-shadow:var(--shadow-sticky);display:flex;flex:none;min-height:var(--tabbar-height);padding-bottom:env(safe-area-inset-bottom);position:sticky;z-index:22}.mobile-bottom-nav-link{align-items:center;color:var(--sub);display:flex;flex:1;flex-direction:column;font-size:12px;gap:5px;justify-content:center;letter-spacing:-.02em}.mobile-bottom-nav-link svg{color:#a8a5a0;fill:none;height:23px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;width:23px}.mobile-bottom-nav-link.on{color:var(--ink);font-weight:700}.mobile-bottom-nav-link.on svg{animation:pop .26s ease-out;color:var(--ink);stroke-width:2.1}.sheet-backdrop{align-items:center;background:#0a0a0a61;display:flex;flex-direction:column;inset:0;justify-content:flex-end;position:fixed;z-index:30}.sheet{animation:upin .22s ease-out;background:#fff;border-radius:22px 22px 0 0;display:flex;flex-direction:column;max-height:88dvh;overflow-y:auto;padding:10px var(--pad) calc(22px + env(safe-area-inset-bottom));width:min(100%,var(--app-width))}.sheet.tall{height:82dvh;max-height:none}.sheet-handle{background:var(--off);border-radius:99px;flex:none;height:4px;margin:6px auto 18px;width:38px}.sheet-head{align-items:center;display:flex;flex:none;justify-content:space-between}.sheet-head h2{font-size:24px;font-weight:800;letter-spacing:-.055em}.sheet-reset{align-items:center;color:var(--mid);display:flex;font-size:13.5px;font-weight:700;height:32px;padding:0 2px}.sheet-cta{margin-top:26px}#toast{background:var(--ink);border-radius:12px;bottom:calc(90px + env(safe-area-inset-bottom));box-shadow:var(--shadow-toast);color:#fff;font-size:14.5px;font-weight:600;left:50%;line-height:1.5;opacity:0;padding:15px 17px;pointer-events:none;position:fixed;transform:translate(-50%);width:calc(min(100vw,var(--app-width)) - 40px);z-index:40}#toast.show{animation:tin .2s ease-out;opacity:1}.splash{align-items:center;background:#fff;display:flex;flex-direction:column;gap:16px;inset:0;justify-content:center;position:fixed;z-index:60}.splash svg{animation:bootin .5s cubic-bezier(.2,.9,.3,1.2)}.splash span{animation:bootin .5s .06s backwards cubic-bezier(.2,.9,.3,1.2);font-size:19px;font-weight:800;letter-spacing:-.05em}.home-next{background:var(--card);border-radius:20px;margin-top:18px;padding:20px 20px 22px}.home-next-lead{align-items:baseline;display:flex;justify-content:space-between}.home-next-lead span{color:var(--sub);font-size:12.5px;font-weight:800;letter-spacing:-.01em}.home-next-title{display:block;font-size:24px;font-weight:800;letter-spacing:-.05em;line-height:1.28;margin-top:8px;text-align:left}.home-next-meta{color:var(--mid);font-size:14px;margin-top:9px}.home-next-seats{align-items:flex-end;display:flex;margin-top:16px}.home-next .btn-row{margin-top:18px}.home-next .btn{border-radius:14px;min-height:50px}.home-empty{background:var(--card);border-radius:20px;margin-top:18px;padding:22px 20px}.home-empty-lead{color:var(--sub);font-size:12.5px;font-weight:800;letter-spacing:-.01em}.home-empty h2{font-size:23px;font-weight:800;letter-spacing:-.05em;line-height:1.26;margin-top:8px}.home-empty p{color:var(--mid);font-size:14px;line-height:1.65;margin-top:9px}.home-empty .btn-row{margin-top:18px}.home-empty .btn{border-radius:14px;min-height:50px}.home-starters{display:flex;gap:10px;margin-top:16px;overflow-x:auto;padding-bottom:2px}.home-starter{flex:none;width:96px}.home-starter-tile{align-items:center;background:var(--fill);border-radius:14px;display:flex;height:96px;padding:12px;width:96px}.home-starter-tile .cover{aspect-ratio:1;border-radius:5px;box-shadow:0 2px 8px #0a0a0a24;height:auto;width:100%}.home-starter-name{display:block;font-size:13.5px;font-weight:700;letter-spacing:-.03em;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-starter-meta{color:var(--sub);display:block;font-size:12.5px;margin-top:2px}.home-rooms{display:flex;flex-direction:column;gap:24px;margin-top:18px}.home-rooms .roomrow>.cover{height:76px;width:76px}.home-rooms .roomrow-title{font-size:17.5px;margin-top:6px}.home-blank{background:var(--fill);border-radius:18px;margin-top:18px;padding:26px 20px;text-align:center}.home-blank p{color:var(--mid);font-size:14px;line-height:1.65}.home-blank .btn{margin:16px auto 0;max-width:190px}.home-entry{align-items:center;background:var(--card);border-radius:18px;display:flex;gap:14px;margin-top:34px;padding:16px;text-align:left;width:100%}.home-entry-mark{align-items:center;background:var(--ink);border-radius:14px;color:#fff;display:flex;flex:none;height:44px;justify-content:center;width:44px}.home-entry-copy{flex:1;min-width:0}.home-entry-copy strong{display:block;font-size:15.5px;font-weight:800;letter-spacing:-.04em}.home-entry-copy span{color:var(--sub);display:block;font-size:13px;margin-top:3px}.home-ranks{display:flex;flex-direction:column;gap:18px;margin-top:18px}.home-rank{align-items:center;display:flex;gap:13px;text-align:left;width:100%}.home-rank-no{color:var(--sub);flex:none;font-size:13px;font-weight:700;width:12px}.home-rank .cover{height:46px;width:46px}.home-rank-copy{flex:1;min-width:0}.home-rank-copy strong{display:block;font-size:15px;font-weight:700}.home-rank-copy span{color:var(--sub);display:block;font-size:13px;margin-top:2px}.rowarrow{color:var(--muted);flex:none}.ranklist{display:flex;flex-direction:column;gap:20px;margin-top:22px}.rank-row{align-items:center;display:flex;gap:14px}.rank-no{flex:none;font-size:15px;font-weight:800;letter-spacing:-.04em;width:18px}.rank-tile{align-items:center;background:var(--fill);border-radius:12px;display:flex;flex:none;height:56px;padding:6px;width:56px}.rank-tile .cover{aspect-ratio:1;border-radius:4px;box-shadow:0 2px 6px #0a0a0a24;width:100%}.rank-copy{flex:1;min-width:0}.rank-copy strong{display:block;font-size:15.5px;font-weight:800;letter-spacing:-.04em}.rank-copy span{color:var(--sub);display:block;font-size:13px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-count{color:var(--mid);flex:none;font-size:14px;font-weight:700}.gamegrid{display:grid;gap:26px 12px;grid-template-columns:1fr 1fr;padding-bottom:32px}.gamecard{position:relative;text-align:left}.gamecard>a{display:block}.gamecard-name{display:block;font-size:15.5px;font-weight:800;letter-spacing:-.04em;margin-top:12px}.gamecard-meta{color:var(--sub);display:block;font-size:13px;margin-top:3px}.played-badge{align-items:center;background:#ffffffeb;border-radius:50%;box-shadow:0 1px 4px #0a0a0a2e;color:#b8b5ae;display:flex;height:26px;justify-content:center;position:absolute;right:9px;top:9px;width:26px}.played-badge.on{background:var(--ink);color:#fff}.played-badge:disabled{opacity:.6}.game-head{display:flex;gap:16px}.game-head-tile{align-items:center;background:var(--fill);border-radius:16px;display:flex;flex:none;padding:14px;width:134px}.game-head-tile .cover{aspect-ratio:1;border-radius:6px;box-shadow:var(--shadow-art);width:100%}.game-head-copy{flex:1;min-width:0}.game-head-copy h1{font-size:24px;font-weight:800;letter-spacing:-.05em;line-height:1.22}.game-head-en{color:var(--sub);font-size:13.5px;margin-top:6px}.game-head-cat{color:var(--mid);font-size:13.5px;line-height:1.5;margin-top:11px}.game-pips{align-items:center;display:flex;gap:5px;margin-top:14px}.game-pips i{background:var(--off);border-radius:3px;display:block;height:14px;width:14px}.game-pips i.on{background:var(--ink)}.game-pips span{color:var(--mid);font-size:13px;font-weight:700;margin-left:5px}.game-specs{display:flex;gap:26px;margin-top:26px}.game-specs dt{color:var(--sub);font-size:13px}.game-specs dd{font-size:16px;font-weight:700;letter-spacing:-.03em;margin-top:5px}.game-players{color:var(--mid);font-size:13.5px;margin-top:18px}.taglist{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.longtext{color:#292929;font-size:15px;line-height:1.8;text-wrap:pretty}.bgg-note{color:var(--muted);font-size:12.5px;line-height:1.7;margin-top:28px}.bgg-note a{text-decoration:underline;text-underline-offset:2px}.bgg-note img{height:22px;margin-bottom:8px;width:auto}.room-meta{color:var(--sub);font-size:13px;font-weight:700}.room-title{font-size:25px;font-weight:800;letter-spacing:-.05em;line-height:1.22;margin-top:9px;overflow-wrap:anywhere}.room-game{align-items:center;background:var(--card);border-radius:18px;display:flex;gap:14px;margin-top:22px;padding:14px;text-align:left;width:100%}.room-game .cover{height:66px;width:66px}.room-game-copy{flex:1;min-width:0}.room-game-copy strong{display:block;font-size:16px;font-weight:800;letter-spacing:-.04em}.room-game-copy span{color:var(--sub);display:block;font-size:13.5px;margin-top:5px}.room-facts{background:var(--card);border-radius:18px;margin-top:26px;padding:4px 16px}.room-facts>div{align-items:baseline;display:flex;gap:16px;padding:14px 0}.room-facts>div:not(:last-child){box-shadow:inset 0 -1px 0 var(--line)}.room-facts dt{color:var(--sub);flex:none;font-size:13.5px;width:52px}.room-facts dd{flex:1;font-size:15.5px;font-weight:700;letter-spacing:-.03em}.room-description{background:var(--card);border-radius:18px;margin-top:26px;padding:16px}.room-members{display:flex;flex-direction:column;gap:16px;margin-top:22px}.room-member{align-items:center;display:flex;gap:13px}.room-member-name{font-size:15px;font-weight:700}.room-member-role{color:var(--sub);font-size:13px;margin-top:2px}.room-member-me{color:var(--mid);font-size:12.5px;font-weight:800}.avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex:none;font-size:15px;font-weight:800;height:42px;justify-content:center;overflow:hidden;width:42px}.avatar img{height:100%;object-fit:cover;width:100%}.avatar.empty{background:var(--fill);color:var(--sub);font-size:12.5px;font-weight:700}.notecard{background:var(--card);border-radius:18px;padding:18px}.notecard strong{display:block;font-size:15px;font-weight:800;letter-spacing:-.04em}.notecard strong.lg{font-size:17px;letter-spacing:-.045em}.notecard p{color:var(--mid);font-size:13.5px;line-height:1.6;margin-top:8px}.notecard .btn{border-radius:14px;margin-top:14px;min-height:48px}.notecard.green{background:var(--green-bg)}.notecard.green strong{color:var(--green-ink)}.notecard.green p{color:var(--green)}.notecard.gray{background:var(--fill);color:var(--mid);font-size:14.5px;line-height:1.6}.notecard.red strong{color:var(--red)}.modecards{display:flex;gap:8px}.modecard{background:var(--fill);border-radius:12px;flex:1;padding:15px;text-align:left}.modecard strong{display:block;font-size:15px;font-weight:800;letter-spacing:-.04em}.modecard span{color:var(--sub);display:block;font-size:13px;line-height:1.5;margin-top:6px}.modecard.on{background:var(--ink)}.modecard.on strong{color:#fff}.modecard.on span{color:#d4d4d4}.pickrow{align-items:center;display:flex;gap:14px;text-align:left;width:100%}.pickrow .cover{height:56px;width:56px}.pickrow-copy{flex:1;min-width:0}.pickrow-copy strong{display:block;font-size:15.5px;font-weight:700}.pickrow-copy strong.empty{color:var(--muted)}.pickrow-copy span{color:var(--sub);display:block;font-size:13px;margin-top:3px}.optionlist{display:flex;flex-direction:column;gap:8px}.optionrow{background:var(--fill);border-radius:12px;color:var(--mid);font-size:14.5px;padding:15px 16px}.optionrow.on{background:var(--ink);color:#fff;font-weight:700}.chatlist{display:flex;flex-direction:column;gap:22px;margin-top:22px}.chatrow{align-items:center;display:flex;gap:14px;text-align:left;width:100%}.chatrow .cover{height:50px;width:50px}.chatrow-copy{flex:1;min-width:0}.chatrow-head{align-items:baseline;display:flex;gap:8px}.chatrow-head strong{font-size:15.5px;font-weight:800;letter-spacing:-.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatrow-head time{color:var(--muted);flex:none;font-size:12.5px;margin-left:auto}.chatrow-last{color:var(--sub);font-size:13.5px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-screen{display:flex;flex:1 0 auto;flex-direction:column;min-height:100dvh}.chat-topbar{align-items:center;box-shadow:inset 0 -1px 0 var(--line);display:flex;flex:none;gap:4px;height:56px;padding:0 12px;position:sticky;top:0;background:#fff;z-index:10}.chat-topbar-copy{flex:1;min-width:0}.chat-topbar-copy strong{display:block;font-size:15px;font-weight:800;letter-spacing:-.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-topbar-copy span{color:var(--sub);display:block;font-size:12.5px;margin-top:2px}.chat-log{display:flex;flex:1;flex-direction:column;gap:14px;padding:20px 18px}.chat-daymark{align-self:center;color:var(--muted);font-size:12.5px;font-weight:700}.chat-message{display:flex;flex-direction:column;gap:5px}.chat-message.theirs{align-items:flex-start}.chat-message.mine{align-items:flex-end}.chat-sender{align-items:center;display:flex;gap:7px;padding-left:2px}.chat-sender .avatar{font-size:11px;height:20px;width:20px}.chat-sender b{color:var(--sub);font-size:13px;font-weight:400}.chat-line{align-items:flex-end;display:flex;gap:7px}.chat-message.mine .chat-line{flex-direction:row-reverse}.chat-content{background:var(--fill);border-radius:12px;font-size:14.5px;line-height:1.55;max-width:252px;overflow-wrap:anywhere;padding:11px 14px;white-space:pre-wrap}.chat-message.mine .chat-content{background:var(--ink);color:#fff}.chat-time{color:var(--muted);flex:none;font-size:12px}.chat-fail{align-items:center;display:flex;gap:10px;max-width:262px}.chat-fail span{color:var(--red);flex:1;font-size:13px;line-height:1.5}.chat-fail button{flex:none;font-size:13.5px;font-weight:800;min-height:44px}.chat-notice{background:var(--fill);border-radius:14px;color:var(--mid);font-size:14px;line-height:1.6;margin:0 18px 16px;padding:16px}.chat-compose{align-items:center;background:#fff;bottom:0;box-shadow:0 -1px 0 var(--line);display:flex;gap:9px;margin-top:auto;padding:12px 14px calc(14px + env(safe-area-inset-bottom));position:sticky}.chat-compose textarea{background:var(--fill);border-radius:12px;font-size:15px;height:48px;line-height:24px;max-height:96px;padding:12px 16px;resize:none}.chat-send{align-items:center;background:var(--ink);border-radius:12px;color:#fff;display:flex;flex:none;height:48px;justify-content:center;width:48px}.chat-send:disabled{background:var(--fill);color:var(--muted)}.chat-empty{color:var(--sub);font-size:14.5px;line-height:1.7;margin:auto 0;text-align:center}.notification-list{display:flex;flex-direction:column;gap:20px;margin-top:22px}.notification-item{display:flex;gap:11px;text-align:left;width:100%}.notification-dot{background:var(--red);border-radius:50%;flex:none;height:8px;margin-top:7px;width:8px}.notification-item.read .notification-dot{background:var(--off)}.notification-item-message{color:var(--ink);font-size:14.5px;font-weight:700;line-height:1.55}.notification-item.read .notification-item-message{color:var(--mid);font-weight:400}.notification-item time{color:var(--muted);display:block;font-size:12.5px;margin-top:5px}.notification-state{color:var(--sub);font-size:14.5px;line-height:1.7;padding:30px 0}.notification-state .btn{margin-top:20px}.notification-sync-error{background:var(--fill);border-radius:14px;color:var(--red);font-size:13.5px;line-height:1.6;margin-top:18px;padding:16px}.notification-sync-error .btn{margin-top:12px}.profile-head{align-items:center;display:flex;gap:15px;margin-top:24px}.profile-avatar{height:64px;position:relative;width:64px}.profile-avatar .avatar{font-size:24px;height:64px;width:64px}.profile-avatar-edit{align-items:center;background:var(--ink);border:2px solid #fff;border-radius:50%;bottom:-2px;color:#fff;display:flex;height:24px;justify-content:center;position:absolute;right:-2px;width:24px}.profile-avatar-edit:disabled{opacity:.6}.profile-name{flex:1;min-width:0}.profile-name strong{display:block;font-size:20px;font-weight:800;letter-spacing:-.045em}.profile-name span{color:var(--sub);display:block;font-size:13.5px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-edit-btn{align-items:center;background:var(--fill);border-radius:12px;display:flex;flex:none;font-size:14px;font-weight:700;height:40px;padding:0 15px}.profile-stats{display:flex;gap:28px;margin-top:28px}.profile-stats dd{font-size:24px;font-weight:800;letter-spacing:-.04em}.profile-stats dt{color:var(--sub);font-size:13px;margin-top:4px}.menu-list{display:flex;flex-direction:column;gap:2px;margin-top:14px}.menu-row{align-items:center;display:flex;gap:11px;padding:15px 0;text-align:left;width:100%}.menu-row-label{flex:1;font-size:15.5px;font-weight:600}.menu-row-value{color:var(--muted);font-size:14px}.menu-row:disabled .menu-row-label{color:var(--muted)}.social-link-list{display:flex;flex-direction:column;gap:8px;margin-top:20px}.social-link-row{align-items:center;background:var(--fill);border-radius:14px;display:flex;gap:14px;padding:16px;text-align:left;width:100%}.social-link-row strong{flex:1;font-size:15.5px;font-weight:700}.social-link-state{color:var(--muted);font-size:13.5px}.social-link-state.linked{color:var(--green);font-weight:700}.social-link-row:disabled{opacity:.6}.auth{display:flex;flex:1;flex-direction:column;justify-content:center;min-height:0;overflow-y:auto;padding:0 26px 40px}.auth h1{font-size:29px;font-weight:800;letter-spacing:-.05em;line-height:1.34;margin-top:24px}.auth-lead{color:var(--mid);font-size:15px;line-height:1.7;margin-top:16px}.auth .btn.cta{margin-top:38px}.auth-divider{align-items:center;display:flex;gap:12px;margin-top:30px}.auth-divider:before,.auth-divider:after{background:var(--line);content:"";flex:1;height:1px}.auth-divider span{color:var(--muted);font-size:12.5px;font-weight:700}.social-auth{display:flex;gap:18px;justify-content:center;margin-top:18px}.social-auth-btn{align-items:center;border-radius:50%;display:flex;flex:none;height:56px;justify-content:center;width:56px}.social-auth-btn.google{background:var(--fill)}.social-auth-btn.naver{background:#03c75a}.social-auth-btn.kakao{background:#fee500}.auth-switch{color:var(--sub);display:block;font-size:14px;margin-top:26px;min-height:44px;text-align:center}.auth-switch b{color:var(--ink);font-weight:800}.auth-password{position:relative}.auth-password .field-input{padding-right:52px}.auth-password button{align-items:center;color:var(--sub);display:flex;height:44px;justify-content:center;position:absolute;right:4px;top:4px;width:44px}.filter-bar{align-items:center;display:flex;gap:8px;margin-top:13px;overflow-x:auto}.filter-toggle{align-items:center;background:var(--fill);border-radius:999px;color:var(--mid);display:inline-flex;flex:none;font-size:13.5px;font-weight:700;gap:6px;height:36px;letter-spacing:-.02em;padding:0 14px}.filter-toggle.on{background:var(--ink);color:#fff}.filter-chip{align-items:center;background:var(--ink);border-radius:999px;color:#fff;display:inline-flex;flex:none;font-size:13.5px;font-weight:700;gap:7px;height:36px;padding:0 14px}.filter-chip span{font-size:15px;line-height:1;opacity:.7}.filter-groups{display:flex;flex-direction:column;gap:24px;margin-top:24px}.filter-group{border:0;min-width:0;padding:0}.filter-group legend{color:var(--sub);font-size:13px;font-weight:700;margin-bottom:11px;padding:0}.filter-option-list,.filter-group>.filter-option,.filter-group>.filter-option-list{display:flex;flex-wrap:wrap;gap:8px}.filter-group>.filter-option+.filter-option{margin-top:8px}.filter-option{align-items:center;background:var(--fill);border-radius:999px;color:var(--mid);cursor:pointer;display:inline-flex;font-size:13.5px;height:38px;padding:0 14px}.filter-option input{height:1px;margin:0;opacity:0;position:absolute;width:1px}.filter-option:has(input:checked){background:var(--ink);color:#fff;font-weight:700}.filter-option:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}.filter-range{align-items:center;display:flex;gap:9px;margin-bottom:12px}.filter-range input{background:var(--fill);border-radius:12px;flex:1;height:48px;min-width:0;padding:0 16px}.filter-range-dash,.filter-range-unit{color:var(--muted);flex:none;font-size:14px}.filter-custom-add{align-items:center;display:flex;gap:8px;margin-top:11px}.filter-custom-add input{background:var(--fill);border-radius:12px;flex:1;height:44px;min-width:0;padding:0 14px}.filter-custom-add button{background:var(--fill);border-radius:12px;flex:none;font-size:13.5px;font-weight:700;height:44px;padding:0 16px}.filter-group-divider{border:0;border-top:1px solid var(--line);margin:14px 0}.filter-match-heading{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:11px}.filter-match-title{color:var(--sub);font-size:13px;font-weight:700}.filter-match-control{align-items:center;color:var(--muted);display:inline-flex;font-size:12.5px;gap:8px}.filter-match-switch{background:var(--off);border-radius:999px;flex:none;height:24px;padding:3px;width:42px}.filter-match-switch>span{background:#fff;border-radius:50%;display:block;height:18px;transition:transform .15s ease;width:18px}.filter-match-switch.any{background:var(--ink)}.filter-match-switch.any>span{transform:translate(18px)}.mechanism-featured-list,.mechanism-advanced-list{display:flex;flex-wrap:wrap;gap:8px}.mechanism-featured,.mechanism-option{align-items:center;display:inline-flex;gap:4px}.mechanism-hint{flex:none;line-height:0}.mechanism-hint-button{align-items:center;background:var(--fill);border-radius:999px;color:var(--sub);display:inline-flex;font-size:11px;font-weight:800;height:22px;justify-content:center;width:22px}.mechanism-hint.on .mechanism-hint-button{background:var(--ink);color:#fff}.mechanism-hint-text{background:var(--ink);border-radius:10px;color:#fff;display:block;font-size:12.5px;line-height:1.55;max-height:calc(100dvh - 16px);max-width:calc(100vw - 16px);overflow-y:auto;padding:10px 12px;pointer-events:none;position:fixed;width:220px;z-index:50}.mechanism-more{color:var(--mid);font-size:13.5px;font-weight:700;margin-top:11px;min-height:44px}.mechanism-advanced{margin-top:12px}.mechanism-search{background:var(--fill);border-radius:12px;height:48px;padding:0 16px}.mechanism-advanced-list{margin-top:11px;max-height:240px;overflow-y:auto}.filter-close{align-items:center;background:var(--fill);border-radius:12px;display:flex;font-size:14px;font-weight:700;justify-content:center;margin-top:12px;min-height:48px;width:100%}.picker-list{display:flex;flex:1;flex-direction:column;gap:18px;margin-top:16px;overflow-y:auto}.picker-row{align-items:center;display:flex;gap:13px;text-align:left;width:100%}.picker-row .cover{height:48px;width:48px}.picker-row-copy{flex:1;min-width:0}.picker-row-copy strong{display:block;font-size:15px;font-weight:700}.picker-row-copy span{color:var(--sub);display:block;font-size:13px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-check{align-items:center;background:var(--ink);border-radius:50%;color:#fff;display:flex;flex:none;height:24px;justify-content:center;width:24px}.picker-state{color:var(--sub);font-size:14.5px;line-height:1.7;padding:24px 0}.picker-state.error{color:var(--red)}.more-btn{background:var(--fill);border-radius:12px;font-size:14.5px;font-weight:700;min-height:52px;width:100%}.pagination{align-items:center;display:flex;gap:6px;justify-content:center;margin-top:26px}.pagination .page-btn{align-items:center;background:var(--fill);border-radius:12px;color:var(--mid);display:inline-flex;font-size:13.5px;font-weight:700;justify-content:center;min-height:44px;min-width:44px;padding:0 10px}.pagination .page-btn.on{background:var(--ink);color:#fff}.pagination .page-btn:disabled{color:var(--muted);cursor:not-allowed}.pagination .page-ellipsis{color:var(--muted);padding:0 2px}.bot-fab{align-items:center;align-self:flex-end;background:var(--ink);border-radius:50%;bottom:88px;box-shadow:0 8px 24px #0a0a0a47;color:#fff;display:flex;flex:none;height:56px;justify-content:center;margin:-56px 20px 0 0;position:sticky;width:56px;z-index:21}.bot-title{flex:1;min-width:0}.bot-title strong{display:block;font-size:15px;font-weight:800;letter-spacing:-.04em}.bot-title span{color:var(--sub);display:block;font-size:12.5px;margin-top:2px}.bot-log{display:flex;flex:1;flex-direction:column;gap:12px;padding:20px 18px}.bot-msg{align-self:flex-start;background:var(--fill);border-radius:14px;font-size:14.5px;line-height:1.55;max-width:268px;padding:12px 15px}.bot-msg.me{align-self:flex-end;background:var(--ink);color:#fff}.bot-msg.typing{color:var(--muted)}.bot-plan{align-self:stretch;background:#fff;border-radius:18px;box-shadow:0 2px 14px #0a0a0a1a;padding:18px}.bot-plan-lead{color:var(--sub);font-size:12.5px;font-weight:800}.bot-plan h2{font-size:17px;font-weight:800;letter-spacing:-.045em;margin-top:6px}.bot-plan ul{display:flex;flex-direction:column;gap:7px;margin-top:14px}.bot-plan li{font-size:14px}.bot-plan .btn-row{margin-top:18px}.bot-plan-note{color:var(--muted);font-size:12.5px;line-height:1.55;margin-top:12px}.bot-chips{display:flex;flex:none;gap:8px;overflow-x:auto;padding:0 18px 12px}.chat-compose input{background:var(--fill);border-radius:12px;flex:1;font-size:15px;height:48px;min-width:0;padding:0 16px}.screen-note{color:var(--muted);font-size:12.5px;line-height:1.6;margin-top:12px}.section-label-note{color:var(--muted);font-weight:600}.match-card{background:var(--card);border-radius:20px;margin-top:24px;padding:22px}.match-card.done{background:var(--green-bg)}.match-lead{color:var(--sub);font-size:12.5px;font-weight:800}.match-card.done .match-lead{color:var(--green)}.match-card h2{font-size:22px;font-weight:800;letter-spacing:-.05em;margin-top:8px}.match-card.done h2{color:var(--green-ink)}.match-seats{align-items:flex-end;display:flex;gap:8px;margin-top:20px}.match-seat{align-items:center;color:var(--off);display:inline-flex;flex-direction:column;gap:2px}.match-seat i{background:currentcolor;border-radius:50%;height:13px;width:13px}.match-seat b{background:currentcolor;border-radius:6px 6px 2px 2px;height:19px;width:26px}.match-seats.searching .match-seat{animation:puls 1.5s ease-in-out infinite}.match-avatars{display:flex;gap:8px;margin-top:18px}.match-avatars .avatar{font-size:13.5px;height:38px;width:38px}.oroom-head{flex:none;padding:16px 20px 0}.oroom-head .match-avatars{margin-top:0}.oroom-head .avatar.sm{font-size:12.5px;height:34px;width:34px}.oroom-decided{align-items:center;background:var(--green-bg);border-radius:16px;display:flex;gap:12px;margin-top:16px;padding:14px 16px}.oroom-decided span{flex:1;min-width:0}.oroom-decided b{color:var(--green);font-size:12.5px;font-weight:800}.oroom-decided strong{color:var(--green-ink);display:block;font-size:16.5px;font-weight:800;letter-spacing:-.04em;margin-top:4px}.oroom-decided button{color:var(--green);flex:none;font-size:13px;font-weight:700;min-height:44px}.oroom-votelead{align-items:baseline;display:flex;justify-content:space-between;margin-top:16px}.oroom-votelead .caption{color:var(--muted);font-size:12.5px}.oroom-cand{background:#fff;border-radius:14px;text-align:left}.oroom-cand.mine .home-starter-tile{background:var(--line)}.oroom-cand.mine .home-starter-name{font-weight:800}.oroom-system{align-self:center;color:var(--muted);font-size:12.5px;font-weight:700}.oroom-foot{background:#fff;bottom:0;box-shadow:0 -1px 0 var(--line);margin-top:auto;padding:12px 14px calc(14px + env(safe-area-inset-bottom));position:sticky}.oroom-compose{align-items:center;display:flex;gap:9px}.oroom-compose input{background:var(--fill);border-radius:12px;flex:1;font-size:15px;height:48px;min-width:0;padding:0 16px}.oroom-foot>.btn{margin-top:10px}@media(prefers-reduced-motion:reduce){.skeleton,.meeple.pop,.mobile-bottom-nav-link.on svg,.match-seats.searching .match-seat{animation:none}.skeleton{background:#f4f3f0}}