:root{color:#17383e;background:#e9efeb;font-family:Noto Sans JP,Yu Gothic,Meiryo,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #f1b760}h1,h2,p{margin:0}a{color:#126463}.topbar{color:#fff;background:#15383e;justify-content:space-between;align-items:center;gap:16px;height:72px;padding:10px 20px;display:flex}.brand{align-items:center;gap:11px;min-width:0;display:flex}.brand-mark{color:#e4fff2;background:#2a7772;border-radius:10px;place-items:center;width:38px;height:38px;font-size:27px;display:grid}.brand h1{white-space:nowrap;font-size:18px}.brand p{color:#c4ded5;margin-top:2px;font-size:11px}.top-actions{white-space:nowrap;align-items:center;gap:12px;display:flex}.top-actions span{color:#c4ded5;font-size:12px}button{color:#185759;background:#fff;border:1px solid #adc8bf;border-radius:7px;padding:8px 12px;font-size:12px;font-weight:700}.primary{color:#0d3539;background:#2db18d;border-color:#2db18d}.workspace{grid-template-columns:minmax(0,1fr) 340px;height:calc(100dvh - 72px);min-height:560px;display:grid}.map-column{flex-direction:column;min-width:0;min-height:0;display:flex}.map-toolbar{background:#fff;border-bottom:1px solid #cadcd3;align-items:center;gap:8px;padding:12px;display:flex}.map-toolbar label{white-space:nowrap;font-size:12px;font-weight:700}.map-toolbar input{flex:1;min-width:100px}.map-toolbar input,.setup-row input{color:#17383e;background:#fff;border:1px solid #b9cec4;border-radius:7px;padding:9px}.map-frame{background:#d5e2da;flex:1;min-height:0;position:relative}#map{width:100%;height:100%}.map-placeholder{background:linear-gradient(145deg,#d7e8dd,#edf3ec);place-items:center;padding:20px;display:grid;position:absolute;inset:0}.map-placeholder[hidden],.map-hint[hidden]{display:none}.setup-card{background:#fff;border:1px solid #d1e1d6;border-radius:15px;width:min(450px,100%);padding:26px;box-shadow:0 16px 40px #183c3840}.eyebrow{letter-spacing:.11em;color:#348577;font-size:10px;font-weight:900}.setup-card h2{margin:7px 0;font-size:20px}.setup-card p{color:#547275;font-size:12px;line-height:1.7}.setup-card label{margin:19px 0 6px;font-size:12px;font-weight:700;display:block}.setup-row{gap:7px;display:flex}.setup-row input{flex:1;min-width:0}.setup-note{margin-top:11px}.map-hint{pointer-events:none;color:#fff;white-space:nowrap;background:#15383ee9;border-radius:20px;padding:9px 15px;font-size:12px;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #0003}.status-line{background:#f7faf6;border-top:1px solid #d1e0d5;align-items:center;gap:9px;min-height:42px;padding:10px 14px;font-size:12px;display:flex}.status-dot{background:#32a784;border-radius:50%;flex:none;width:8px;height:8px}.status-line.error .status-dot{background:#d6694c}.sidebar{background:#fff;border-left:1px solid #cadcd3;flex-direction:column;min-height:0;display:flex}.sidebar-head{justify-content:space-between;align-items:center;gap:9px;padding:18px 17px 13px;display:flex}.sidebar-head h2{margin-top:4px;font-size:17px}.sidebar-head h2 span{color:#348577;font-size:13px}.sidebar-head button{font-size:10px}.handoff{background:#eaf7ef;border:1px solid #bde2cd;border-radius:10px;margin:0 12px 15px;padding:14px}.handoff strong{font-size:13px}.handoff p{color:#4b686a;margin:6px 0 11px;font-size:11px;line-height:1.6}.handoff button{color:#fff;background:#15383e;border-color:#15383e;width:100%}.list-tools{color:#698083;justify-content:space-between;align-items:center;gap:7px;padding:0 14px 10px;font-size:10px;display:flex}.import-label{cursor:pointer;color:#126463;white-space:nowrap;font-weight:700}.house-list{flex:1;margin:0;padding:0 12px 18px;list-style:none;overflow:auto}.house-row{border:1px solid #d8e6df;border-radius:9px;margin-bottom:7px;padding:10px}.house-row.selected{background:#f1fbf5;border-color:#31a487}.house-main{text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:0;display:flex}.house-number{color:#fff;background:#17646a;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.house-main strong{font-size:12px}.house-main small{color:#698083;margin-top:2px;font-size:10px;display:block}.house-actions{justify-content:space-between;align-items:center;padding:7px 0 0 36px;display:flex}.house-actions a{font-size:10px;font-weight:700}.house-actions button{color:#a34730;background:#fff7f4;border-color:#e7c4b9;padding:4px 7px;font-size:10px}.empty-list{color:#6c8483;text-align:center;border:1px dashed #c2d6ca;border-radius:10px;padding:35px 10px;font-size:12px;line-height:1.7}@media (width<=800px){.workspace{flex-direction:column;height:auto;min-height:calc(100dvh - 72px);display:flex}.map-column{height:62dvh;min-height:420px}.sidebar{border-top:1px solid #cadcd3;border-left:0}.house-list{max-height:330px}.map-toolbar{flex-wrap:wrap}.map-toolbar label{display:none}.map-toolbar input{min-width:55%}}@media (width<=520px){.topbar{height:64px;padding:8px 11px}.brand-mark{width:30px;height:30px;font-size:22px}.brand h1{font-size:13px}.brand p{font-size:10px}.top-actions span{display:none}.top-actions button{padding:7px;font-size:10px}.workspace{min-height:calc(100dvh - 64px)}.map-column{height:60dvh;min-height:400px}.map-hint{white-space:normal;text-align:center;width:max-content;max-width:calc(100% - 20px);font-size:10px}.map-toolbar{padding:8px}.map-toolbar input{min-width:calc(100% - 170px)}.map-toolbar button{padding:8px;font-size:10px}.setup-card{padding:18px}}.sync-card{background:#eef5ff;border:1px solid #c8dce9;border-radius:10px;margin:0 12px 12px;padding:14px}.sync-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.sync-title strong{font-size:13px}#sync-badge{color:#315b6a;white-space:nowrap;background:#d9e6ee;border-radius:12px;padding:4px 7px;font-size:10px}.sync-card p{color:#4b686a;margin:7px 0;font-size:11px;line-height:1.6}.sync-card details{margin:9px 0}.sync-card summary{color:#126463;cursor:pointer;font-size:11px;font-weight:700}.sync-card label{margin:10px 0 4px;font-size:10px;font-weight:700;display:block}.sync-card input{color:#17383e;background:#fff;border:1px solid #b9cec4;border-radius:7px;width:100%;padding:8px;font-size:12px}.sync-actions{align-items:center;gap:7px;margin-top:8px;display:flex}.sync-actions span{color:#4b686a;font-size:10px}.sync-actions button{flex:none}#sign-out[hidden]{display:none}@media (width<=800px){.sidebar{max-height:none}.house-list{max-height:none;overflow:visible}.map-column{height:64dvh;min-height:420px}.map-frame{min-height:330px}}@media (width<=520px){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.topbar{height:58px}.brand h1{font-size:12px}.brand p{font-size:9px}.top-actions button{font-size:10px}.map-column{height:63dvh;min-height:380px}.map-toolbar input{min-width:calc(100% - 160px)}.map-toolbar button{padding:8px 6px;font-size:10px}.map-frame{min-height:260px}.sidebar-head{padding:12px}.sync-card,.handoff{margin-left:10px;margin-right:10px}.map-hint{top:8px}}.boundary-card{background:#fff8eb;border:1px solid #efd4a6;border-radius:10px;margin:0 12px 12px;padding:13px}.overview-widget{z-index:2;width:var(--overview-width,190px);pointer-events:none;max-width:calc(100% - 24px);position:absolute;top:12px;left:12px}.overview-widget[hidden],.overview-settings[hidden]{display:none}.overview-shell{aspect-ratio:19/15;background:#18383e;border:2px solid #fff;border-radius:11px;width:100%;position:relative;overflow:hidden;box-shadow:0 5px 22px #102b3280}.house-row{content-visibility:auto;contain-intrinsic-size:auto 78px}#overview-map,#overview-pins{width:100%;height:100%;position:absolute;inset:0}#overview-pins{pointer-events:none}.overview-label{color:#fff;pointer-events:none;background:#15383ee8;border-radius:5px;padding:3px 7px;font-size:10px;font-weight:700;position:absolute;top:5px;left:6px}.overview-settings-button{pointer-events:auto;color:#fff;background:#15383ee8;border-color:#cbe1da;min-width:27px;min-height:27px;padding:2px 6px;font-size:15px;position:absolute;top:4px;right:4px}.overview-settings{pointer-events:auto;background:#f9fffbf5;border:1px solid #a9c7bd;border-radius:9px;width:240px;max-width:calc(100vw - 24px);padding:10px 12px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 5px 18px #102b3260}.overview-settings label{justify-content:space-between;margin-bottom:3px;font-size:11px;font-weight:700;display:flex}.overview-settings input{accent-color:#19836e;width:100%;margin:0 0 8px}.overview-settings input:last-child{margin-bottom:0}@media (width<=520px){.overview-widget{top:8px;left:8px}.map-hint{max-width:calc(100% - 20px);top:auto;bottom:10px}}@media (width<=800px){.topbar{display:none}.workspace{min-height:100dvh}.map-column{height:90dvh;min-height:600px}}@media (width<=520px){.workspace{min-height:100dvh}.map-column{height:90dvh;min-height:600px}}.boundary-card-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.boundary-card-title strong{font-size:13px}.boundary-card-title span{color:#94631b;background:#ffefd0;border-radius:12px;padding:4px 7px;font-size:10px}.boundary-card p{color:#6c6354;margin:7px 0 10px;font-size:11px;line-height:1.6}.boundary-actions,.boundary-control-buttons{flex-wrap:wrap;gap:6px;display:flex}.boundary-actions button{font-size:11px}.boundary-actions button:first-child{color:#402600;background:#ef9d40;border-color:#ef9d40}.boundary-actions [hidden],.boundary-controls[hidden],.boundary-control-buttons [hidden]{display:none}.boundary-controls{z-index:2;text-align:center;background:#fffef9f5;border:1px solid #e5b46a;border-radius:12px;width:min(440px,100% - 24px);padding:12px;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0004}.boundary-controls strong{margin-bottom:9px;font-size:12px;display:block}.boundary-control-buttons{justify-content:center}.boundary-control-buttons button{font-size:11px}@media (width<=520px){.boundary-card{margin-left:10px;margin-right:10px}.boundary-controls{padding:9px;bottom:9px}.boundary-control-buttons button{padding:7px}}.map-toolbar select{color:#17383e;font:inherit;background:#fff;border:1px solid #b9cec4;border-radius:7px;min-width:88px;padding:8px 9px;font-size:12px}@media (width<=520px){.map-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.map-toolbar input{grid-area:1/1;width:100%;min-width:0}.map-toolbar #jump-button{grid-area:1/2}.map-toolbar select{grid-area:2/1;justify-self:start;min-width:78px;padding:7px 6px;font-size:10px}.map-toolbar #undo-button{grid-area:2/2;justify-self:end}}.pin-color-counts{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:0 14px 10px;display:grid}.pin-color-count{color:#24474b;font-variant-numeric:tabular-nums;white-space:nowrap;border:1px solid #e1eae5;border-radius:14px;align-items:center;gap:5px;min-width:0;padding:4px 6px;font-size:10px;display:flex}.pin-color-count i{background:var(--pin-color);border-radius:50%;flex:none;width:9px;height:9px;display:block}.pin-color-count.is-empty{color:#8b9a96;background:#f8faf8}.pin-color-count.is-empty i{opacity:.35}@media (width<=520px){.pin-color-counts{gap:4px;padding:0 10px 10px}.pin-color-count{justify-content:center;font-size:10px}}