:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#25211b;background:#f5f3ef;font-synthesis:none;text-rendering:optimizeLegibility;--surface: oklch(.985 .004 82);--canvas: oklch(.95 .007 82);--ink: oklch(.25 .012 80);--muted: oklch(.54 .012 80);--line: oklch(.87 .009 82);--accent: oklch(.57 .195 31);--accent-hover: oklch(.52 .2 31);--shadow: 0 1px 2px rgb(40 35 25 / 8%), 0 8px 24px rgb(40 35 25 / 10%)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}button{border:0;font:inherit}button:focus-visible{outline:3px solid oklch(.68 .12 244 / 55%);outline-offset:2px}#app{display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--canvas)}.toolbar,.action-bar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;background:var(--surface)}.toolbar{min-height:60px;padding:calc(10px + env(safe-area-inset-top)) 18px 10px;border-bottom:1px solid var(--line)}.title-group{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;color:var(--accent);background:#fce5e1}.brand-mark svg{width:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}h1,.title-group p{margin:0}h1{font-size:14px;font-weight:680;letter-spacing:-.01em}.title-group p{margin-top:1px;color:var(--muted);font-size:11px;font-weight:520}.text-button{min-height:36px;padding:0 10px;color:var(--muted);background:transparent;border-radius:7px;cursor:pointer;font-size:12px;font-weight:600}.text-button:hover{color:var(--ink);background:#edebe7}.map-stage{position:relative;min-height:0;overflow:hidden;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background-color:var(--canvas);background-image:radial-gradient(oklch(.79 .01 82) .7px,transparent .7px);background-size:16px 16px}.map-frame{--inverse-scale: 1;position:absolute;top:0;left:0;overflow:hidden;transform-origin:0 0;border:1px solid oklch(.83 .008 82);background:var(--surface);box-shadow:0 1px 4px #2823191a;will-change:transform}.map-frame img{display:block;width:100%;height:100%;pointer-events:none}.pin{position:absolute;z-index:2;width:28px;height:28px;margin:-14px 0 0 -14px;transform:scale(var(--inverse-scale));transform-origin:center;pointer-events:none}.pin-dot,.pin-ring{position:absolute;border-radius:50%}.pin-dot{inset:7px;z-index:2;background:var(--accent);border:2px solid var(--surface);box-shadow:0 2px 5px #331f164d}.pin-ring{inset:2px;background:#e85a4533;border:1px solid oklch(.57 .195 31 / 50%)}.instruction,.zoom-controls{position:absolute;z-index:4;background:#fbfaf7f5;border:1px solid var(--line);box-shadow:var(--shadow)}.instruction{top:14px;left:50%;display:flex;min-height:38px;align-items:center;gap:8px;padding:0 13px;border-radius:9px;color:var(--ink);transform:translate(-50%);white-space:nowrap;font-size:12px;font-weight:580;pointer-events:none}.instruction-icon{width:8px;height:8px;border:2px solid var(--accent);border-radius:50%}.instruction-selected .instruction-icon{background:var(--accent)}.zoom-controls{right:14px;bottom:14px;display:grid;width:42px;overflow:hidden;border-radius:9px}.zoom-controls button{min-height:39px;color:var(--ink);background:var(--surface);border-bottom:1px solid var(--line);cursor:pointer;font-size:20px;line-height:1}.zoom-controls button:hover{background:#f0eeea}.zoom-controls .reset-view{border-bottom:0;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.action-bar{min-height:72px;gap:18px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.selection-status{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:550}.status-dot{width:7px;height:7px;border-radius:50%;background:#a8a49e}.status-selected{background:var(--accent)}.actions{display:flex;gap:8px}.primary-button,.secondary-button{min-height:42px;padding:0 16px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:650;transition:background-color .16s ease-out,color .16s ease-out,border-color .16s ease-out}.primary-button{color:#fbfaf7;background:var(--accent)}.primary-button:hover:not(:disabled){background:var(--accent-hover)}.secondary-button{color:var(--ink);background:var(--surface);border:1px solid var(--line)}.secondary-button:hover:not(:disabled){background:#f0eeea}.primary-button:disabled,.secondary-button:disabled{color:#928f8a;background:#eae7e3;border-color:transparent;cursor:not-allowed}.toast{position:fixed;z-index:20;bottom:calc(88px + env(safe-area-inset-bottom));left:50%;padding:9px 13px;color:#f6f5f2;background:#25211b;border-radius:8px;box-shadow:var(--shadow);opacity:0;transform:translate(-50%,6px);transition:opacity .18s ease-out,transform .18s ease-out;pointer-events:none;font-size:12px;font-weight:600}.toast-visible{opacity:1;transform:translate(-50%)}@media(max-width:620px){.toolbar{min-height:56px;padding-inline:13px}.action-bar{display:block;min-height:76px;padding:9px 10px calc(9px + env(safe-area-inset-bottom))}.selection-status{display:none}.actions{display:grid;grid-template-columns:.8fr 1.2fr}.primary-button,.secondary-button{min-height:48px}.instruction{top:10px;max-width:calc(100% - 92px);overflow:hidden;text-overflow:ellipsis}.instruction span:last-child{overflow:hidden;text-overflow:ellipsis}.zoom-controls{right:10px;bottom:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}