:root{--bg:#fff;--surface:#f2f1f6;--ink:#131218;--muted:#85818f;--line:#e6e4ec;--accent:#7a5cff;--accent-ink:#fff;--yellow:#ffdd2e;--on-yellow:#131218;--alert:#ff2d55;--ok:#1fc95b;--map-land:#e8f1da;--map-park:#cde5b0;--map-road:#fff;--map-major:#f6d672;--map-water:#a8d3f4;--map-ring:#fff;--map-label:#6f7a63;--scrim:#0a090e73;--shadow:0 6px 20px #1410281f;--display:"Noto Sans KR", system-ui, -apple-system, "Apple SD Gothic Neo", sans-serif;--appw:min(100vw, 440px);--fs:clamp(12px, calc(var(--appw) * 14 / 390), 16px);--fs-small:clamp(12px, calc(var(--appw) * 13 / 390), 15px);--fs-title:clamp(19px, calc(var(--appw) * 22 / 390), 25px);--icon:clamp(18px, calc(var(--appw) * 20 / 390), 23px);--btn-h:clamp(34px, calc(var(--appw) * 38 / 390), 44px);--fs-profile:10px;--body:"Noto Sans KR", system-ui, -apple-system, "Apple SD Gothic Neo", sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f0e13;--surface:#1c1a23;--ink:#f3f1f8;--muted:#9a96a6;--line:#2a2833;--accent:#9a86ff;--accent-ink:#120f1c;--yellow:#ffd60a;--on-yellow:#131218;--alert:#ff4d6d;--ok:#2bd46a;--map-land:#18211a;--map-park:#20321f;--map-road:#30333a;--map-major:#6a5a24;--map-water:#1b3850;--map-ring:#ffffff73;--map-label:#8b9a86;--scrim:#0000009e;--shadow:0 6px 20px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f0e13;--surface:#1c1a23;--ink:#f3f1f8;--muted:#9a96a6;--line:#2a2833;--accent:#9a86ff;--accent-ink:#120f1c;--yellow:#ffd60a;--on-yellow:#131218;--alert:#ff4d6d;--ok:#2bd46a;--map-land:#18211a;--map-park:#20321f;--map-road:#30333a;--map-major:#6a5a24;--map-water:#1b3850;--map-ring:#ffffff73;--map-label:#8b9a86;--scrim:#0000009e;--shadow:0 6px 20px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{height:100%}body{font-size:var(--fs);background:var(--bg);color:var(--ink);font-family:var(--body);place-items:center;margin:0;display:grid;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,[role=slider]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{background:var(--bg);flex-direction:column;width:100%;max-width:440px;height:100%;display:flex;position:relative;overflow:hidden}@media (width>=600px){.app{border:1px solid var(--line);height:min(100%,900px);box-shadow:var(--shadow);border-radius:32px}}.screen{flex:1;min-height:0;overflow:hidden auto}.screen.fixed{flex-direction:column;display:flex;overflow:hidden}.nav{border-top:1px solid var(--line);background:var(--bg);grid-template-columns:repeat(5,1fr);padding:8px 0 6px;display:grid}.nav:empty{display:none}.nav button{color:var(--muted);font-size:var(--fs);background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:4px 0;font-weight:700;display:flex;position:relative}.nav button.on{color:var(--ink)}.nav button .dot{background:0 0;border-radius:50%;width:5px;height:5px}.nav button.on .dot{background:var(--ink)}.nav .icowrap{place-items:center;display:grid;position:relative}.badge{background:var(--alert);color:#fff;min-width:22px;height:22px;font-size:var(--fs);font-variant-numeric:tabular-nums;border:2px solid var(--bg);box-sizing:border-box;border-radius:999px;place-items:center;padding:0 6px;font-weight:900;display:inline-grid}.nav .badge{position:absolute;top:-9px;left:12px}svg[viewBox="0 0 24 24"]{width:var(--icon);height:var(--icon)}.av{--s:48px;width:var(--s);height:var(--s);color:#fff;font-weight:900;font-size:calc(var(--s) * .38);background:linear-gradient(135deg, var(--c1), var(--c2));border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.av img{object-fit:cover;width:100%;height:100%}@property --p{syntax:"<number>";inherits:true;initial-value:100}.ring{--p:100;--rc:var(--ok);--rt:var(--line);border-radius:50%;flex:none;place-items:center;padding:5px;transition:--p 1s linear;display:inline-grid;position:relative}.ring:before{content:"";border-radius:inherit;background:conic-gradient(var(--rc) calc(var(--p) * 1%), var(--rt) 0);-webkit-mask-composite:xor;pointer-events:none;padding:3px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ring.seen{--rc:var(--muted);--rt:transparent}.ring.blank{--rc:transparent;--rt:transparent}.ring.sqr{border-radius:28px}.photo{color:#fff;background:linear-gradient(var(--ang), var(--c1), var(--c2));place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%}.photo .ini{font-family:var(--display);opacity:.28;font-size:150px;font-weight:900}.photo .cap{font-size:var(--fs);background:#00000047;border-radius:999px;padding:3px 9px;font-weight:700;position:absolute;top:24px;right:14px}.typing-anim{color:var(--ok);align-items:center;gap:6px;font-weight:700;display:inline-flex}.dots{align-items:center;gap:4px;display:inline-flex}.dots i{background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.2s infinite bnc}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes bnc{0%,60%,to{opacity:.45;transform:none}30%{opacity:1;transform:translateY(-4px)}}.scrim{background:var(--scrim);z-index:75;align-items:flex-end;animation:.2s fade;display:flex;position:absolute;inset:0}.scrim.center{justify-content:center;align-items:center;padding:0 20px}@keyframes fade{0%{opacity:0}}@keyframes up{0%{opacity:.6;transform:translateY(40px)}}.btnrow{justify-content:flex-end;gap:8px;margin:16px 0 0;display:flex}.btn{height:var(--btn-h);white-space:nowrap;width:auto;font-weight:900;font-size:var(--fs);background:var(--surface);border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 16px;display:inline-flex}.btn.primary{background:var(--ink);color:var(--bg)}.btn.alert{background:var(--alert);color:#fff}.modal{background:var(--bg);border-radius:24px;width:100%;max-width:360px;padding:22px;animation:.2s up}.modal h3{font-size:var(--fs-title);margin:0 0 6px}.modal p{color:var(--muted);font-size:var(--fs-small);margin:0 0 14px;line-height:1.55}.field{box-sizing:border-box;border:1.5px solid var(--line);background:var(--bg);width:100%;min-width:0;height:44px;color:var(--ink);font:inherit;font-size:var(--fs);border-radius:12px;padding:0 12px}.smallbtn{height:var(--btn-h);white-space:nowrap;background:var(--ink);width:auto;color:var(--bg);font-weight:900;font-size:var(--fs);border:0;border-radius:999px;flex:none;justify-content:center;align-self:flex-start;align-items:center;gap:6px;padding:0 16px;display:inline-flex}.smallbtn.ghost{background:var(--bg);color:var(--ink);border:1.5px solid var(--line)}@keyframes heartpop{40%{transform:scale(1.18)}}.toast{z-index:90;background:var(--ink);color:var(--bg);font-size:var(--fs);box-shadow:var(--shadow);text-align:left;border:0;border-radius:18px;align-items:center;gap:10px;padding:10px 14px;font-weight:700;animation:.25s drop;display:flex;position:absolute;top:12px;left:12px;right:12px}.toast .tx{flex:1;min-width:0}.toast .tx b{font-size:var(--fs);display:block}.toast .tx span{opacity:.8;white-space:nowrap;text-overflow:ellipsis;font-weight:500;font-size:var(--fs-small);display:block;overflow:hidden}@keyframes drop{0%{opacity:0;transform:translateY(-14px)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.sheet{background:var(--surface);border-radius:26px 26px 0 0;width:100%;max-height:86%;padding:20px 18px 22px;animation:.25s up;overflow-y:auto}.sheet h3{font-size:var(--fs-title);margin:0 0 6px;font-weight:900}.sheet p{color:var(--muted);font-size:var(--fs-small);margin:0;line-height:1.55}.pgrid{grid-template-columns:repeat(7,1fr);gap:10px;margin-top:12px;display:grid}.pswatch{aspect-ratio:1;border:1.5px solid var(--line);cursor:pointer;border-radius:50%;max-width:100%;padding:0;position:relative;overflow:hidden}.pswatch.on{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--ink)}.pswatch.none{background:var(--bg)}.pswatch.none:after{content:"";background:var(--alert);height:2px;position:absolute;top:50%;left:-10%;right:-10%;transform:rotate(-45deg)}.pswatch.custom{background:conic-gradient(#ff2d55,#ffdd2e,#1fc95b,#38bdf8,#7a5cff,#ff2d55)}.pswatch.custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.dphead{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.dphead b{font-size:var(--fs)}.dpbtn{font-size:var(--fs);color:var(--accent);background:0 0;border:0;padding:8px 4px}.dpbtn.strong{font-weight:900}.wheels{grid-template-columns:1.3fr 1fr 1fr;height:180px;display:grid;position:relative}.wheels.single{grid-template-columns:1fr}.wheels.single .wheel li{white-space:nowrap;text-overflow:ellipsis;padding:0 16px;overflow:hidden}.wheel{z-index:1;box-sizing:border-box;scroll-snap-type:y mandatory;scrollbar-width:none;height:180px;margin:0;padding:72px 0;list-style:none;position:relative;overflow-y:scroll;-webkit-mask-image:linear-gradient(#0000,#000 35% 65%,#0000);mask-image:linear-gradient(#0000,#000 35% 65%,#0000)}.wheel::-webkit-scrollbar{display:none}.wheel li{text-align:center;scroll-snap-align:center;height:36px;line-height:36px;font-size:var(--fs);color:var(--muted)}.wheel li.on{color:var(--ink);font-weight:700}.wband{background:var(--bg);pointer-events:none;border-radius:10px;height:36px;position:absolute;top:72px;left:0;right:0}.policysheet{max-height:92%}.sheettop{justify-content:flex-end;margin:-8px -6px 0;display:flex}.policytext{font-size:var(--fs-small);color:var(--ink);overflow-wrap:anywhere;line-height:1.6}.policytext h3{font-size:var(--fs-title);margin:0 0 8px;font-weight:900}.policytext h4{font-size:var(--fs);margin:14px 0 4px;font-weight:900}.policytext p,.policytext ul,.policytext blockquote{margin:4px 0}.policytext ul{padding-left:18px}.policytext blockquote{border-left:3px solid var(--line);color:var(--muted);padding-left:10px}.policytext .tablewrap{margin:6px 0;overflow-x:auto}.policytext table{border-collapse:collapse;min-width:100%}.policytext th,.policytext td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:4px 6px}.doclink{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.tag{background:var(--tag-bg,var(--yellow));color:var(--on-yellow);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border-radius:6px;align-items:center;gap:2px;padding:4px 9px;font-weight:900;line-height:1.2;display:inline-flex}.langswitch{background:var(--surface);border-radius:999px;flex:none;gap:2px;padding:3px;display:inline-flex}.langswitch button{color:var(--muted);font-size:var(--fs-small);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 10px;font-weight:900}.langswitch button.on{background:var(--accent);color:var(--accent-ink)}.splash{z-index:80;background:var(--accent);color:var(--accent-ink);flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:opacity .4s;display:flex;position:absolute;inset:0}.splash.out{opacity:0}.logo{font-family:var(--display);font-weight:900;font-size:var(--logo-size,44px);color:var(--logo-color,var(--accent));text-shadow:0 3px 0 color-mix(in srgb, var(--accent) 55%, #000), 0 6px 16px color-mix(in srgb, var(--accent) 40%, transparent);line-height:1}.splash .logo{--logo-size:84px;--logo-color:var(--accent-ink)}.splash .logo span{animation:.5s cubic-bezier(.34,1.8,.5,1) both labelIn;animation-delay:calc(var(--i) * .12s);display:inline-block}@keyframes labelIn{0%{opacity:0;translate:24px}70%{opacity:1;translate:-3px}to{opacity:1;translate:0}}.splash p{opacity:.85;margin:0;font-weight:700}@keyframes logoIn{0%{opacity:0;transform:scale(.6)}}.signup{--signup-field-w:min(80%, 340px);--signup-label-w:120px;--signup-title-gap:50px;z-index:70;background:var(--bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:0 24px;display:flex;position:absolute;inset:0}.signup #suLang{top:calc(12px + env(safe-area-inset-top));position:absolute;right:12px}.signup h2{margin:0 0 var(--signup-title-gap);font-size:var(--fs-title)}.signup p{color:var(--muted);font-size:var(--fs);margin:0;line-height:1.5}.signup label{width:var(--signup-field-w);text-align:left;font-size:var(--fs);color:var(--muted);flex-direction:column;align-items:stretch;gap:6px;font-weight:700;display:flex}.signup .err{width:var(--signup-field-w);text-align:center;color:var(--alert);font-size:var(--fs);min-height:18px;font-weight:700}.signup .field{width:100%}.signup .btn{align-self:center}.signup .hint.ok{color:var(--ok)}.signup .datefield{text-align:left;color:var(--muted);cursor:pointer}.signup .datefield.picked{color:var(--ink)}.signup .float{width:var(--signup-field-w);display:block;position:relative}.signup .float .field{height:calc(var(--btn-h) * 1.1);padding:0 10px 0 var(--signup-label-w);transition:border-color .2s,box-shadow .2s}.signup .float .flabel{font-size:var(--fs);color:var(--muted);pointer-events:none;font-weight:700;transition:color .2s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.signup .float:focus-within .flabel,.signup .float.open .flabel{color:var(--accent)}.signup .float:focus-within .field,.signup .float.open .field{border-color:var(--accent);box-shadow:0 0 12px 2px color-mix(in srgb, var(--accent) 35%, transparent);outline:none;animation:.35s cubic-bezier(.34,1.56,.64,1) snapbox}.signup .float input::placeholder{color:#0000;transition:color .2s}.signup .float:focus-within input::placeholder{color:var(--muted)}.signup .float .datefield{align-items:center;display:flex;position:relative}@keyframes snapbox{0%{transform:scale(.97)}60%{transform:scale(1.015)}to{transform:scale(1)}}.signup .float{animation:.7s cubic-bezier(.2,1.4,.4,1) both logoIn;animation-delay:calc(.35s + var(--order,0) * .12s)}@keyframes tileIn{0%{opacity:0;translate:0 28px;scale:.9}60%{opacity:1;translate:0 -4px;scale:1.03}to{opacity:1;translate:0;scale:1}}@media (prefers-reduced-motion:reduce){.splash .logo span,.signup .float,.signup .float .flabel,.signup .float .field{transition:none;animation:none}}.signup .btn.shake,.signup .socialbtn.shake{animation:.45s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{translate:-1px}20%,80%{translate:2px}30%,50%,70%{translate:-4px}40%,60%{translate:4px}}@media (prefers-reduced-motion:reduce){.signup .btn.shake,.signup .socialbtn.shake{animation:none}}.signup .socialrow{justify-content:center;gap:16px;margin-top:16px;display:flex}.signup .socialbtn{width:calc(var(--btn-h) * 1.25);height:calc(var(--btn-h) * 1.25);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.signup .socialbtn.google{background:#fff;border:0}.signup .socialbtn .gmark{width:calc(var(--icon) * 1.2);height:calc(var(--icon) * 1.2)}.signup .btn.anon{width:var(--signup-field-w);color:var(--muted);background:0 0}.signup .gmark{width:var(--icon);height:var(--icon)}.ban{z-index:90;background:var(--bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:0 24px;display:flex;position:absolute;inset:0}.ban h2{font-size:var(--fs-title);color:var(--alert);margin:0}.ban p{color:var(--muted);font-size:var(--fs);margin:0;line-height:1.5}.map{background:var(--map-land);border-radius:26px;flex:1;margin:12px;position:relative;overflow:hidden}.map .kmap{z-index:0;position:absolute;inset:0}.map:has(.locatebtn) .maphead{display:none}.map .locatebtn{z-index:5;width:var(--btn-h);height:var(--btn-h);background:var(--bg);color:var(--accent);box-shadow:var(--shadow);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:12px;right:12px}.map svg.bg{width:100%;height:100%;position:absolute;inset:0}.map .land{fill:var(--map-land)}.map .park{fill:var(--map-park)}.map .water{fill:none;stroke:var(--map-water);stroke-width:14px;stroke-linecap:round}.map .road{fill:none;stroke:var(--map-road);stroke-width:5px;stroke-linecap:round}.map .major{fill:none;stroke:var(--map-major);stroke-width:8px;stroke-linecap:round}.map .radius{fill:none;stroke:var(--map-ring);stroke-width:2.5px}.map .lbl{fill:var(--map-label);font-family:var(--display);font-size:22px;font-weight:900}.maphead{text-align:center;pointer-events:none;position:absolute;top:14px;left:0;right:0}.maphead .mapnote{background:var(--bg);width:fit-content;max-width:90%;color:var(--muted);font-size:var(--fs-small);border-radius:999px;margin:4px auto 0;padding:4px 10px;font-weight:700}.maphead span{font-size:var(--fs-small);color:var(--muted);font-weight:700}.pin{background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:0;transition:left 2.6s,top 2.6s;display:flex;position:absolute;transform:translate(-50%,-50%)}.pin .av{box-shadow:0 0 0 3px var(--bg)}.pin .ring .av{box-shadow:none}.pin .ring{background:var(--bg)}.pin.me .tag{background:var(--accent);color:var(--accent-ink)}.pin .tag{font-size:var(--fs);background:var(--bg);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;padding:2px 8px;font-weight:900}.pin.me:before{content:"";background:var(--accent);opacity:.14;border-radius:50%;width:110px;height:110px;margin:-55px 0 0 -55px;animation:2.4s ease-out infinite pulse;position:absolute;top:29px;left:50%}.pin.me.ghost .av{filter:grayscale();opacity:.6}.pin.me.ghost:before{display:none}@keyframes pulse{0%{opacity:.3;transform:scale(.4)}to{opacity:0;transform:scale(1.2)}}.online{background:var(--ok);border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 2px #fffc}.storyrow{scrollbar-width:none;border-bottom:1px solid var(--line);gap:14px;margin-bottom:14px;padding:16px;display:flex;overflow-x:auto}.storyrow::-webkit-scrollbar{display:none}.storyrow button{background:0 0;border:0;flex:none;place-items:center;padding:4px 0 0;display:grid}.sq{color:#fff;background:linear-gradient(135deg, var(--c1), var(--c2));border-radius:22px;place-items:center;width:64px;height:64px;font-size:24px;font-weight:900;display:grid;position:relative}.sq img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.sq .plus{background:var(--ok);color:#fff;border:3px solid var(--bg);border-radius:50%;place-items:center;width:24px;height:24px;font-size:16px;line-height:1;display:grid;position:absolute;bottom:-6px;right:-6px}.banner{background:var(--accent);color:var(--accent-ink);border-radius:22px;align-items:center;gap:12px;margin:0 16px 18px;padding:16px;display:flex}.banner b{font-size:var(--fs);font-weight:900;display:block}.banner p{font-size:var(--fs-small);opacity:.85;margin:2px 0 0;line-height:1.45}.sect{font-size:var(--fs);margin:0 16px 6px;font-weight:900}.row{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:10px 16px;display:flex}.row:hover{background:var(--surface)}.row .mid{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.row .nm{font-weight:900;font-size:var(--fs)}.row .pv{font-size:var(--fs-small);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.row .pv.new{color:var(--ink);font-weight:700}.overlay{background:var(--bg);z-index:20;flex-direction:column;animation:.22s slide;display:flex;position:absolute;inset:0}@keyframes slide{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}.chathead{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:10px 12px;display:flex}.chathead .who{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.chathead .who b{font-size:var(--fs);display:block}.chathead .who small{font-size:var(--fs-small);color:var(--muted)}.iconbtn{background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.iconbtn:hover{background:var(--surface)}.iconbtn.danger{color:var(--alert)}.notice{text-align:center;font-size:var(--fs-small);color:var(--muted);padding:10px 24px 2px;line-height:1.5}.msgs{flex-direction:column;flex:1;gap:8px;min-height:0;padding:8px 14px 12px;display:flex;overflow-y:auto}.m{flex-direction:column;gap:3px;max-width:76%;display:flex}.m.me{align-self:flex-end;align-items:flex-end}.m.them{align-self:flex-start}.bub{font-size:var(--fs);word-break:break-word;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:pointer;border:2px solid #0000;border-radius:20px;padding:10px 14px;line-height:1.45}.m.me .bub{background:var(--accent);color:var(--accent-ink);border-bottom-right-radius:6px}.m.them .bub{font-size:var(--fs-small);background:var(--surface);border-bottom-left-radius:6px}.bub.saved{border-color:var(--yellow)}.bub.photo{padding:4px;background:var(--surface)!important}.bub.photo img{border-radius:16px;max-width:220px;display:block}.bub.typingbub{color:var(--muted);cursor:default;padding:14px 16px}.bub.pop{animation:.3s pop}@keyframes pop{50%{transform:scale(1.06)}}.chatrules{background:var(--surface);color:var(--muted);font-size:var(--fs-small);zoom:.6;border-radius:16px;align-self:stretch;padding:10px 12px}.chatrules.tile{padding-right:40px;position:relative}.chatrules .rulesclose{width:var(--btn-h);height:var(--btn-h);color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:8px;right:8px}#chatListRules{margin:0 16px 18px}.chatwarn{background:color-mix(in srgb, var(--alert) 12%, transparent);max-width:92%;color:var(--alert);font-size:var(--fs-small);text-align:center;border-radius:12px;align-self:center;padding:8px 12px;font-weight:700;line-height:1.45}.meta{font-size:var(--fs-small);color:var(--muted);align-items:center;gap:6px;display:flex}.meta .sv{color:var(--on-yellow);background:var(--yellow);border-radius:999px;padding:1px 7px;font-weight:900}.voice{align-items:center;gap:8px;display:flex}.voice .wave{align-items:center;gap:2px;height:22px;display:flex}.voice .wave i{opacity:.7;background:currentColor;border-radius:2px;width:3px}.voice.playing .wave i{animation:.8s ease-in-out infinite wv}@keyframes wv{50%{transform:scaleY(.4)}}.composer{border-top:1px solid var(--line);align-items:center;gap:6px;padding:8px 10px 10px;display:flex}.composer input[type=text]{background:var(--surface);min-width:0;height:44px;font:inherit;font-size:var(--fs);color:var(--ink);border:0;border-radius:999px;flex:1;padding:0 16px}.sendbtn{background:var(--accent);width:44px;height:44px;color:var(--accent-ink);border:0;border-radius:50%;place-items:center;display:grid}.rec{background:var(--surface);font-variant-numeric:tabular-nums;border-radius:999px;flex:1;align-items:center;gap:10px;height:44px;padding:0 16px;font-weight:700;display:flex}.rec i{background:var(--alert);border-radius:50%;width:10px;height:10px;animation:1s infinite blink}@keyframes blink{50%{opacity:.2}}.call{z-index:40;color:#fff;background:linear-gradient(170deg, var(--c1), var(--c2));flex-direction:column;justify-content:space-between;align-items:center;padding:70px 20px 50px;display:flex;position:absolute;inset:0}.call .av{box-shadow:0 0 0 6px #ffffff40}.call h2{font-family:var(--display);font-weight:900;font-size:var(--fs-title);margin:16px 0 4px}.call .st{font-variant-numeric:tabular-nums;opacity:.85}.endcall{color:#fff;background:#ff2d55;border:0;border-radius:50%;place-items:center;width:72px;height:72px;display:grid}.reason{font-size:var(--fs);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.reportnote{height:calc(var(--btn-h) * 2);resize:none;font:inherit;margin-top:12px;padding:10px 12px}.reportphoto{align-items:center;gap:10px;margin-top:8px;display:flex}.reportphoto img{width:calc(var(--btn-h) * 1.4);height:calc(var(--btn-h) * 1.4);object-fit:cover;border-radius:10px}.deck{flex:1;margin:16px 16px 0;position:relative}.card{color:#fff;touch-action:none;box-shadow:var(--shadow);-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:28px;flex-direction:column;justify-content:flex-end;padding:22px;display:flex;position:absolute;inset:0;overflow:hidden}.card>.photo{z-index:0;position:absolute;inset:0}.card>:not(.photo){z-index:1;position:relative}.card .shade{background:linear-gradient(#0000,#00000080);inset:40% 0 0;position:absolute!important}.card .more{font-size:var(--fs-small);opacity:.85;margin-top:8px;font-weight:700}.card h2{font-family:var(--display);font-weight:900;font-size:var(--fs-title);align-items:center;gap:8px;margin:0;display:flex}.card h2 small{font:inherit}.card p{font-size:var(--fs-small);opacity:.92;margin:4px 0 10px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips .tag{font-size:var(--fs-small)}.stamp{opacity:0;border:3px solid #fff;border-radius:12px;padding:6px 14px;font-size:22px;font-weight:900;position:absolute;top:26px}.stamp.yes{left:22px;transform:rotate(-12deg)}.stamp.no{right:22px;transform:rotate(12deg)}.card.behind{filter:brightness(.85);transform:scale(.95)translateY(12px)}.swbtns{justify-content:center;gap:28px;padding:16px 0 14px;display:flex}.swbtns button{border:1.5px solid var(--line);background:var(--bg);width:64px;height:64px;box-shadow:var(--shadow);border-radius:50%;place-items:center;display:grid}.swbtns .yes{color:var(--ok)}.swbtns .no{color:var(--alert)}.swbtns .yes.liked{background:var(--ok);border-color:var(--ok);color:#fff;animation:.35s heartpop}.swcount{font-size:var(--fs-small);color:var(--muted);margin:-4px 16px 8px}.swempty{text-align:center;font-size:var(--fs-small);color:var(--muted);padding:40px 24px;line-height:1.7}.friendsbtn{height:var(--btn-h);white-space:nowrap;border:1.5px solid var(--line);background:var(--surface);width:auto;font-weight:900;font-size:var(--fs);border-radius:999px;flex:none;align-items:center;gap:8px;margin:0 16px 18px;padding:0 16px;display:inline-flex}.friendsbtn .cnt{color:var(--muted);font-weight:700;font-size:var(--fs-small)}.likerow{align-items:center;gap:12px;padding:10px 16px;display:flex}.likerow .mid{flex:1;min-width:0}.likerow .nm{font-weight:900;font-size:var(--fs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.likerow small{color:var(--muted);font-size:var(--fs-small);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.avbtn{background:0 0;border:0;border-radius:50%;padding:0}.acceptbtn{height:var(--btn-h);white-space:nowrap;background:var(--ok);color:#fff;width:auto;font-weight:900;font-size:var(--fs);border:0;border-radius:999px;flex:none;align-items:center;gap:4px;padding:0 16px;display:inline-flex}.minilike{color:var(--alert);flex:none}.empty{color:var(--muted);font-size:var(--fs-small);margin:0;padding:6px 16px 14px;line-height:1.6}.searchbox{margin:16px 0 14px}.searchrow{align-items:center;gap:8px;padding:0 16px;display:flex}.searchrow .field{height:var(--btn-h);flex:1}.searchmsg{font-size:var(--fs-small);color:var(--muted);margin:8px 16px 0}.acceptbtn:disabled{background:var(--line);color:var(--muted)}.pview .photo .cap{font-size:var(--fs-profile)}.pview{z-index:35;color:#fff;background:#3a3940;flex-direction:column;padding:8px 16px 16px;animation:.25s up;display:flex;position:absolute;inset:0}.pview.grow{animation:.28s cubic-bezier(.2,.9,.3,1) grow}@keyframes grow{0%{opacity:.4;border-radius:28px;transform:scale(.86)}}.pview .pvtop{justify-content:space-between;align-items:center;height:48px;display:flex}.pview .pvtop button{color:#fff}.pview .pvtopbtns{gap:4px;display:flex}.pvcard{touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#222;border-radius:22px;flex:1;min-height:0;position:relative;overflow:hidden}.ptrack{height:100%;transition:transform .3s;display:flex}.ptrack.dragging{transition:none}.pslide{flex:0 0 100%;height:100%}.pvcard .bars{z-index:2;gap:4px;display:flex;position:absolute;top:10px;left:12px;right:12px}.pvcard .bars i{background:#fff6;border-radius:2px;flex:1;height:3px}.pvcard .bars i.on{background:#fff}.pvinfo{z-index:2;pointer-events:none;background:linear-gradient(#0000,#0000008c);flex-direction:column;gap:8px;padding:40px 20px 22px;display:flex;position:absolute;bottom:0;left:0;right:0}.pvinfo h2{font-size:var(--fs-title);align-items:baseline;gap:10px;margin:0;font-weight:900;display:flex}.pvinfo .loc{font-size:var(--fs-profile);align-items:center;gap:6px;font-weight:500;display:flex}.pvinfo .chips{flex-wrap:wrap;gap:6px;display:flex}.pvinfo .chips .tag{font-size:var(--fs-profile)}.pvinfo .chips span.km{font-size:var(--fs-profile);color:#fff;background:#00000059;border:1.5px solid #ffffffd9;border-radius:6px;padding:4px 9px;font-weight:700}.pvinfo .bio{font-size:var(--fs-profile);opacity:.92;margin:0}.pvact{justify-content:center;gap:8px;margin-top:12px;display:flex}.pvact button.ping{color:#131218;background:#ffdd2e}.pvact button.liked{background:#ff2d55;animation:.35s heartpop}.pvact button:disabled{color:#c9c7cf;background:#55535c}.pvhint{font-size:var(--fs-profile);color:#d9d7df;margin:8px 4px 0;line-height:1.5}.pvact button{height:var(--btn-h);white-space:nowrap;color:#fff;width:auto;font-weight:900;font-size:var(--fs-profile);background:#1fc95b;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 16px;display:inline-flex}.pvinfo .handle{font-size:var(--fs-profile);opacity:.8;margin-top:-6px;font-weight:700}.story{z-index:40;color:#fff;background:#000;flex-direction:column;display:flex;position:absolute;inset:0}.story .bar{background:#ffffff4d;border-radius:2px;height:3px;margin:12px 12px 0;overflow:hidden}.story .bar i{background:#fff;width:0;height:100%;animation:5s linear forwards prog;display:block}@keyframes prog{to{width:100%}}.story .sh{align-items:center;gap:10px;padding:12px;display:flex}.story .sh .who{color:#fff;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.story .sh .who small{font-size:var(--fs-small);opacity:.75;font-weight:500;display:block}.story .foot{align-items:center;gap:10px;min-height:76px;padding:10px 16px 18px;display:flex}.story .likers{font-size:var(--fs);align-items:center;gap:8px;min-width:0;font-weight:700;display:flex}.story .likers span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.likebtn{color:#fff;background:#ffffff1f;border:0;border-radius:50%;place-items:center;width:52px;height:52px;margin-left:auto;display:grid}.likebtn.on{color:#ff2d55;animation:.35s heartpop}.storytext{text-align:center;word-break:break-word;background:#000 50%/cover;flex:1;place-items:center;padding:24px;display:grid}.stext{-webkit-box-decoration-break:clone;box-decoration-break:clone;font-weight:900;line-height:1.55;display:inline}.guide{background:var(--bg);font-size:var(--fs);border-radius:14px;margin-top:10px;padding:12px 14px;line-height:1.6}.guide b{font-size:var(--fs-small);color:var(--muted);display:block}.guide .path{font-weight:900}.guide small{color:var(--muted);font-size:var(--fs-small);display:block}.mehead{align-items:center;gap:14px;padding:22px 16px 18px;display:flex}.mehead .info{flex:1;min-width:0}.mehead h2{font-family:var(--display);font-weight:900;font-size:var(--fs-title);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.mehead p{color:var(--muted);font-size:var(--fs-small);margin:2px 0 0}.nameedit{gap:6px;display:flex}.tagedit{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.tagedit .tag{height:32px;font-size:var(--fs);box-sizing:border-box;padding:0 4px 0 10px}.tagedit button{width:24px;height:24px;color:var(--on-yellow);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.tagedit button svg{width:14px;height:14px}.tagadd .field{height:var(--btn-h)}.box{background:var(--surface);border-radius:22px;margin:0 16px 14px;padding:16px}.box h4{font-size:var(--fs);margin:0 0 12px}.box .hint{font-size:var(--fs-small);color:var(--muted);margin:10px 0 0;line-height:1.5}.storyprev{align-items:center;gap:12px;margin-bottom:14px;display:flex}.thumb{text-align:center;word-break:break-word;background:#111 50%/cover;border-radius:12px;flex:none;place-items:center;width:60px;height:86px;padding:4px;font-size:11px;font-weight:900;display:grid;overflow:hidden}.editor{grid-template-columns:96px 1fr;align-items:start;gap:12px;display:grid}.editor .thumb{width:96px;height:150px;font-size:16px}.editor .btnline{justify-content:space-between;align-items:center;gap:6px;display:flex}.editor .btnline .smallbtn{padding:0 16px}.pickers{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:1px;display:grid}.colorpick{height:34px;font-size:var(--fs);color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0 6px;font-weight:700;display:flex;position:relative}.colorpick.on{color:var(--ink)}.colorpick .swatch{border:1.5px solid var(--line);border-radius:50%;flex:none;width:16px;height:16px;position:relative;overflow:hidden}.colorpick .swatch.none{background:var(--bg)}.colorpick .swatch.none:after{content:"";background:var(--alert);height:1.5px;position:absolute;top:50%;left:-2px;right:-2px;transform:rotate(-45deg)}.sliderrow.off{opacity:.4;pointer-events:none}.sliderrow{margin-top:18px}.sliderrow .lbl{font-size:var(--fs);color:var(--muted);justify-content:space-between;margin-bottom:0;font-weight:700;display:flex}.sliderrow .lbl b{color:var(--ink);font-variant-numeric:tabular-nums}.slider{touch-action:none;cursor:pointer;height:18px;position:relative}.slider .track{background:var(--line);border-radius:999px;height:4px;margin-top:-2px;position:absolute;top:50%;left:0;right:0}.slider .fill{background:var(--ink);border-radius:999px;height:100%}.slider .thumb2{background:var(--bg);border:2px solid var(--ink);width:18px;height:18px;box-shadow:var(--shadow);border-radius:50%;margin:-9px 0 0 -9px;position:absolute;top:50%}.setrow{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.setrow div{min-width:0}.setrow b{font-size:var(--fs);display:block}.linkrow{text-align:left;cursor:pointer;background:0 0;border:0;width:100%}.setrow small{color:var(--muted);font-size:var(--fs-small)}.sw{background:var(--line);border:0;border-radius:999px;flex:none;width:34px;height:20px;padding:0;position:relative}.sw:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.sw.on{background:var(--ok)}.sw.on:after{transform:translate(14px)}.sw:active:after{width:20px}.sw.on:active:after{transform:translate(10px)}.photogrid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.photogrid .cell{aspect-ratio:3/4;border-radius:10px;max-width:100%;position:relative;overflow:hidden}.photogrid .del{color:#fff;background:#0000008c;border:0;border-radius:50%;place-items:center;width:22px;height:22px;padding:0;display:grid;position:absolute;top:3px;right:3px}.photogrid .add{aspect-ratio:3/4;border:1.5px dashed var(--muted);background:var(--bg);color:var(--muted);border-radius:10px;place-items:center;font-size:32px;display:grid}.withdraw{width:fit-content;color:var(--muted);font-size:var(--fs-small);background:0 0;border:0;margin:6px auto 24px;padding:10px 16px;font-weight:700;display:block}