:root{--color-text:#1b1b1b;--color-bg:#fff;--color-surface:#f1f4f8;--color-border:#8a94a3;--color-accent:#1a56a0;--color-on-accent:#fff;--color-danger:#a8071a;--color-on-danger:#fff;--color-muted:#4a4a4a;--color-disabled-bg:#e3e6ea;--color-disabled-text:#565b63;--color-notice-bg:#fff4d6;--color-notice-text:#5c3b00;--color-unsent:#8a3b00;--tap-size:64px;--gap:8px;--bottom-bar-height:calc(var(--tap-size) + var(--gap) * 2)}*{box-sizing:border-box}body{color:var(--color-text);background:var(--color-bg);margin:0;font-family:BIZ UDPGothic,Yu Gothic UI,Noto Sans JP,system-ui,sans-serif;font-size:1rem;line-height:1.6}.shell{max-width:40rem;padding:1rem 1rem calc(var(--bottom-bar-height) + 1.5rem);margin:0 auto}h1{color:var(--color-accent);overflow-wrap:anywhere;margin:0 0 1rem;font-size:1.4rem}.btn,.field,.site-row{min-height:var(--tap-size);min-width:var(--tap-size);font:inherit}.btn{cursor:pointer;border:2px solid #0000;border-radius:12px;flex:1 1 0;padding:0 .75rem;font-size:1.05rem;font-weight:700}.btn-wide{width:100%}.btn-primary{background:var(--color-accent);color:var(--color-on-accent)}.btn-secondary{background:var(--color-bg);color:var(--color-accent);border-color:var(--color-accent)}.btn-danger{background:var(--color-danger);color:var(--color-on-danger)}.btn-danger-outline{background:var(--color-bg);color:var(--color-danger);border-color:var(--color-danger)}.btn:disabled{background:var(--color-disabled-bg);color:var(--color-disabled-text);border-color:var(--color-disabled-bg);cursor:not-allowed}.btn:focus-visible,.field:focus-visible,.site-row:focus-visible{outline-offset:2px;outline:3px solid #ff8c00}.bottom-bar{gap:var(--gap);padding:var(--gap);padding-bottom:calc(var(--gap) + env(safe-area-inset-bottom,0px));background:var(--color-bg);border-top:1px solid var(--color-border);z-index:5;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-bar>.btn{max-width:24rem}.field-block{margin-bottom:1rem}.field-label{margin-bottom:.25rem;font-weight:700;display:block}.field{border:2px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);border-radius:8px;padding:.5rem .75rem;display:block}textarea.field{resize:vertical;min-height:8rem}.field-error,.error{color:var(--color-danger);margin:.25rem 0 0;font-weight:700}.filter-count{color:var(--color-muted);margin:.5rem 0;font-size:.9rem}.site-list{gap:var(--gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.site-row{text-align:left;background:var(--color-surface);width:100%;color:var(--color-text);border:2px solid var(--color-border);cursor:pointer;border-radius:12px;padding:.75rem 1rem;display:block}.site-row>span{overflow-wrap:anywhere;display:block}.site-row-name{font-size:1.1rem;font-weight:700}.site-row-project{color:var(--color-muted)}.site-row-counts{gap:1rem;margin-top:.25rem;display:flex!important}.site-row-updated{color:var(--color-muted);font-size:.9rem}.unsent{color:var(--color-unsent);font-weight:700}.empty{color:var(--color-muted);padding:1rem 0}.notice{background:var(--color-notice-bg);color:var(--color-notice-text);border:2px solid #c98a00;border-radius:8px;margin:0 0 1rem;padding:.75rem 1rem;font-weight:700}.info{grid-template-columns:8.5rem 1fr;gap:.5rem .75rem;margin:0 0 1rem;display:grid}.info dt{color:var(--color-muted);font-weight:700}.info dd{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.info dd.blank{color:var(--color-muted)}.dialog-backdrop{z-index:20;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.dialog-sheet{background:var(--color-bg);width:100%;max-width:40rem;padding:1rem 1rem calc(var(--gap) + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0}.dialog-strong{border-top:8px solid var(--color-danger)}.dialog-title{margin:0 0 .5rem;font-size:1.2rem}.dialog-strong .dialog-title{color:var(--color-danger)}.dialog-message{margin:0 0 .5rem}.dialog-actions{gap:var(--gap);margin-top:1rem;display:flex}.app-footer{color:var(--color-muted);margin-top:2rem;font-size:.9rem}.app-footer p{margin:0 0 .25rem}.bottom-bar-stack{flex-direction:column}.bottom-bar-row{gap:var(--gap);flex:auto;display:flex}.bottom-bar .btn{max-width:24rem}.shell:has(.bottom-bar-stack){padding-bottom:calc(var(--bottom-bar-height) * 2 + 1.5rem)}.section-title{margin:1.5rem 0 .5rem;font-size:1.15rem}.notice-error{border-color:var(--color-danger);color:#5c0010;background:#fde8e8}.notice p{margin:0 0 .25rem}.editor{z-index:8;color:#fff;background:#1c1c1c;flex-direction:column;display:flex;position:fixed;inset:0}.editor-header{justify-content:space-between;align-items:center;min-height:2rem;padding:.25rem .75rem;font-size:.95rem;display:flex}.editor-stage{flex:auto;min-height:0;position:relative;overflow:hidden}.editor-canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.editor-panel{background:var(--color-bg);color:var(--color-text);padding:4px 4px calc(4px + env(safe-area-inset-bottom,0px));gap:var(--gap);flex-direction:column;flex:none;display:flex}.editor-row{grid-template-columns:repeat(5, minmax(var(--tap-size), 1fr));gap:var(--gap);width:100%;max-width:40rem;margin:0 auto;display:grid}.editor-row[hidden]{display:none}.editor-row>.btn{min-width:0;padding:0 2px;font-size:.85rem;line-height:1.2}.btn-zoom{grid-column:5;font-size:1.4rem}.btn-tool{background:var(--color-bg);color:var(--color-accent);border-color:var(--color-accent)}.btn-tool[aria-pressed=true]{background:var(--color-accent);color:var(--color-on-accent)}.btn-color{background:var(--swatch,#888);border:3px solid var(--color-bg);box-shadow:0 0 0 2px var(--color-border)}.btn-color[aria-pressed=true]{border-color:var(--color-bg);box-shadow:0 0 0 4px var(--color-text)}.btn-color[aria-pressed=true]:after{content:"✓";color:#fff;text-shadow:0 0 3px #000,0 0 3px #000;font-size:1.6rem}.btn-width{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}.btn-width[aria-pressed=true]{background:var(--color-text);color:var(--color-bg)}.editor-error{margin:0}.editor-failed{padding:1rem}.bottom-bar .btn-settings{flex:none;min-width:7rem}.photo-row-flag{color:var(--color-danger);margin:.25rem 0 0;font-weight:700}.hint{color:var(--color-muted);margin:0 0 1rem}.field-number{text-align:right;font-size:1.6rem;font-weight:700}.unit-options{gap:var(--gap);flex-wrap:wrap;display:flex}.btn-unit{min-width:var(--tap-size);background:var(--color-bg);color:var(--color-accent);border-color:var(--color-accent);flex:none}.btn-unit[aria-pressed=true]{background:var(--color-accent);color:var(--color-on-accent)}.unit-list{gap:var(--gap);flex-direction:column;margin:0 0 1rem;padding:0;list-style:none;display:flex}.unit-row{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;padding:.75rem 1rem}.unit-name{font-size:1.2rem;font-weight:700;display:block}.unit-state,.unit-note{color:var(--color-muted);font-size:.9rem;display:block}.unit-actions{gap:var(--gap);margin-top:.5rem;display:flex}.btn-col-4{grid-column:4}.btn-col-5{grid-column:5}.btn-nudge{touch-action:none;font-size:1.6rem}.photo-grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));margin:0;padding:0;list-style:none;display:grid}.photo-cell{width:100%;height:100%;min-height:var(--tap-size);font:inherit;text-align:left;color:var(--color-text);background:var(--color-surface);border:2px solid var(--color-border);cursor:pointer;border-radius:12px;flex-direction:column;align-items:stretch;gap:4px;padding:6px;display:flex}.photo-cell:focus-visible{outline-offset:2px;outline:3px solid #ff8c00}.photo-thumb{aspect-ratio:4/3;background:#dfe3e8;border-radius:8px;justify-content:center;align-items:center;display:flex;overflow:hidden}.photo-thumb-img{object-fit:contain;width:100%;height:100%;display:block}.photo-thumb-note{color:var(--color-muted);font-size:.9rem}.photo-cell-title{overflow-wrap:anywhere;font-weight:700}.photo-cell-meta{color:var(--color-muted);font-size:.85rem}.photo-cell-marks{flex-wrap:wrap;gap:4px;display:flex}.mark{border:1px solid var(--color-accent);color:var(--color-accent);background:var(--color-bg);border-radius:6px;padding:0 6px;font-size:.8rem;font-weight:700;line-height:1.5;display:inline-block}.mark-alert{border-color:var(--color-danger);color:var(--color-danger)}.mark-unsent{border-color:var(--color-unsent);color:var(--color-unsent)}.photo-view-title{flex-wrap:wrap;gap:0 .5rem;display:flex}.photo-view-spot{color:var(--color-text)}.photo-stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#1c1c1c;border-radius:8px;min-height:4rem;margin:0 0 1rem;overflow:hidden}.photo-canvas{width:100%;height:auto;display:block}.photo-stage .error{color:#ffd2d2;margin:0;padding:1rem}.photo-organize{gap:var(--gap);flex-direction:column;display:flex}.bottom-bar-row>.btn{padding:0 4px;font-size:.95rem;line-height:1.25}.candidates{gap:var(--gap);flex-wrap:wrap;margin-bottom:.5rem;display:flex}.candidates[hidden]{display:none}.btn-candidate{min-width:var(--tap-size);background:var(--color-bg);max-width:100%;color:var(--color-accent);border-color:var(--color-accent);overflow-wrap:anywhere;flex:none}.pick-actions{gap:var(--gap);margin-bottom:var(--gap);display:flex}.pick-list{gap:var(--gap);flex-direction:column;display:flex}.pick-row{min-height:var(--tap-size);width:100%;font:inherit;text-align:left;color:var(--color-text);background:var(--color-bg);border:2px solid var(--color-border);cursor:pointer;overflow-wrap:anywhere;border-radius:12px;padding:.5rem .75rem}.pick-row[aria-pressed=true]{background:var(--color-surface);border-color:var(--color-accent)}.pdf-result{margin:1rem 0}.btn-link{justify-content:center;align-items:center;text-decoration:none;display:flex}.sync-bar{align-items:center;gap:var(--gap);padding:var(--gap);background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;margin-bottom:.75rem;display:flex}.sync-text{flex:auto;min-width:0}.sync-text p{margin:0;font-size:.9rem;line-height:1.45}.sync-unsent{font-weight:700;font-size:1.05rem!important}.sync-unsent-pending{color:var(--color-unsent)}.sync-detail{margin-left:.25rem;font-size:.85rem;font-weight:400}.sync-times{color:var(--color-muted);overflow-wrap:anywhere}.sync-state{color:var(--color-muted)}.sync-state-alert{color:var(--color-danger);font-weight:600}.sync-button{flex:none;max-width:8rem;font-size:.9rem}body[data-route=annotate] .sync-bar,.overwrite-notice-box:empty{display:none}.overwrite-notice{padding:var(--gap);background:var(--color-notice-bg);color:var(--color-notice-text);border:2px solid var(--color-notice-text);border-radius:8px;margin-bottom:.75rem}.overwrite-notice p{margin:0 0 var(--gap);line-height:1.5}.overwrite-notice-list{margin:0 0 var(--gap);gap:var(--gap);flex-direction:column;padding:0;list-style:none;display:flex}.overwrite-notice-list .btn{text-align:left;justify-content:flex-start;width:100%}body[data-route=annotate] .overwrite-notice-box{display:none}.history-list{flex-direction:column;gap:1rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.history-entry{padding:var(--gap);background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px}.history-entry p{margin:0 0 .25rem}.history-when{font-weight:700}.history-meta,.history-spot{color:var(--color-muted);font-size:.9rem}.history-thumb{margin:var(--gap) 0}.history-thumb-img{border:1px solid var(--color-border);max-width:100%;height:auto;display:block}.history-entry .btn{width:100%}.drive-sites{margin-top:1.5rem}.drive-sites:empty{display:none}.drive-site-list{margin:0 0 var(--gap);gap:var(--gap);flex-direction:column;padding:0;list-style:none;display:flex}.drive-site{padding:var(--gap);background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px}.drive-site p{margin:0 0 .25rem}.drive-site-name{overflow-wrap:anywhere;font-weight:700}.drive-site-project,.drive-site-updated{color:var(--color-muted);font-size:.9rem}.drive-site .btn{width:100%;margin-top:var(--gap)}.pref-save{margin-top:var(--gap)}.drive-state{font-weight:700}.storage{overflow-wrap:anywhere}.pref-stack{gap:var(--gap);flex-direction:column;display:flex}