:root{--ink:#171714;--paper:#f4f1e8;--line:#c8c2b4;--orange:#f15a24;--green:#1f5b45;--blue:#bdd7db;--shadow:7px 7px 0 var(--ink);color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);margin:0}button,input,textarea,select{font:inherit}button,a{color:inherit}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:30;background:#f4f1e8f0;justify-content:space-between;align-items:center;height:76px;padding:0 3vw;display:flex;position:sticky;top:0}.brand{letter-spacing:-.04em;align-items:baseline;gap:8px;text-decoration:none;display:flex}.brand span{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.brand b{font-size:19px}.topbar nav{gap:30px;display:flex}.topbar nav a{font-size:13px;text-decoration:none}.about{border:1px solid var(--ink);letter-spacing:.08em;text-transform:uppercase;padding:10px 15px;font-size:12px;text-decoration:none}.intro{border-bottom:1px solid var(--line);grid-template-columns:1.5fr .7fr;align-items:end;min-height:390px;padding:70px 5vw 46px;display:grid}.eyebrow{letter-spacing:.15em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:700}h1{letter-spacing:-.06em;margin:20px 0 0;font-size:clamp(56px,8vw,124px);font-weight:660;line-height:.83}h1 i,h2 i{font-family:Georgia,serif;font-weight:400}.lede{max-width:470px;margin:0 0 10px;font-family:Georgia,serif;font-size:20px;line-height:1.55}.controls{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:18px 3vw;display:flex}.search{align-items:center;gap:10px;min-width:310px;display:flex}.search span{font-size:25px}.search input{background:0 0;border:0;outline:none;width:100%}.chips{flex-wrap:wrap;gap:7px;display:flex}.chips button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:100px;padding:9px 14px;font-size:12px}.chips button.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.workspace{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.5fr) minmax(360px,.75fr);min-height:770px;display:grid}.map-panel{border-right:1px solid var(--line);min-height:770px;position:relative;overflow:hidden}.map-grid{background-color:#dedbd0;background-image:linear-gradient(32deg,#0000 48%,#1717141c 49%,#0000 50%),linear-gradient(123deg,#0000 47%,#17171414 48%,#0000 49%);background-size:115px 75px,145px 100px;position:absolute;inset:0}.water{background:var(--blue);border:1px solid #9fbfc4;position:absolute;transform:rotate(-16deg)}.water-one{border-radius:46%;width:18%;height:120%;top:-10%;left:60%}.water-two{border-radius:50%;width:35%;height:25%;top:53%;left:30%}.district{letter-spacing:.2em;opacity:.48;font:10px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;position:absolute}.d1{top:20%;left:29%}.d2{top:43%;left:48%}.d3{top:86%;left:29%}.d4{top:43%;left:78%}.pin{background:var(--green);border:2px solid var(--paper);color:#fff;cursor:pointer;z-index:3;border-radius:50%;width:36px;height:36px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 8px #0004}.kind-bakery{background:#e84d2f}.kind-restaurant{background:#24251f}.kind-café{background:#8b6448}.pin.selected{outline:2px solid var(--ink);outline-offset:3px;z-index:5;width:48px;height:48px}.pin span{font:700 11px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.legend{background:var(--paper);z-index:4;gap:15px;padding:11px 14px;font-size:10px;display:flex;position:absolute;bottom:20px;left:20px}.dot{border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.coffee{background:var(--green)}.bakery{background:#e84d2f}.food{background:#24251f}.map-card{background:var(--paper);border:1px solid var(--ink);box-shadow:var(--shadow);z-index:10;width:min(390px,100% - 56px);padding:23px;position:absolute;top:28px;left:28px}.map-card>p:first-child,.map-card small{letter-spacing:.09em;text-transform:uppercase;font:10px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.map-card h2{letter-spacing:-.04em;margin:10px 0;font-size:31px}.map-card .note{font-family:Georgia,serif;line-height:1.45}.tag-row{flex-wrap:wrap;gap:5px;display:flex}.tag-row span{border:1px solid var(--line);padding:4px 7px;font-size:10px}.score-row{border-bottom:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin:18px 0 14px;display:grid}.score-row div{border-right:1px solid var(--line);padding:12px 5px 10px}.score-row div:last-child{border:0}.score-row b{font-size:24px;display:block}.score-row span{letter-spacing:.09em;text-transform:uppercase;font-size:9px}.results{padding:30px 28px;overflow:auto}.results-head{justify-content:space-between;align-items:end;display:flex}.results h2{letter-spacing:-.04em;margin:8px 0 0;font-size:28px}.results select{border:1px solid var(--ink);background:0 0;padding:9px}.formula{background:#e3ded2;margin:20px 0;padding:10px;font:10px/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.list{border-top:1px solid var(--line)}.place{border:0;border-bottom:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;grid-template-columns:35px 1fr 50px;gap:8px;width:100%;padding:17px 4px;display:grid}.place:hover,.active-place{background:#ebe5d8}.rank{color:#777;font:11px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.place-main small,.place-main span,.total small{letter-spacing:.08em;text-transform:uppercase;font-size:9px;display:block}.place-main strong{margin:4px 0;font-size:18px;display:block}.place-main span{color:#68665e}.total{text-align:right}.total b{font-size:22px}.total small{font-size:8px}.concierge{background:var(--green);color:#f7f1e5;grid-template-columns:1fr 1fr;gap:10vw;padding:90px 6vw;display:grid}.concierge h2,.method h2{letter-spacing:-.055em;margin:18px 0 25px;font-size:clamp(45px,6vw,85px);line-height:.92}.concierge>div>p:last-child{max-width:480px;font-family:Georgia,serif;line-height:1.6}.ask-box{color:var(--ink);background:#f7f1e5;align-self:center;padding:25px;box-shadow:10px 10px #0d392a}.ask-box label{letter-spacing:.14em;text-transform:uppercase;font:10px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.ask-box textarea{border:0;border-bottom:1px solid var(--ink);resize:vertical;background:0 0;outline:none;width:100%;min-height:110px;margin:15px 0;padding:5px 0;font-family:Georgia,serif;font-size:22px;display:block}.ask-box button{background:var(--orange);border:0;justify-content:space-between;width:100%;padding:14px 16px;font-weight:650;display:flex}.answer{border-left:3px solid var(--orange);margin:16px 0 0;padding-left:12px;font:13px/1.5 Inter,ui-sans-serif,system-ui,sans-serif}.method{padding:90px 6vw}.method>div:first-child{grid-template-columns:.6fr 1.4fr;display:grid}.method-grid{border-top:1px solid var(--ink);grid-template-columns:repeat(4,1fr);margin-top:60px;display:grid}.method-grid article{border-right:1px solid var(--line);margin-right:22px;padding:24px 22px 35px 0}.method-grid article:last-child{border:0}.method-grid b{color:var(--orange);font:12px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.method-grid h3{margin:35px 0 10px;font-size:22px}.method-grid p{font-family:Georgia,serif;font-size:14px;line-height:1.5}.disclaimer{border:1px solid var(--ink);letter-spacing:.1em;margin-top:25px;padding:17px;font:10px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.disclaimer span{letter-spacing:0;text-transform:none;margin-left:25px}footer{background:var(--ink);color:var(--paper);letter-spacing:.12em;justify-content:space-between;padding:25px 4vw;font:10px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:flex}@media (width<=900px){.topbar nav{display:none}.intro{grid-template-columns:1fr;gap:45px}.workspace{grid-template-columns:1fr}.map-panel{border-bottom:1px solid var(--line);border-right:0;min-height:650px}.results{max-height:650px}.concierge,.method>div:first-child{grid-template-columns:1fr}.method-grid{grid-template-columns:1fr 1fr}.controls{flex-direction:column;align-items:flex-start}.search{width:100%}}@media (width<=560px){.topbar{padding:0 18px}.about{display:none}.intro{padding:55px 22px}.intro h1{font-size:58px}.map-card{width:calc(100% - 36px);top:18px;left:18px}.score-row{grid-template-columns:repeat(2,1fr)}.workspace,.map-panel{min-height:760px}.results{padding:25px 18px}.concierge,.method{padding:65px 22px}.method-grid{grid-template-columns:1fr}.method-grid article{border-bottom:1px solid var(--line);border-right:0}.disclaimer span{margin:10px 0 0;display:block}.controls{padding:16px 18px}footer{flex-direction:column;gap:15px}}