:root{color-scheme:light;background:#eef7f4}*{box-sizing:border-box}body,html{min-height:100%;max-width:100%;overflow-x:hidden}body{margin:0;background:linear-gradient(180deg,#0f766e,#0f766e 172px,#eef7f4 0);color:#17201d;font-family:Arial,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif}button,input,select,textarea{font:inherit}input,select,textarea{font-size:16px}button{border:0}.app-shell{width:min(1180px,100%);max-width:100%;margin:0 auto;padding:18px;overflow-x:clip}.topbar{color:white;display:grid;gap:12px;margin-bottom:18px}.topbar h1{font-size:28px;line-height:1.15;margin:0;letter-spacing:0}.content-grid,.form-grid,.handover-grid,.history-row,.legend,.marker-list,.status-row,.tabs{display:grid;gap:10px}.status-row{grid-template-columns:repeat(4,minmax(0,1fr))}.field,.history-item,.mini-card,.operator-button,.panel,.status-pill,.tab-button{border-radius:8px}.status-pill{background:rgba(255,255,255,.16);color:white;padding:10px 12px;font-size:14px}.tabs{grid-template-columns:repeat(4,1fr);margin-bottom:14px}.tab-button{min-height:48px;background:#d9ede8;color:#16433d;font-weight:800;cursor:pointer}.tab-button.active{background:#ffffff;color:#0f766e}.panel{background:#ffffff;border:1px solid #d5e7e2;padding:16px;box-shadow:0 14px 38px rgba(14,74,67,.08);max-width:100%;min-width:0}.content-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start}.content-grid>*,.form-grid>*,.handover-grid>*,.tabs>*{min-width:0}.record-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:10px;align-items:start;min-width:0}.record-layout>*{min-width:0}.record-controls{display:grid;gap:10px;position:sticky;top:12px}.history-map-wrap{margin-top:12px;max-width:100%;min-width:0;overflow:hidden}.history-map-wrap .map{min-height:420px}.handover-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mini-card{background:#f4faf8;border:1px solid #d8ece6;padding:14px;min-height:92px}.mini-card strong{display:block;font-size:24px;line-height:1.2;margin-top:8px}.section-title{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:20px}.operator-actions{display:grid;gap:12px}.log-summary{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1d4ed8;font-weight:900;margin-bottom:12px;padding:10px 12px}.operator-button{min-height:82px;color:white;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;padding:14px 18px;font-size:24px;font-weight:900;text-align:left;cursor:pointer}.operator-button:disabled{opacity:.62;cursor:not-allowed}.operator-button svg{width:34px;height:34px}.mobile-record-dock{display:none;max-width:100%;min-width:0}.dock-button{min-width:0;width:100%;min-height:58px;border-radius:8px;color:white;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:6px;padding:8px 10px;font-size:14px;font-weight:900;text-align:left;box-shadow:0 8px 18px rgba(15,37,34,.16)}.dock-button svg{width:22px;height:22px}.dock-button:disabled{opacity:.52;cursor:not-allowed}.start{background:#16a34a}.dug{background:#2563eb}.tomorrow{background:#eab308;color:#1f2937}.danger{background:#dc2626}.refilled{background:#f97316}.end{background:#6b7280}.field{display:grid;gap:6px;min-width:0}.field label{font-weight:800;color:#284843}.field input,.field select,.field textarea{width:100%;max-width:100%;min-width:0;border:1px solid #bdd8d1;border-radius:8px;padding:10px 12px;background:white}.field textarea{min-height:76px;resize:vertical}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.map{background:#dbe8df;border:1px solid #c7d9d1;border-radius:8px;min-height:520px;max-width:100%;overflow:hidden;position:relative;touch-action:none;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.record-map-panel .map{min-height:620px}.map-with-osm{background:#b7c9bf}.osm-layer{position:absolute;inset:0;z-index:1;overflow:hidden}.osm-layer img{position:absolute;width:256px;height:256px;max-width:none}.map-toolbar{position:absolute;left:10px;top:10px;right:10px;z-index:5;display:flex;justify-content:space-between;gap:8px;pointer-events:auto}.map-type-toggle,.map-zoom-controls{display:flex;gap:4px}.map-type-toggle{padding:4px;background:rgba(255,255,255,.9);border:1px solid rgba(22,67,61,.14);border-radius:8px}.locate-button,.map-type-toggle button,.map-zoom-controls button{min-width:0;min-height:38px;border-radius:6px;padding:8px 10px;display:inline-flex;align-items:center;gap:5px;background:transparent;color:#16433d;font-weight:800;cursor:pointer}.locate-button,.map-type-toggle button.active,.map-zoom-controls button{background:#0f766e;color:white}.locate-button.following{background:#0284c7}.map-overlay,.map-track{position:absolute;inset:0;z-index:3;pointer-events:none}.map-track{width:1200px;height:720px;left:50%;top:50%;inset:auto;overflow:visible;transform:translate(-50%,-50%)}.movement-track-halo,.movement-track-line,.record-track-line,.track-halo-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.track-halo-line{stroke:#f5d90a;stroke-width:16;opacity:.38}.record-track-line{stroke-width:8;opacity:.96}.movement-track-halo{stroke:#ffffff;stroke-width:14;opacity:.8}.movement-track-line{stroke:#1f78d1;stroke-width:7;opacity:.96}.current-location-marker,.record-dot{position:absolute;transform:translate(-50%,-50%);border-radius:999px}.record-dot{border:2px solid rgba(17,24,39,.72);opacity:.82;box-shadow:0 2px 8px rgba(17,24,39,.22)}.record-latest{outline:3px solid #111827;opacity:1}.record-none{background:rgba(107,114,128,.72)}.record-dug{background:rgba(37,99,235,.72)}.record-tomorrow{background:rgba(234,179,8,.78)}.record-danger{background:rgba(220,38,38,.78)}.record-refilled{background:rgba(249,115,22,.76)}.current-location-marker{width:22px;height:22px;z-index:4;background:#0ea5e9;border:3px solid white;box-shadow:0 0 0 8px rgba(14,165,233,.22),0 3px 12px rgba(8,47,73,.4);animation:current-location-pulse 1.8s ease-out infinite}@keyframes current-location-pulse{0%{box-shadow:0 0 0 0 rgba(14,165,233,.36),0 3px 12px rgba(8,47,73,.4)}70%{box-shadow:0 0 0 15px rgba(14,165,233,0),0 3px 12px rgba(8,47,73,.4)}to{box-shadow:0 0 0 0 rgba(14,165,233,0),0 3px 12px rgba(8,47,73,.4)}}.map-hint{left:10px;bottom:8px;z-index:4;padding:4px 7px;font-size:12px;font-weight:800}.map-attribution,.map-hint,.map-offline-label{position:absolute;background:rgba(255,255,255,.86);color:#16433d;border-radius:4px}.map-attribution,.map-offline-label{right:8px;bottom:6px;z-index:3;padding:3px 6px;font-size:11px;text-decoration:none}.map-offline-label{left:8px;right:auto}.legend{grid-template-columns:repeat(4,max-content);margin-top:10px;font-size:13px}.swatch{width:18px;height:18px;display:inline-block;border-radius:4px;vertical-align:middle;margin-right:5px}.notice{background:#fffbeb;border:1px solid #fde68a;color:#713f12;border-radius:8px;padding:12px;font-weight:800;margin-bottom:12px}.danger-notice{background:#fef2f2;border-color:#fecaca;color:#7f1d1d}.history-item{background:#f8fbfa;border:1px solid #dcebe7;padding:12px;display:grid;gap:4px}.history-row{grid-template-columns:1fr auto;align-items:center}.secondary-button,.small-button{min-height:42px;border-radius:8px;padding:10px 14px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.small-button{background:#0f766e;color:white}.secondary-button{background:#e2ece9;color:#16433d}.marker-list{margin-top:12px}.action-setting-row,.action-settings-list{display:grid;gap:10px}.action-setting-row{grid-template-columns:minmax(120px,.9fr) minmax(160px,1.2fr) 82px minmax(110px,.8fr);align-items:end;border:1px solid #dcebe7;border-radius:8px;padding:10px;background:#f8fbfa}.action-preview{min-height:44px;box-shadow:none}.muted{color:#5f716d;font-size:14px}.camera-sheet{position:fixed;inset:0;z-index:20;background:rgba(15,37,34,.72);display:grid;place-items:center;padding:18px}.camera-panel,.choice-panel{width:min(720px,100%);background:#ffffff;border-radius:8px;border:1px solid #d5e7e2;padding:14px;display:grid;gap:12px;box-shadow:0 22px 60px rgba(0,0,0,.28)}.choice-panel{width:min(620px,100%)}.choice-actions{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.camera-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.camera-placeholder,.camera-preview{width:100%;aspect-ratio:4/3;border-radius:8px;background:#0f2522}.camera-preview{-o-object-fit:cover;object-fit:cover}.camera-placeholder{display:grid;place-items:center;color:white;font-weight:800}.capture-button{width:100%}@media (max-width:860px){body{background:linear-gradient(180deg,#0f766e,#0f766e 248px,#eef7f4 0)}.app-shell{padding:12px;width:100%}.topbar{gap:8px;margin-bottom:12px}.topbar h1{font-size:22px}.status-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.status-pill{padding:8px 10px;font-size:12px}.content-grid,.form-grid,.handover-grid,.record-layout,.status-row{grid-template-columns:1fr}.record-map-panel{padding:12px}.content-grid,.form-grid,.history-map-wrap,.record-layout{width:100%;max-width:100%;min-width:0}.map,.record-map-panel .map{height:430px;height:clamp(380px,58svh,500px);min-height:0}.record-controls{position:static}.mobile-record-dock{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible;margin-bottom:8px;padding-bottom:0;width:100%}.dock-button{grid-template-columns:18px minmax(0,1fr);min-height:44px;padding:6px 7px;font-size:12px;line-height:1.2}.dock-button svg{width:18px;height:18px}.dock-button span{min-width:0;overflow-wrap:anywhere}.map-toolbar{align-items:flex-start;flex-direction:column;gap:5px;left:8px;right:8px;top:8px}.map-type-toggle{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.map-zoom-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.locate-button,.map-type-toggle button,.map-zoom-controls button{width:100%;justify-content:center;min-height:34px;padding:6px 5px;font-size:12px;white-space:nowrap}.tabs{grid-template-columns:repeat(4,1fr);gap:6px}.tab-button{min-height:44px;font-size:14px}.operator-button{min-height:76px;font-size:21px}.action-setting-row,.choice-actions{grid-template-columns:1fr}.action-preview{width:100%}}@media (display-mode:standalone){body{padding-top:env(safe-area-inset-top)}}.record-map-header{display:grid;gap:10px;margin-bottom:10px}.work-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.work-summary div{min-width:0;border:1px solid #d6e8e3;border-radius:8px;background:#f3faf7;padding:8px 10px}.work-summary span,.work-summary strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-summary span{color:#5f716d;font-size:12px;font-weight:800}.work-summary strong{color:#123a35;font-size:15px;margin-top:2px}@media (max-width:860px){.app-record-mode{padding:8px 8px calc(12px + env(safe-area-inset-bottom))}.app-record-mode .topbar{gap:6px;margin-bottom:8px}.app-record-mode .topbar h1{font-size:18px}.app-record-mode .topbar>div:first-child>div{font-size:12px;line-height:1.25}.app-record-mode .status-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.app-record-mode .status-pill{min-width:0;padding:5px 6px;font-size:10px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-record-mode .tabs{gap:4px;margin-bottom:8px}.app-record-mode .tab-button{min-height:38px;font-size:12px}.app-record-mode .notice{margin-bottom:8px;padding:8px 10px;font-size:13px;line-height:1.35}.app-record-mode .record-layout{gap:8px}.app-record-mode .record-map-panel{padding:8px}.app-record-mode .record-map-header{gap:6px;margin-bottom:6px}.app-record-mode .record-map-header .section-title{margin-bottom:0;font-size:17px}.app-record-mode .work-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.app-record-mode .work-summary div{padding:5px 4px;text-align:center}.app-record-mode .work-summary span{font-size:10px}.app-record-mode .work-summary strong{font-size:11px}.app-record-mode .record-map-panel .map{height:66svh;min-height:510px;max-height:720px}.app-record-mode .mobile-record-dock{position:sticky;bottom:calc(8px + env(safe-area-inset-bottom));z-index:9;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:-88px 6px 0;padding:7px;border:1px solid rgba(22,67,61,.16);border-radius:8px;background:rgba(255,255,255,.9);box-shadow:0 14px 30px rgba(15,37,34,.18);backdrop-filter:blur(8px)}.app-record-mode .dock-button{min-height:38px;grid-template-columns:18px minmax(0,1fr);gap:5px;padding:5px 6px;font-size:11px;line-height:1.15}.app-record-mode .dock-button svg{width:17px;height:17px}.app-record-mode .dock-button span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.app-record-mode .record-controls .panel:first-child{display:none}.app-record-mode .record-controls .panel{padding:12px}}@media (max-width:420px){.app-record-mode .record-map-panel .map{height:64svh;min-height:480px}.app-record-mode .locate-button,.app-record-mode .map-type-toggle button,.app-record-mode .map-zoom-controls button{font-size:11px}}