:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#12383a;background:#eee5cf;font-synthesis:none;--ink:#12383a;--teal:#159399;--teal-dark:#0b7277;--paper:#f8f3e6;--gold:#d8a83d;--muted:#647778;--line:#d7ceb9}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:linear-gradient(140deg,#f7f1e2,#e8ddc4)}button,input,select,textarea{font:inherit}.app{min-height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}header{position:sticky;top:0;z-index:10;background:#0b7277fa;color:#fff;padding:10px 24px 12px;box-shadow:0 2px 14px #12383a33}.brand{display:flex;align-items:center;gap:14px;min-height:70px}.brand-cat{width:112px;height:70px;object-fit:contain;object-position:center}.brand h1{font-family:Georgia,serif;font-size:28px;margin:0}.brand p{margin:2px 0 0;color:#cfe2dd;font-size:13px}.tabs{display:flex;gap:8px;margin-top:4px}.tabs button{border:0;border-radius:999px;padding:9px 18px;background:#ffffff18;color:#d9ebe5}.tabs button.active{background:var(--gold);color:#173434;font-weight:700}main{max-width:1180px;margin:auto;padding:22px}.search-panel,.panel,.card,.hwow-panel{background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 30px #4b452518}.search-panel{padding:18px}.search-row{display:flex;gap:10px}.searchbox{position:relative;flex:1}.searchbox input{width:100%;min-height:58px;border:2px solid #c8bea5;border-radius:15px;padding:0 48px 0 18px;font-size:18px;background:#fff}.searchbox input:focus{outline:3px solid #d8a83d55;border-color:var(--gold)}.searchbox button{position:absolute;right:8px;top:8px;width:42px;height:42px;border:0;background:#edf2ef;border-radius:12px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.chip{border:1px solid #c7bfae;background:#fff;border-radius:999px;padding:8px 12px;color:var(--ink)}.chip.active{background:var(--teal);border-color:var(--teal);color:#fff}.model-status{display:flex;align-items:center;gap:8px;margin-top:12px;color:var(--muted);font-size:13px}.dot{width:9px;height:9px;border-radius:50%;background:#a69d88}.dot.ready{background:#2c9a63}.dot.busy{background:var(--gold);animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.35}}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.75fr);gap:18px;margin-top:18px}.panel{overflow:hidden}.panel-title{padding:16px 18px 10px;display:flex;justify-content:space-between;align-items:center}.panel-title h2,.hwow-heading h2{font:700 18px Georgia,serif;margin:0}.count,.hwow-heading span{font-size:12px;color:var(--muted)}.results{display:flex;flex-direction:column;padding:0 10px 12px;gap:7px;max-height:calc(100vh - 290px);overflow:auto}.result{display:grid;grid-template-columns:108px 1fr auto;gap:14px;align-items:center;text-align:left;border:0;background:transparent;border-radius:14px;padding:10px;color:inherit}.result:hover,.result.selected{background:#dcefed}.reference-photo{display:block;width:108px;height:78px;border-radius:12px;object-fit:cover;background-color:#ddd;background-repeat:no-repeat}.reference-photo.pdf-crop{object-fit:contain;background:#eee5cf;border:1px solid #d7ceb9}.reference-photo.large{width:100%;height:260px;object-fit:contain;background-color:#12383a;background-repeat:no-repeat;border-radius:16px;margin:14px 0 18px}.hwow-crop{background-repeat:no-repeat}.clue-placeholder{display:grid;place-items:center;background:#dfe8e3;color:var(--teal);font-size:34px}.result h3{margin:2px 0 4px;font-size:16px}.result p{margin:0;color:#5d6866;font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.score{font:700 12px ui-monospace;color:#7b765f}.detail{padding:20px;max-height:calc(100vh - 220px);overflow:auto}.detail h2{font:700 26px Georgia,serif;margin:4px 0 6px}.meta{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.pill{background:#e8dfc8;border-radius:999px;padding:6px 9px;font-size:12px}.detail h4{margin:20px 0 5px;color:var(--teal)}.detail p{white-space:pre-wrap;line-height:1.55;margin:0}.detail a{color:#0a6f72}.empty{padding:48px 24px;text-align:center;color:#6b746f}.hwow-panel{padding:18px}.hwow-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.hwow-scroll{overflow:auto;border-radius:14px;background:#121a19}.hwow-stage{position:relative;min-width:920px}.hwow-stage>img{display:block;width:100%;height:auto}.hotspot{position:absolute;border:2px solid #f4c451;background:#f4c45120;border-radius:12px;box-shadow:0 0 0 1px #0b727788,0 0 16px #f4c45138;cursor:pointer;transition:.15s}.hotspot:hover,.hotspot:focus{background:#f4c45155;border-width:3px;transform:scale(1.03);outline:none}.data-view.single{max-width:720px;margin:auto}.card{padding:20px}.card h2{font:700 22px Georgia,serif;margin-top:0}.drop{display:block;border:2px dashed #a69d88;border-radius:15px;padding:28px;text-align:center;background:#fffaf0;cursor:pointer}.drop input{display:none}.field{display:flex;gap:8px;margin-top:14px}.field input{flex:1;padding:12px;border:1px solid #b9af98;border-radius:10px}.primary{border:0;border-radius:11px;padding:12px 16px;background:var(--teal);color:#fff;font-weight:700}.secondary{display:inline-block;border:1px solid #a79d86;border-radius:11px;padding:11px 14px;background:#fff;color:var(--ink);text-decoration:none}.small{font-size:13px;color:var(--muted);line-height:1.45}.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translate(-50%);background:#0b7277;color:#fff;padding:12px 18px;border-radius:12px;box-shadow:0 8px 30px #0005;z-index:30}@media(max-width:820px){header{padding-left:14px;padding-right:14px}.brand{min-height:56px}.brand-cat{width:78px;height:54px}.brand h1{font-size:25px}main{padding:14px}.layout{grid-template-columns:1fr}.detail-panel{display:none}.detail-panel.open{display:block;position:fixed;inset:calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom));z-index:25;box-shadow:0 20px 80px #0008}.detail{max-height:calc(100vh - 40px)}.results{max-height:none}.search-row{display:block}.search-row>.primary{width:100%;margin-top:10px}.brand p{display:none}.result{grid-template-columns:88px 1fr auto}.reference-photo{width:88px;height:68px}.hwow-stage{min-width:760px}}@media(display-mode:standalone){header{padding-top:16px}}.app{padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}header{padding-top:calc(10px + env(safe-area-inset-top))}@media(display-mode:standalone),(display-mode:fullscreen){header{padding-top:calc(10px + env(safe-area-inset-top))}}body[data-view=hwow],body[data-view=hwow] #app{height:var(--viewport-height,100dvh);min-height:0;overflow:hidden}body[data-view=hwow] .app{height:var(--viewport-height,100dvh);min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}body[data-view=hwow] main{width:100%;height:100%;min-height:0;overflow:hidden;padding:14px}body[data-view=hwow] .hwow-panel{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);padding:12px}body[data-view=hwow] .hwow-heading{margin-bottom:8px}body[data-view=hwow] .hwow-scroll{min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center}body[data-view=hwow] .hwow-stage{position:relative;min-width:0;flex:0 0 auto}body[data-view=hwow] .hwow-stage>img{width:100%;height:100%;object-fit:contain}body.keyboard-open,body.keyboard-open #app{height:var(--viewport-height);min-height:0;overflow:hidden}body.keyboard-open .app{height:var(--viewport-height);min-height:0;display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden;padding:0}body.keyboard-open header{display:none}body.keyboard-open main{width:100%;height:var(--viewport-height);min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:7px;overflow:hidden;padding:calc(7px + env(safe-area-inset-top)) 7px 7px}body.keyboard-open .search-panel{padding:7px 9px;border-radius:14px}body.keyboard-open .searchbox input{min-height:44px;font-size:18px;border-radius:11px;padding-left:13px}body.keyboard-open .searchbox button{width:34px;height:34px;right:5px;top:5px;border-radius:9px}body.keyboard-open .filters{margin-top:6px;gap:6px}body.keyboard-open .chip{padding:5px 10px}body.keyboard-open .layout{min-height:0;height:100%;grid-template-columns:1fr;margin:0;gap:0}body.keyboard-open .layout>.panel:first-child{min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr)}body.keyboard-open .panel-title{padding:7px 12px 5px}body.keyboard-open .results{min-height:0;max-height:none;height:100%;overflow:auto;padding:0 6px 8px}body.keyboard-open .detail-panel{display:none}body.keyboard-open .result{grid-template-columns:68px minmax(0,1fr) auto;gap:9px;padding:6px}body.keyboard-open .reference-photo{width:68px;height:50px;border-radius:8px}body.keyboard-open .result h3{font-size:15px}body.keyboard-open .result p{font-size:12px;-webkit-line-clamp:1}.hwow-detail-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:calc(14px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left));background:#071f20aa;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hwow-detail{width:min(680px,100%);max-height:100%;overflow:hidden}.hwow-detail .detail{max-height:calc(var(--viewport-height,100dvh) - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto}@media(orientation:landscape)and (max-width:1400px){body:not(.keyboard-open)[data-view=search] .results{max-height:none;overflow:visible}body:not(.keyboard-open)[data-view=search] .detail{max-height:none;overflow:visible}}.detail-panel.closed{display:none}.layout.detail-closed{grid-template-columns:minmax(0,1fr)}.searchbox input{-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.searchbox input:focus{outline:none;box-shadow:0 0 0 4px #d8a83d55}.reference-photo.rotate-180{transform:rotate(180deg)}.data-view{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(380px,1.2fr);gap:18px;align-items:start}.data-view .card{min-width:0}.card-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:18px}.card-heading h2{margin:0}.coordinate-fields,.grid-bound-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-field{display:block;margin-top:15px}.coordinate-fields label,.grid-bound-fields label,.form-field{color:var(--ink);font-size:13px;font-weight:700}.coordinate-fields label>span,.grid-bound-fields label>span,.form-field>span{display:block;margin:0 0 6px}.form-field small{color:var(--muted);font-size:11px;font-weight:500}.coordinate-fields select,.grid-bound-fields input,.form-field input,.form-field textarea{width:100%;border:1px solid #b9af98;border-radius:11px;background:#fff;color:var(--ink);padding:11px 12px;-webkit-appearance:none;appearance:none}.coordinate-fields select{min-height:46px;background-image:linear-gradient(45deg,transparent 50%,var(--teal) 50%),linear-gradient(135deg,var(--teal) 50%,transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 12px) 19px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.form-field textarea{display:block;resize:vertical;min-height:96px;line-height:1.4}.coordinate-fields select:focus,.grid-bound-fields input:focus,.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px #d8a83d44}.add-pin{width:100%;margin-top:16px;min-height:48px}.map-clue-list{display:grid;gap:9px}.map-clue-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px;border:1px solid #ded5c1;border-radius:14px;background:#fffdf7}.map-code{display:grid;place-items:center;min-height:44px;border-radius:11px;background:#dcefed;color:var(--teal-dark);font-weight:800;letter-spacing:.04em}.coordinate-photo{display:grid;place-items:center;border:1px solid #8fc9c8;background:#dcefed;color:var(--teal-dark)}.coordinate-photo strong{width:100%;font:800 30px/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;text-align:center}.coordinate-photo.large{height:260px;background:#dcefed;color:var(--teal-dark)}.coordinate-photo.large strong{font-size:64px}.map-clue-copy h3{margin:0 0 3px;font-size:15px}.map-clue-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.35;white-space:pre-wrap}.map-clue-copy p.muted{font-style:italic}.delete-clue{border:1px solid #d6afa7;border-radius:10px;background:#fff7f4;color:#874b40;padding:8px 10px}.map-empty{padding:34px 16px;border:1px dashed #c8bea5;border-radius:14px}.grid-settings summary,.sync-settings summary{cursor:pointer;font:700 17px Georgia,serif}.grid-settings form{margin-top:17px}.grid-bound-fields{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.sync-body{margin-top:17px}.sync-state{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;margin-bottom:14px}.sync-state>span{width:9px;height:9px;border-radius:50%;background:#a69d88}.sync-state.connected>span{background:#2c9a63}.sync-actions{display:flex;gap:9px;flex-wrap:wrap}.sync-body>.primary{width:100%;margin-top:14px}@media(max-width:1000px){.grid-bound-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.data-view{grid-template-columns:1fr}.grid-bound-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.map-clue-row{grid-template-columns:54px minmax(0,1fr) auto}.delete-clue{padding:8px}}