:root{--bg:oklch(15% .015 265);--panel:oklch(19% .018 265);--card:oklch(22% .02 265);--line:oklch(32% .02 265/.6);--ink:oklch(95% .005 265);--mut:oklch(70% .015 265);--dim:oklch(53% .015 265);--coral:oklch(72% .19 25);--cyan:oklch(82% .12 210);--good:oklch(78% .16 155);--gold:oklch(83% .14 78);--line-soft:oklch(32% .02 265/.32);--spring:linear(0, .009, .035 2.9%, .13 6.3%, .57 18.2%, .76 24.8%, .88 31.3%, .955 38.1%, .995 44.5%, 1.007 50.6%, 1.01 57.2%, 1.001);--sky:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='128' height='44' viewBox='0 0 128 44'%3E%3Cpath fill='%23000' d='M0 44V24h9v-7h7v13h10V13h6v18h11V20h8v13h9V9h6v24h12V17h8v18h10V22h7v14h11V26h8V44Z'/%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0}html{color-scheme:dark}body{background:radial-gradient(60% 40% at 80% -5%, oklch(30% .06 290/.5), transparent 70%), radial-gradient(50% 35% at 10% 105%, oklch(28% .06 240/.45), transparent 70%), var(--bg);color:var(--ink);min-height:100dvh;font:13.5px/1.5 ui-sans-serif,system-ui,-apple-system,sans-serif;overflow-x:hidden}.wrap{max-width:1400px;margin:0 auto;padding:16px clamp(12px,2.5vw,26px) 90px}.hd{flex-wrap:wrap;align-items:center;gap:12px;padding:6px 0 16px;display:flex}.logo{letter-spacing:-.02em;align-items:center;gap:9px;font-size:17px;font-weight:800;display:flex}.logo .pin{background:linear-gradient(135deg, var(--coral), oklch(60% .2 350));border-radius:50% 50% 50% 4px;place-items:center;width:30px;height:30px;display:grid;rotate:-45deg;box-shadow:0 4px 16px oklch(72% .19 25/.4)}.logo .pin i{font-size:13px;font-style:normal;rotate:45deg}.hd .city{color:var(--dim);border:1px solid var(--line);border-radius:99px;padding:4px 12px;font-size:12px}.hd .sp{flex:1}.live{color:var(--mut);align-items:center;gap:7px;font-size:12px;display:inline-flex}.live i{background:var(--good);border-radius:50%;width:8px;height:8px;font-style:normal;animation:1.8s ease-in-out infinite lp}@keyframes lp{50%{opacity:.3}}.explain{background:color-mix(in oklch, var(--coral) 8%, var(--panel));border:1px solid var(--line);color:var(--mut);border-radius:12px;margin-bottom:14px;padding:11px 15px;font-size:12.5px;line-height:1.55}.explain b{color:var(--coral)}.filters{background:color-mix(in oklch, var(--panel) 80%, transparent);border:1px solid var(--line);backdrop-filter:blur(16px);border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;padding:12px 16px;display:flex}.fg{gap:5px;display:grid}.fg label{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-size:10.5px;font-weight:700}.range-wrap{color:var(--mut);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:12px;display:flex}input[type=range]{accent-color:var(--coral);cursor:pointer;width:140px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);color:var(--mut);cursor:pointer;transition:all .25s var(--spring);background:0 0;border-radius:99px;padding:6px 12px;font:600 12px inherit}.chip[aria-pressed=true]{background:var(--coral);border-color:var(--coral);color:oklch(16% .02 25);transform:scale(1.05)}.seg{background:var(--card);border:1px solid var(--line);border-radius:9px;padding:2px;display:flex}.seg button{color:var(--mut);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:5px 12px;font:600 12px inherit}.seg button[aria-pressed=true]{background:var(--coral);color:oklch(16% .02 25)}.switch{cursor:pointer;color:var(--mut);user-select:none;align-items:center;gap:8px;font-size:12.5px;display:inline-flex}.switch input{appearance:none;background:var(--card);border:1px solid var(--line);cursor:pointer;border-radius:99px;width:36px;height:20px;margin:0;transition:background .25s;position:relative}.switch input:after{content:"";background:var(--mut);width:14px;height:14px;transition:translate .3s var(--spring), background .2s;border-radius:50%;position:absolute;top:2px;left:2px}.switch input:checked{background:color-mix(in oklch, var(--coral) 55%, var(--card));border-color:var(--coral)}.switch input:checked:after{background:#fff;translate:16px}.count{color:var(--dim);margin-left:auto;font-size:12.5px}.count b{color:var(--coral);font-variant-numeric:tabular-nums;font-size:15px}.split{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=1060px){.split{grid-template-columns:1fr 300px}.map-panel{position:sticky;top:14px}}.board{grid-template-columns:repeat(4,1fr);align-items:start;gap:14px;display:grid}@media (width<=900px){.board{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:12px;padding-bottom:10px;display:flex;overflow-x:auto}.col{scroll-snap-align:start;min-width:80vw}}.col{--c:var(--cyan);background:color-mix(in oklch, var(--panel) 55%, transparent);border:1px solid var(--line-soft);min-height:340px;transition:box-shadow .25s var(--spring), background .2s;border-radius:18px;flex-direction:column;gap:9px;padding:7px 8px 10px;display:flex;position:relative}.col[data-col=new]{--c:var(--cyan)}.col[data-col=short]{--c:var(--gold)}.col[data-col=visit]{--c:var(--good)}.col[data-col=rej]{--c:oklch(60% .02 265)}.col:before{content:"";background:linear-gradient(90deg, var(--c), transparent 85%);opacity:.85;border-radius:18px 18px 0 0;height:3px;position:absolute;inset:0 0 auto}.col-h{align-items:center;gap:9px;padding:10px 8px 2px;display:flex}.cdot{background:var(--c);width:9px;height:9px;box-shadow:0 0 9px color-mix(in oklch, var(--c) 65%, transparent);border-radius:3px;flex:none}.cttl{letter-spacing:-.01em;font-size:13.5px;font-weight:650}.col-h .n{color:var(--mut);background:color-mix(in oklch, var(--c) 12%, var(--card));border:1px solid color-mix(in oklch, var(--c) 25%, var(--line));text-align:center;font-variant-numeric:tabular-nums;border-radius:99px;min-width:24px;margin-left:auto;padding:2px 8px;font-size:12px;font-weight:650}.col-h .add{width:26px;height:26px;color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;font-size:17px;line-height:1;transition:all .18s}.col-h .add:hover{background:color-mix(in oklch, var(--c) 16%, transparent);color:var(--c)}.col.over{background:color-mix(in oklch, var(--c) 9%, var(--panel));box-shadow:inset 0 0 0 2px color-mix(in oklch, var(--c) 55%, transparent)}.col.over .col-empty{border-color:color-mix(in oklch, var(--c) 55%, transparent);color:color-mix(in oklch, var(--c) 70%, var(--ink))}.col-empty{border:1.5px dashed var(--line);text-align:center;color:var(--dim);border-radius:13px;padding:26px 12px;font-size:12px;line-height:1.5;transition:all .2s;display:none}.col-empty .ce-i{opacity:.6;margin-bottom:6px;font-size:22px;display:block}.col:not(:has(.lst)) .col-empty{display:block}.lst{background:var(--card);border:1px solid var(--line);cursor:grab;transition:transform .35s var(--spring), border-color .2s, box-shadow .3s, opacity .2s;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 1px 2px oklch(0% 0 0/.2)}.lst:hover{border-color:color-mix(in oklch, var(--coral) 45%, var(--line));transform:translateY(-3px);box-shadow:0 16px 36px -12px oklch(0% 0 0/.55)}.lst.dragging{opacity:.4;cursor:grabbing;scale:.97}.lst.hl{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan), 0 16px 36px -12px oklch(0% 0 0/.5)}.ph{height:116px;position:relative;overflow:hidden}.ph.p1{background:linear-gradient(175deg,oklch(50% .12 265) 0%,oklch(62% .14 30) 60%,oklch(74% .15 60) 100%)}.ph.p2{background:linear-gradient(175deg,oklch(42% .1 285) 0%,oklch(58% .15 340) 55%,oklch(72% .14 20) 100%)}.ph.p3{background:linear-gradient(175deg,oklch(44% .1 245) 0%,oklch(56% .13 300) 55%,oklch(66% .12 330) 100%)}.ph.p4{background:linear-gradient(175deg,oklch(40% .08 220) 0%,oklch(52% .12 285) 55%,oklch(64% .13 330) 100%)}.ph .moon{background:oklch(96% .06 85);border-radius:50%;width:26px;height:26px;position:absolute;top:16px;right:22px;box-shadow:0 0 26px 4px oklch(95% .1 85/.55)}.ph .skyline{-webkit-mask:var(--sky) bottom/auto 100% repeat-x;mask:var(--sky) bottom/auto 100% repeat-x;background:oklch(16% .03 265/.9);position:absolute;inset:44px 0 0}.ph .win{opacity:.9;z-index:1;align-items:flex-end;gap:4px;height:26px;display:flex;position:absolute;bottom:8px;left:10px;right:10px}.ph .win i{background:linear-gradient(#0000,oklch(90% .11 85/.75));border-radius:1px;flex:1}.ph:after{content:"";background:linear-gradient(oklch(14% .02 265/0) 45%,oklch(13% .02 265/.75));position:absolute;inset:0}.ph .tag{z-index:2;letter-spacing:.05em;text-transform:uppercase;backdrop-filter:blur(6px);border-radius:99px;padding:3px 9px;font-size:9.5px;font-weight:700;position:absolute;top:9px;left:9px}.tag.owner{background:color-mix(in oklch, var(--good) 88%, transparent);color:oklch(17% .03 155)}.tag.agency{color:oklch(92% .01 265);background:oklch(20% .02 265/.7);border:1px solid oklch(100% 0 0/.15)}.heart{z-index:2;backdrop-filter:blur(6px);cursor:pointer;color:oklch(95% .01 265);width:30px;height:30px;transition:transform .3s var(--spring), color .2s, background .2s;background:oklch(15% .02 265/.5);border:0;border-radius:99px;font-size:14px;position:absolute;top:7px;right:7px}.heart:hover{background:oklch(15% .02 265/.75)}.heart:active{transform:scale(1.35)}.heart.on{color:var(--coral);background:color-mix(in oklch, var(--coral) 22%, oklch(15% .02 265/.5))}.ph .price{z-index:2;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 8px oklch(0% 0 0/.6);font-size:17px;font-weight:800;position:absolute;bottom:9px;left:10px}.ph .price small{opacity:.8;font-size:11px;font-weight:600}.lst .body{padding:12px 13px 13px}.ttl{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:650;overflow:hidden}.meta{color:var(--mut);margin-top:5px;font-size:12px}.foot{align-items:center;gap:9px;margin-top:11px;display:flex}.ppm{font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:7px;padding:3px 8px;font-size:10.5px;font-weight:700}.spark7{width:58px;height:18px}.spark7 polyline{fill:none;stroke:var(--cyan);stroke-width:1.6px;opacity:.85}.ago{color:var(--dim);white-space:nowrap;margin-left:auto;font-size:11px}.mv{opacity:0;transition:grid-template-rows .3s var(--spring), opacity .25s, margin .3s;grid-template-rows:0fr;margin-top:0;display:grid}.mv>div{overflow:hidden}.lst:hover .mv,.lst:focus-within .mv{opacity:1;grid-template-rows:1fr;margin-top:11px}.mv select{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--mut);cursor:pointer;border-radius:9px;padding:8px;font:600 11.5px inherit}@media (hover:none){.mv{opacity:1;grid-template-rows:1fr;margin-top:11px}}.map-panel{background:color-mix(in oklch, var(--panel) 80%, transparent);border:1px solid var(--line);backdrop-filter:blur(16px);border-radius:14px;padding:14px}.map-panel h2{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:10px;font-size:11px}.map{border:1px solid var(--line);background:oklch(11% .02 265);border-radius:12px;width:100%;display:block}.dstr{fill:oklch(20% .022 265);stroke:oklch(34% .03 265/.7);stroke-width:.7px;transition:fill .2s}.dstr:hover{fill:oklch(26% .035 265)}.park{fill:oklch(32% .06 150/.4);stroke:oklch(40% .06 150/.3);stroke-width:.5px}.street{stroke:oklch(32% .02 265/.55);stroke-width:.7px;fill:none}.street.major{stroke:oklch(42% .03 60/.5);stroke-width:1.4px}.rail{stroke:oklch(50% .02 265/.4);stroke-width:.6px;stroke-dasharray:2 2;fill:none}.river{fill:none;stroke:oklch(50% .09 235);stroke-opacity:.85;stroke-linecap:round;stroke-linejoin:round}.river-core{fill:none;stroke:oklch(62% .1 225/.6);stroke-linecap:round}.bridge{stroke:oklch(55% .02 265/.7);stroke-width:2.4px;stroke-linecap:round}.dlabel{fill:oklch(72% .02 265/.75);pointer-events:none;letter-spacing:.1em;text-transform:uppercase;font:700 6px ui-sans-serif,system-ui}.compass{fill:var(--mut);font:700 8px ui-sans-serif,system-ui}.scan{fill:url(#scanGrad);opacity:.45;transform-box:view-box;transform-origin:140px 168px;animation:6s linear infinite radar}@keyframes radar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mpin{cursor:pointer;transition:transform .28s var(--spring);transform-origin:bottom;transform-box:fill-box}.mpin .marker{fill:var(--coral);stroke:oklch(14% .02 265);stroke-width:1px;filter:drop-shadow(0 1.5px 1.5px oklch(0% 0 0/.5))}.mpin .dot{fill:oklch(16% .02 265)}.mpin .ring{fill:none;stroke:var(--coral);stroke-width:1.4px;opacity:0;transform-box:fill-box;transform-origin:50%}.mpin.big{transform:scale(1.45)}.mpin.big .marker{fill:var(--cyan);filter:drop-shadow(0 0 6px var(--cyan))}.mpin.big .ring{stroke:var(--cyan);animation:1.1s ease-out infinite ping}@keyframes ping{0%{opacity:.7;transform:scale(.4)}to{opacity:0;transform:scale(2.4)}}.map-legend{color:var(--dim);gap:12px;margin-top:9px;font-size:11px;display:flex}.map-legend i{border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.tg{z-index:80;background:color-mix(in oklch, var(--panel) 92%, transparent);border:1px solid var(--line);backdrop-filter:blur(18px);width:min(330px,100vw - 28px);transition:translate .5s var(--spring);border-radius:14px;padding:12px;position:fixed;top:14px;right:14px;translate:120%;box-shadow:0 18px 50px oklch(0% 0 0/.4)}.tg.on{translate:0}.tg .h{align-items:center;gap:9px;margin-bottom:7px;display:flex}.tg .ava{background:linear-gradient(135deg,oklch(65% .14 230),oklch(55% .16 260));border-radius:9px;place-items:center;width:30px;height:30px;font-size:14px;display:grid}.tg .h b{font-size:13px}.tg .h span{color:var(--dim);font-size:11px;display:block}.tg .mute{color:var(--dim);margin-left:auto;font-size:13px}.tg p{color:var(--mut);margin-bottom:9px;font-size:12.5px}.tg p b{color:var(--ink)}.tg .act{gap:7px;display:flex}.tg .act button{border:1px solid var(--line);color:var(--mut);cursor:pointer;background:0 0;border-radius:9px;flex:1;padding:7px;font:650 12px inherit;transition:all .2s}.tg .act button.add{background:var(--coral);border-color:var(--coral);color:oklch(16% .02 25)}.tg .act button:hover{transform:translateY(-1px)}.lst.fly-in{animation:fly .6s var(--spring)}@keyframes fly{0%{opacity:0;transform:translateY(-26px)scale(.92)}}.yl-pill{z-index:90;background:var(--panel);border:1px solid var(--line);color:var(--mut);backdrop-filter:blur(14px);transition:all .3s var(--spring);border-radius:99px;align-items:center;gap:7px;padding:8px 14px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex;position:fixed;bottom:14px;right:14px}.yl-pill:hover{color:var(--coral);border-color:var(--coral);transform:translateY(-2px)}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.scan{display:none}}