@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";:root,[data-theme=white]{--bg: #f6f7f9;--bg-image: none;--surface: #ffffff;--surface-2: #f1f3f6;--ink: #111418;--muted: #6b7280;--line: #e7e9ee;--accent: #10b39a;--accent-ink: #ffffff;--accent-soft: #e3f7f3;--accent-grad: linear-gradient(135deg, #10b39a, #0ea5c6);--hi: #f59f00;--hi-soft: #fff4dc;--warn: #ef4444;--warn-soft: #fdecec;--bubble: #f1f3f6;--bubble-me: #10b39a;--bubble-me-ink: #ffffff;--nav-bg: rgb(255 255 255 / .86);--shadow: 0 1px 2px rgb(17 20 24 / .04), 0 8px 24px rgb(17 20 24 / .06);--theme-color: #f6f7f9;color-scheme:light}[data-theme=black]{--bg: #0a0a0c;--bg-image: none;--surface: #141418;--surface-2: #1d1d22;--ink: #f4f4f6;--muted: #9b9ba6;--line: #26262d;--accent: #3ddbc1;--accent-ink: #04201b;--accent-soft: #0f2c27;--accent-grad: linear-gradient(135deg, #3ddbc1, #4cc3ff);--hi: #ffc145;--hi-soft: #2e2512;--warn: #ff6b6b;--warn-soft: #351616;--bubble: #1d1d22;--bubble-me: #3ddbc1;--bubble-me-ink: #04201b;--nav-bg: rgb(20 20 24 / .86);--shadow: 0 1px 2px rgb(0 0 0 / .4), 0 8px 24px rgb(0 0 0 / .35);--theme-color: #0a0a0c;color-scheme:dark}[data-theme=bluewhite]{--bg: #f4f7ff;--bg-image: none;--surface: #ffffff;--surface-2: #edf2ff;--ink: #0f172a;--muted: #64748b;--line: #e1e8f7;--accent: #2563eb;--accent-ink: #ffffff;--accent-soft: #e6eeff;--accent-grad: linear-gradient(135deg, #2563eb, #3b9bff);--hi: #f59e0b;--hi-soft: #fff3db;--warn: #ef4444;--warn-soft: #fdecec;--bubble: #edf2ff;--bubble-me: #2563eb;--bubble-me-ink: #ffffff;--nav-bg: rgb(255 255 255 / .88);--shadow: 0 1px 2px rgb(15 23 42 / .04), 0 10px 28px rgb(37 99 235 / .08);--theme-color: #f4f7ff;color-scheme:light}[data-theme=bluepink]{--bg: #f3f0ff;--bg-image: linear-gradient(165deg, #e7f0ff 0%, #f3ecff 48%, #ffe9f3 100%);--surface: rgb(255 255 255 / .82);--surface-2: rgb(255 255 255 / .6);--ink: #1f1b3a;--muted: #6e6a8c;--line: rgb(120 110 180 / .18);--accent: #5b6cff;--accent-ink: #ffffff;--accent-soft: #eaecff;--accent-grad: linear-gradient(135deg, #5b8cff, #ff6fae);--hi: #ff5c9d;--hi-soft: #ffe6f0;--warn: #e5484d;--warn-soft: #fdeced;--bubble: rgb(255 255 255 / .9);--bubble-me: #6a72ff;--bubble-me-ink: #ffffff;--nav-bg: rgb(255 255 255 / .72);--shadow: 0 1px 2px rgb(31 27 58 / .04), 0 10px 30px rgb(91 108 255 / .12);--theme-color: #e7f0ff;color-scheme:light}:root{--f-body: "Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--f-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--r-lg: 20px;--r-md: 14px;--r-sm: 10px;--nav-h: 64px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);background-image:var(--bg-image);background-attachment:fixed;color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.5;letter-spacing:-.01em;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}a{color:var(--accent)}h1,h2,h3{margin:0;letter-spacing:-.02em}code{font-family:var(--f-mono);font-size:.9em}@media(prefers-reduced-motion:no-preference){.btn,.chip-btn,.card-link,.theme-option,.bottom-nav a{transition:transform .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease}}.page{max-width:480px;min-height:100dvh;margin:0 auto;display:flex;flex-direction:column}.page.with-nav{padding-bottom:calc(var(--nav-h) + 16px + env(safe-area-inset-bottom))}.pad{padding:16px 20px}.pad-x{padding:8px 20px 0}.stack{display:flex;flex-direction:column;gap:16px}.stack-sm{display:flex;flex-direction:column;gap:10px}.row{display:flex;align-items:center}.between{justify-content:space-between;gap:8px}.gap{gap:10px}.gap-sm{gap:6px}.grow{flex:1;min-width:0}.wrap{flex-wrap:wrap}.center{text-align:center}.muted{color:var(--muted)}.small{font-size:.86rem}.tiny{font-size:.76rem}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error{color:var(--warn);margin:0;font-size:.92rem}.label{font-weight:600}.section-title{font-size:1.02rem;font-weight:700}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.appbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:6px;min-height:56px;padding:env(safe-area-inset-top) 10px 0;background:var(--nav-bg);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px)}.appbar-title{flex:1;font-size:1.12rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:6px}.appbar-spacer{width:4px}.appbar-right{min-width:40px;display:flex;justify-content:flex-end}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--ink);font-size:1.4rem;line-height:1;width:40px;height:40px;border-radius:12px;cursor:pointer}.icon-btn svg{width:22px;height:22px}.icon-btn.small{font-size:1rem;width:32px;height:32px}.icon-btn:hover{background:var(--surface-2)}.bottom-nav{position:fixed;bottom:calc(10px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:calc(100% - 24px);max-width:456px;height:var(--nav-h);display:grid;grid-template-columns:repeat(4,1fr);padding:6px;background:var(--nav-bg);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);z-index:5}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);text-decoration:none;font-size:.7rem;font-weight:600;border-radius:16px}.bottom-nav a svg{width:22px;height:22px}.bottom-nav a.active{color:var(--accent);background:var(--accent-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:0 18px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent-grad);border-color:transparent;color:var(--accent-ink);box-shadow:0 6px 18px -8px var(--accent)}.btn-ghost{background:transparent}.btn-warn{background:var(--warn);border-color:var(--warn);color:#fff}.btn-warn-ghost{color:var(--warn)}.btn-block{width:100%}.btn-small{min-height:34px;padding:0 12px;border-radius:10px;font-size:.84rem}.link{border:0;background:none;padding:0;color:var(--accent);font:inherit;font-weight:600;cursor:pointer}.input{width:100%;min-height:50px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);font:inherit}.input::placeholder{color:var(--muted)}.input:focus,.btn:focus-visible,.icon-btn:focus-visible,.theme-option:focus-within{outline:2px solid var(--accent);outline-offset:1px}.check-row,.radio-row{display:flex;gap:10px;align-items:flex-start;padding:6px 0}.check-row input,.radio-row input{margin-top:3px;width:18px;height:18px;accent-color:var(--accent)}.radio-list{border:0;padding:0;margin:0 0 8px}.consent{padding:10px 14px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line)}.card{padding:18px;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--line)}.card-link{display:block;color:inherit;text-decoration:none}.card-link.row{display:flex}.card-link:hover{transform:translateY(-1px)}.notice{padding:13px 15px;border-radius:var(--r-md);font-size:.9rem}.notice-info{background:var(--accent-soft)}.notice-hi{background:var(--hi-soft)}.notice-warn{background:var(--warn-soft);color:var(--warn)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;background:var(--surface-2);font-size:.8rem;font-weight:600;border:0;color:var(--ink);white-space:nowrap}.chip-accent{background:var(--accent-soft);color:var(--accent)}.chip-hi{background:var(--hi-soft);color:var(--hi)}.chip-btn{cursor:pointer;font:inherit;font-size:.85rem;font-weight:600;padding:6px 13px;background:var(--surface);border:1px solid var(--line)}.chip-btn:hover{border-color:var(--accent)}.list{list-style:none;margin:0;padding:0}.list-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.list-item:last-child{border-bottom:0}.avatar{flex:none;width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff}.avatar.sm{width:32px;height:32px;border-radius:11px;font-size:.85rem}.start{position:relative;overflow:hidden;padding:calc(40px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom));justify-content:space-between;gap:28px}.start-orbs{position:absolute;inset:-80px -60px auto auto;width:320px;height:320px;pointer-events:none}.start-orbs span{position:absolute;width:210px;height:210px;border-radius:50%;filter:blur(2px);opacity:.85}.start-orbs span:first-child{left:0;top:40px;background:var(--accent-soft)}.start-orbs span:last-child{right:0;top:0;background:var(--hi-soft);mix-blend-mode:multiply}[data-theme=black] .start-orbs span:last-child{mix-blend-mode:screen}.start-hero{position:relative;margin-top:14vh}.brand{font-size:3.4rem;font-weight:800;letter-spacing:-.05em;line-height:1.05;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{font-size:1.3rem;font-weight:700;margin:8px 0 0;letter-spacing:-.03em}.tagline-sub{margin:8px 0 0;color:var(--muted)}.promises{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;position:relative}.promises li{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.promise-icon{flex:none;width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent)}.promise-icon svg{width:20px;height:20px}.promises strong{display:block}.steps{margin:0;padding:0;list-style:none;display:flex;gap:6px;font-size:.8rem;color:var(--muted)}.steps li{flex:1;padding:8px 10px;border-radius:12px;background:var(--surface-2)}.steps .current{color:var(--accent);background:var(--accent-soft);font-weight:700}.kw-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.kw-item{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 6px 10px 14px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line)}.kw-name{font-weight:700}.kw-item .icon-btn{margin-left:auto}.match-hero{position:relative;overflow:hidden;padding:22px 20px 20px;border-radius:24px;background:var(--accent-grad);color:var(--accent-ink);box-shadow:0 14px 34px -16px var(--accent)}.match-hero:after{content:"";position:absolute;right:-40px;top:-50px;width:180px;height:180px;border-radius:50%;background:#ffffff29}.match-hero .region svg{width:14px;height:14px}.match-hero .region{white-space:nowrap;display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:600;padding:3px 10px;border-radius:999px;background:#fff3}.match-hero .count{font-size:3.4rem;font-weight:800;line-height:1;letter-spacing:-.04em;margin-top:14px;font-variant-numeric:tabular-nums}.match-hero .count small{font-size:1.2rem;font-weight:700;margin-left:4px}.match-hero .caption{margin-top:6px;font-weight:600;opacity:.92}.match-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.match-stats div{padding:10px 12px;border-radius:14px;background:#ffffff2e}.match-stats b{display:block;font-size:1.2rem;font-variant-numeric:tabular-nums}.match-stats span{font-size:.72rem;opacity:.9}.rarity{display:flex;flex-direction:column;gap:12px}.rarity-row{display:grid;grid-template-columns:88px 1fr auto;align-items:center;gap:10px;font-size:.9rem}.rarity-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar{height:10px;border-radius:999px;background:var(--surface-2);overflow:hidden}.bar i{display:block;height:100%;border-radius:999px;background:var(--accent)}.bar i.rare{background:var(--hi)}.person{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line)}.person-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.strength{display:flex;gap:3px}.strength i{width:14px;height:6px;border-radius:3px;background:var(--surface-2)}.strength i.on{background:var(--accent)}.gathering{display:flex;gap:14px;align-items:center;padding:16px;border-radius:var(--r-lg);background:var(--hi-soft)}.pulse{flex:none;width:14px;height:14px;border-radius:50%;background:var(--hi);box-shadow:0 0 0 0 var(--hi)}@media(prefers-reduced-motion:no-preference){.pulse{animation:pulse 1.8s ease-out infinite}}@keyframes pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--hi) 60%,transparent)}to{box-shadow:0 0 0 14px transparent}}.invite{display:flex;flex-direction:column;gap:12px;border:1.5px solid var(--hi)}.invite-title{font-size:1.35rem;font-weight:800}.common-list{list-style:none;margin:0;padding:10px 14px;background:var(--surface-2);border-radius:var(--r-md);display:flex;flex-direction:column;gap:6px}.nick-row{flex-wrap:wrap}.chat-page{height:100dvh}.chat-head{padding:8px 20px 10px;font-size:.84rem}.messages{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px}.msg{max-width:82%;align-self:flex-start;display:flex;gap:8px;align-items:flex-end}.msg-me{align-self:flex-end;flex-direction:row-reverse}.msg-col{display:flex;flex-direction:column;min-width:0}.msg-me .msg-col{align-items:flex-end}.msg-name{font-size:.76rem;font-weight:600;color:var(--muted);margin:0 0 3px 4px}.msg-bubble{display:inline-block;padding:9px 13px;border-radius:18px 18px 18px 6px;background:var(--bubble);white-space:pre-wrap;word-break:break-word;text-align:left}.msg-me .msg-bubble{background:var(--bubble-me);color:var(--bubble-me-ink);border-radius:18px 18px 6px}.msg-time{font-size:.68rem;color:var(--muted);margin:3px 4px 0}.msg-system{align-self:center;max-width:92%;padding:8px 14px;border-radius:14px;background:var(--hi-soft);font-size:.84rem;text-align:center}.composer{padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--nav-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.composer .input,.composer .btn{border-radius:999px;min-height:46px}.sheet-backdrop{position:fixed;inset:0;background:#0000006b;display:flex;align-items:flex-end;justify-content:center;z-index:20}.sheet{width:100%;max-width:480px;max-height:86dvh;overflow-y:auto;background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px 24px 0 0;padding:8px 20px calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}[data-theme=bluepink] .sheet{background:#fff}.sheet-handle{width:40px;height:5px;border-radius:3px;background:var(--line);margin:4px auto}.sheet-title{font-size:1.1rem;font-weight:700}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.theme-option{position:relative;display:flex;flex-direction:column;gap:10px;padding:10px 10px 12px;border-radius:var(--r-lg);background:var(--surface);border:1.5px solid var(--line);cursor:pointer}.theme-option input{position:absolute;opacity:0;pointer-events:none}.theme-option.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.theme-preview{height:92px;border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:6px;overflow:hidden}.theme-preview .tp-bubble{height:14px;width:62%;border-radius:8px}.theme-preview .tp-bubble.me{align-self:flex-end;width:48%}.theme-preview .tp-btn{margin-top:auto;height:18px;border-radius:9px}.theme-name{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 4px}.theme-name b{font-size:.95rem}.check-dot{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--line);display:inline-flex;align-items:center;justify-content:center}.selected .check-dot{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.check-dot svg{width:12px;height:12px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:0}.test-badge{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--hi-soft);color:var(--hi)}
