*{box-sizing:border-box;margin:0;padding:0}body{padding-bottom:env(safe-area-inset-bottom,0px);font-family:system-ui,-apple-system,sans-serif;overflow:hidden}#root{width:100vw;height:100vh}.app{width:100vw;height:100vh;position:relative}.map-container{background-color:#eee;width:100%;height:100%}.overlay{z-index:20;color:#fff;background-color:#0006;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex;position:absolute;inset:0}.error-banner{color:#fff;z-index:30;background-color:#ef4444;border-radius:8px;padding:12px 24px;font-weight:700;position:absolute;top:20px;left:50%;transform:translate(-50%)}.capture-bar{z-index:10;align-items:center;gap:12px;display:flex;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.camera-input{display:none}.capture-button{color:#fff;cursor:pointer;background-color:#10b981;border-radius:30px;padding:15px 30px;font-weight:700;display:inline-block;box-shadow:0 4px 10px #0003}.locate-btn{cursor:pointer;background-color:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex;box-shadow:0 4px 10px #0003}.upload-progress{color:#fff;z-index:15;white-space:nowrap;background:#000000bf;border-radius:20px;padding:10px 20px;font-size:14px;font-weight:500;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.list-toggle{z-index:10;cursor:pointer;background-color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:700;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #00000026}.gps-info{color:#fff;z-index:10;border-radius:8px;max-width:200px;padding:8px 12px;font-size:12px;line-height:1.4;position:absolute;top:50px;right:10px}.gps-info--fallback{background-color:#f59e0b}.gps-info--normal{background-color:#10b981}.gps-info__title{font-weight:700}.backdrop{z-index:40;background-color:#0000004d;position:absolute;inset:0}.pole-list{z-index:50;background-color:#fff;border-radius:12px;flex-direction:column;width:min(320px,100vw - 20px);transition:max-height .3s,opacity .2s;display:flex;position:absolute;top:50px;right:10px;overflow:hidden}.pole-list--open{opacity:1;pointer-events:auto;max-height:75vh;box-shadow:0 4px 20px #0003}.pole-list--closed{max-height:0;box-shadow:none;opacity:0;pointer-events:none}.pole-list__header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pole-list__title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:14px;font-weight:700;overflow:hidden}.pole-list__header-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.pole-list__close{cursor:pointer;color:#6b7280;background:0 0;border:none;padding:4px 8px;font-size:18px}.pole-list__upload{cursor:pointer;color:#374151;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.pole-list__upload:hover{background-color:#f3f4f6}.pole-list__refresh{cursor:pointer;color:#374151;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.pole-list__refresh:hover:not(:disabled){background-color:#f3f4f6}.pole-list__refresh:disabled{opacity:.6;cursor:default}.pole-list__refresh-icon{display:inline-block}@keyframes pole-refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pole-list__refresh--loading .pole-list__refresh-icon{animation:.8s linear infinite pole-refresh-spin}.pole-list__scroll{flex:1;overflow-y:auto}.pole-list__time-filter{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:10px 12px}.time-filter__header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.time-filter__label{color:#374151;font-size:12px;font-weight:600}.time-filter__toggle{cursor:pointer;color:#6b7280;background:#fff;border:1px solid #d1d5db;border-radius:10px;padding:2px 10px;font-size:11px;font-weight:600;transition:background-color .15s,color .15s}.time-filter__toggle--on{color:#fff;background-color:#3b82f6;border-color:#3b82f6}.time-filter__slider{appearance:none;cursor:pointer;background:#e5e7eb;border-radius:2px;outline:none;width:100%;height:4px}.time-filter__slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#3b82f6;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0003}.time-filter__slider::-moz-range-thumb{cursor:pointer;background:#3b82f6;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0003}.time-filter__info{color:#6b7280;justify-content:space-between;align-items:center;margin-top:4px;font-size:11px;display:flex}.time-filter__count{color:#3b82f6;font-weight:600}.pole-list__filters{border-bottom:1px solid #e5e7eb;flex-shrink:0;gap:6px;padding:8px 12px;display:flex}.pole-filter-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:14px;padding:4px 12px;font-size:12px;font-weight:600;transition:background-color .15s,color .15s}.pole-filter-btn--active{border-color:#0000}.pole-list__filter-count{color:#3b82f6;white-space:nowrap;align-self:center;margin-left:auto;font-size:12px;font-weight:700}.pole-list__area-filter{border-bottom:1px solid #e5e7eb;flex-shrink:0;gap:6px;padding:6px 12px;display:flex}.pole-area-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;flex:1;min-width:0;padding:6px 10px;font-size:13px}.pole-area-select:focus{border-color:#6366f1}.pole-item__level{color:#fff;vertical-align:middle;border-radius:4px;margin-right:6px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.pole-item{cursor:pointer;border-bottom:1px solid #f3f4f6;align-items:center;gap:10px;padding:10px 12px;display:flex}.pole-item__thumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:48px;height:48px}.pole-item__info{flex:1;min-width:0}.pole-item__coords{color:#374151;font-size:12px;font-weight:500}.pole-item__time{color:#9ca3af;margin-top:2px;font-size:11px}.pole-item__delete{cursor:pointer;color:#ef4444;background:0 0;border:none;flex-shrink:0;padding:6px;font-size:16px}.map-popup{pointer-events:auto;background:#fff;border-radius:10px;min-width:180px;max-width:240px;padding:8px;position:absolute;box-shadow:0 4px 16px #00000040}.map-popup:empty{display:none}.map-popup__close{color:#fff;text-align:center;cursor:pointer;z-index:1;background:#00000073;border:none;border-radius:50%;width:22px;height:22px;padding:0;font-size:12px;line-height:22px;position:absolute;top:4px;right:4px}.map-popup__close:hover{background:#000000b3}.map-popup__img{object-fit:cover;border-radius:6px;width:100%;max-height:160px;display:block}.map-popup__info{color:#6b7280;margin-top:6px;font-size:11px;line-height:1.4}.map-popup__addr{margin-left:4px}.level-modal-backdrop{z-index:60;background-color:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.level-modal{background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:16px;width:min(320px,100vw - 40px);padding:20px;display:flex;position:relative;box-shadow:0 8px 32px #0000004d}.level-modal__close{color:#fff;text-align:center;cursor:pointer;z-index:1;background-color:#00000073;border:none;border-radius:50%;width:28px;height:28px;padding:0;font-size:13px;line-height:28px;position:absolute;top:10px;right:10px}.level-modal__close:hover{background-color:#000000b3}.level-modal--busy .level-modal__label{color:#3b82f6}.level-modal--busy .level-modal__buttons,.level-modal--busy .level-modal__close{opacity:.5;pointer-events:none}.level-modal__img{object-fit:contain;background:#f3f4f6;border-radius:8px;width:100%;max-height:240px}.level-modal__meta{color:#475569;background:#f8fafc;border-radius:8px;width:100%;padding:8px 12px;font-size:12px;line-height:1.6}.level-modal__meta-row{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.level-modal__label{color:#374151;font-size:15px;font-weight:600}.level-modal__buttons{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.level-modal__btn{cursor:pointer;color:#fff;border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:12px 0;font-size:17px;font-weight:700;transition:transform .1s;display:flex}.level-modal__btn:active{transform:scale(.95)}.level-modal__btn--A{background-color:#22c55e}.level-modal__btn--B{background-color:#f97316}.level-modal__btn--Pole{background-color:#a855f7}.level-modal__btn--Ignore{background-color:#64748b}.level-modal__key{background-color:#ffffff40;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.level-modal__desc{opacity:.85;font-size:11px;font-weight:500}@media (width>=900px){.list-toggle,.backdrop,.pole-list__close{display:none}.gps-info{top:10px;left:10px;right:auto}.pole-list,.pole-list--open,.pole-list--closed{opacity:1;pointer-events:auto;border-radius:0;width:360px;max-height:100vh;top:0;right:0;box-shadow:-2px 0 12px #00000026}.capture-button{box-shadow:0 6px 16px #00000040}.pole-item:hover{background-color:#f9fafb}}