:root{color-scheme:light;--color-bg: #f3f4f6;--color-surface: #fff;--color-surface-subtle: #f9fafb;--color-text: #1f2937;--color-text-secondary: #374151;--color-text-muted: #6b7280;--color-border: #d1d5db;--color-border-subtle: #e5e7eb;--color-button-bg: #e5e7eb;--color-primary: #2563eb;--color-on-primary: #fff;--color-on-primary-muted: #dbeafe;--color-link: #2563eb;--color-info-bg: #eff6ff;--color-info-text: #1d4ed8;--color-success-bg: #dcfce7;--color-success-text: #166534;--color-warning-bg: #fef3c7;--color-warning-text: #92400e;--color-warning-surface: #fffbeb;--color-warning-border: #fde68a;--color-warning-solid: #f59e0b;--color-danger-bg: #fee2e2;--color-danger-text: #b91c1c;--color-danger-surface: #fef2f2;--color-danger-border: #fecaca;--color-danger-solid: #dc2626;--color-on-solid: #fff;--color-neutral-solid: #6b7280;--color-accent-bg: #e0e7ff;--color-accent-bg-strong: #c7d2fe;--color-accent-text: #3730a3;--color-group-bg: #ccfbf1;--color-group-text: #115e59;--color-blackboard-badge-bg: #111827;--color-blackboard-badge-text: #fff;--color-photo-backdrop: #111827;--color-capture-scrim: rgba(17, 24, 39, .55);--color-capture-on-scrim: #fff;--color-map-info-text: #1f2937;--color-map-info-action-bg: #2563eb;--color-map-info-action-text: #fff;--color-overlay: rgba(15, 23, 42, .6);--shadow-panel: 0 6px 24px rgba(15, 23, 42, .08);--shadow-popover: 0 8px 24px rgba(15, 23, 42, .18);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--text-md);color:var(--color-text);background:var(--color-bg)}:root[data-theme=dark]{color-scheme:dark;--color-bg: #111827;--color-surface: #1f2937;--color-surface-subtle: #273449;--color-text: #f3f4f6;--color-text-secondary: #d1d5db;--color-text-muted: #9ca3af;--color-border: #4b5563;--color-border-subtle: #374151;--color-button-bg: #374151;--color-primary: #3b82f6;--color-on-primary: #fff;--color-on-primary-muted: #dbeafe;--color-link: #60a5fa;--color-info-bg: #1e3a8a;--color-info-text: #bfdbfe;--color-success-bg: #14532d;--color-success-text: #86efac;--color-warning-bg: #78350f;--color-warning-text: #fcd34d;--color-warning-surface: #422006;--color-warning-border: #92400e;--color-warning-solid: #f59e0b;--color-danger-bg: #7f1d1d;--color-danger-text: #fca5a5;--color-danger-surface: #450a0a;--color-danger-border: #7f1d1d;--color-danger-solid: #dc2626;--color-on-solid: #fff;--color-neutral-solid: #6b7280;--color-accent-bg: #312e81;--color-accent-bg-strong: #4338ca;--color-accent-text: #c7d2fe;--color-group-bg: #134e4a;--color-group-text: #99f6e4;--color-blackboard-badge-bg: #374151;--color-blackboard-badge-text: #fff;--color-photo-backdrop: #111827;--color-overlay: rgba(0, 0, 0, .65);--shadow-panel: 0 6px 24px rgba(0, 0, 0, .45);--shadow-popover: 0 8px 24px rgba(0, 0, 0, .55)}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 22px;--weight-bold: 700;--weight-semibold: 600;--weight-regular: 400;--size-tap: 44px;--size-tap-dense: 32px}body{margin:0}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-md)}h1,h2,h3{margin:0 0 var(--space-3);font-weight:var(--weight-bold)}button{min-height:var(--size-tap);padding:0 var(--space-4);border:0;border-radius:var(--radius-md);background:var(--color-button-bg);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer}button.primary{background:var(--color-primary);color:var(--color-on-primary)}button:disabled{opacity:.5;cursor:not-allowed}.app{max-width:1080px;margin:0 auto;padding:var(--space-5);padding-bottom:calc(72px + env(safe-area-inset-bottom))}.app-header{display:flex;justify-content:space-between;gap:var(--space-4);align-items:center;margin-bottom:var(--space-5)}.app-header .project-select-trigger{flex:1 1 200px;min-width:0;max-width:420px}.status-badge{padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:var(--color-success-bg);color:var(--color-success-text);font-weight:var(--weight-semibold);white-space:nowrap}.panel{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5);box-shadow:var(--shadow-panel)}.camera-frame{position:relative;background:var(--color-photo-backdrop);border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16 / 9;display:grid;place-items:center}.camera-frame video{width:100%;height:100%;object-fit:cover}.toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.message{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-info-bg);color:var(--color-info-text)}.preview{width:100%;max-height:min(72dvh,760px);object-fit:contain;background:var(--color-photo-backdrop);border-radius:var(--radius-lg)}.empty{color:var(--color-text-muted)}.photo-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.photo-card{background:var(--color-surface-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);position:relative}.photo-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;background:var(--color-photo-backdrop);border-radius:calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px) 0 0}.photo-meta{padding:var(--space-2) var(--space-3);display:grid;gap:var(--space-1)}.photo-name{font-weight:var(--weight-bold);font-size:var(--text-sm);word-break:break-all}.photo-info{color:var(--color-text-muted);font-size:var(--text-sm)}.photo-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.upload-status{font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--color-warning-bg);color:var(--color-warning-text)}.upload-status-synced{background:var(--color-success-bg);color:var(--color-success-text)}button.small{min-height:var(--size-tap);padding:0 var(--space-3);font-size:var(--text-sm)}button.dense{min-height:var(--size-tap-dense)}button.danger{background:var(--color-danger-bg);color:var(--color-danger-text)}.photo-thumb-button{display:block;width:100%;min-height:0;padding:0;border-radius:0;background:none;cursor:pointer}.photo-memo{font-size:var(--text-sm);color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.photo-grid.photo-grid-list{grid-template-columns:1fr;gap:var(--space-2)}.photo-grid-list .photo-card{display:grid;grid-template-columns:auto 1fr;gap:var(--space-2);align-items:center;min-height:var(--size-tap);padding:var(--space-2)}.photo-grid-list .photo-thumb-button{width:auto}.photo-grid-list .photo-thumb-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.photo-grid-list .blackboard-badge-wrap{align-self:center;z-index:1}.photo-grid-list .photo-card img{width:80px;height:60px;border-radius:var(--radius-sm)}.photo-grid-list .photo-meta{padding:0;display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--space-2);row-gap:var(--space-1)}.photo-grid-list .photo-memo{-webkit-line-clamp:1;flex:1 1 100%}.photo-grid-list .photo-actions{margin-left:auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-overlay);display:grid;place-items:center;padding:var(--space-4);z-index:100}.modal{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);width:100%;max-width:720px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.modal-header h1,.modal-header h2{margin:0;word-break:break-all}.modal .preview{max-height:40vh}.detail-meta{margin:var(--space-4) 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-2)}.detail-meta div{background:var(--color-surface-subtle);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.detail-meta dt{font-size:var(--text-sm);color:var(--color-text-muted)}.detail-meta dd{margin:2px 0 0;font-weight:var(--weight-semibold);font-size:var(--text-sm)}.project-select,.text-input{min-height:var(--size-tap);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font:inherit;color:inherit;background:var(--color-surface);box-sizing:border-box}.text-input{flex:1;min-width:160px}.panel-subtitle{margin-left:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-regular);color:var(--color-text-muted)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-2);margin-bottom:var(--space-2)}.tag-chip{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--color-accent-bg);color:var(--color-accent-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);border-radius:var(--radius-pill)}.tag-remove{position:relative;min-height:22px;width:22px;padding:0;border-radius:var(--radius-pill);background:var(--color-accent-bg-strong);color:var(--color-accent-text);font-size:var(--text-sm);line-height:1}.tag-remove:before{content:"";position:absolute;top:50%;left:50%;width:var(--size-tap);height:var(--size-tap);transform:translate(-50%,-50%)}.tag-add{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.section-label{margin:var(--space-4) 0 var(--space-2)}.group-chip{background:var(--color-group-bg);color:var(--color-group-text);padding:var(--space-1) var(--space-3)}.group-badge{align-self:flex-start;font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--color-group-bg);color:var(--color-group-text)}.filter-bar{margin-top:0;margin-bottom:var(--space-3)}.group-move-select{min-height:var(--size-tap);padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font:inherit;color:inherit;font-weight:var(--weight-semibold);background:var(--color-surface);max-width:100%}.list-select-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:var(--size-tap);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font:inherit;font-weight:var(--weight-semibold);text-align:left;max-width:100%}.list-select-trigger:after{content:"▾";color:var(--color-text-muted);flex:0 0 auto}.list-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-select-modal{max-width:420px}.list-select-options{list-style:none;margin:0 0 var(--space-3);padding:0;max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2)}.list-select-option{width:100%;min-height:var(--size-tap);display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2);text-align:left;font-size:var(--text-md);background:var(--color-bg)}.list-select-option-label{flex:1;word-break:break-all}.list-select-option-note{flex:0 0 auto;font-size:var(--text-sm);font-weight:var(--weight-regular);color:var(--color-text-muted)}.list-select-option[aria-pressed=true]{background:var(--color-primary);color:var(--color-on-primary)}.list-select-option[aria-pressed=true] .list-select-option-note{color:var(--color-on-primary-muted)}.list-select-trigger:focus-visible,.list-select-option:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.filter-grid .list-select-trigger{width:100%;box-sizing:border-box}.memo-label{display:block;font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-bottom:var(--space-1)}.memo-input{width:100%;box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font:inherit;color:inherit;background:var(--color-surface);resize:vertical;margin-bottom:var(--space-1)}.login-form{display:flex;flex-direction:column;gap:var(--space-1);max-width:420px}.login-form .text-input{width:100%;box-sizing:border-box;margin-bottom:var(--space-3)}.login-form button{align-self:flex-start;margin-top:var(--space-1)}.login-error{color:var(--color-danger-text);background:var(--color-danger-surface);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);margin:var(--space-1) 0 var(--space-2);font-size:var(--text-sm)}@media (max-width: 640px){.app{padding:var(--space-3);padding-bottom:calc(72px + env(safe-area-inset-bottom))}.app-header{align-items:stretch;flex-direction:column}.app-header .project-select-trigger{flex:0 0 auto;max-width:none}}.header-badges{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.status-badge-offline{background:var(--color-neutral-solid);color:var(--color-on-solid)}.sync-badge{background:var(--color-warning-solid);color:var(--color-on-solid)}.error-badge{background:var(--color-danger-solid);color:var(--color-on-solid)}.tab-nav{display:flex;gap:var(--space-2);overflow-x:auto;margin-bottom:var(--space-4);padding-bottom:var(--space-1)}.tab-link{flex:0 0 auto;min-height:var(--size-tap);display:flex;align-items:center;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-weight:var(--weight-semibold);text-decoration:none}.tab-link.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.header-account{flex:0 1 auto;min-width:0}.tab-user-label{max-width:10em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-unverified{margin-left:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--color-warning-bg);color:var(--color-warning-text);white-space:nowrap}.message-dock{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;padding:0 var(--space-3) calc(var(--space-2) + env(safe-area-inset-bottom));pointer-events:none;z-index:90}.message-live{display:flex;justify-content:center;min-width:0}.message-toast{pointer-events:auto;display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--size-tap);max-width:min(720px,100%);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-info-bg);color:var(--color-info-text);box-shadow:var(--shadow-popover);font-size:var(--text-sm);text-align:left}.message-toast-success{background:var(--color-success-bg);color:var(--color-success-text)}.message-toast-error{background:var(--color-danger-bg);color:var(--color-danger-text)}.message-time{flex:0 0 auto;font-size:var(--text-sm);font-weight:var(--weight-regular);opacity:.8;white-space:nowrap}.message-text{min-width:0;word-break:break-word}.message-log-opener{pointer-events:auto;min-height:var(--size-tap);padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border-subtle);font-size:var(--text-sm);box-shadow:var(--shadow-panel)}.message-log-modal{max-width:560px}.message-log-list{list-style:none;margin:0;padding:0;max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2)}.message-log-entry{display:flex;gap:var(--space-2);align-items:baseline;font-size:var(--text-sm)}.message-kind{flex:0 0 auto;font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:1px var(--space-2);border-radius:var(--radius-pill)}.message-kind-info{background:var(--color-info-bg);color:var(--color-info-text)}.message-kind-success{background:var(--color-success-bg);color:var(--color-success-text)}.message-kind-error{background:var(--color-danger-bg);color:var(--color-danger-text)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.plain-list{margin:0 0 var(--space-3);padding-left:var(--space-5)}.list-toolbar{display:flex;justify-content:flex-end;gap:var(--space-3);margin-bottom:var(--space-3)}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.filter-grid label,.filter-grid .filter-field{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.filter-grid .project-select,.filter-grid .text-input{width:100%;box-sizing:border-box}.checkbox-row{display:flex;align-items:center;gap:var(--space-2);min-height:var(--size-tap);font-size:var(--text-sm)}.ai-status{font-size:var(--text-sm);color:var(--color-text-muted)}.ai-status-done{color:var(--color-success-text)}.ai-status-error{color:var(--color-danger-text)}.group-grid{list-style:none;padding:0;margin:0 0 var(--space-4);display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3)}.group-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface)}.group-card-thumb{aspect-ratio:4 / 3;background:var(--color-bg);display:flex;align-items:center;justify-content:center}.group-card-thumb img{width:100%;height:100%;object-fit:cover}.group-card-body{padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.group-card-name{font-weight:var(--weight-bold)}.small-link{font-size:var(--text-sm);color:var(--color-link)}.sync-counts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3);margin:0 0 var(--space-4)}.sync-counts>div{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.sync-next-run{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.sync-conflict-note{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-warning-solid)}.sync-counts dt{font-size:var(--text-sm);color:var(--color-text-muted)}.sync-counts dd{margin:var(--space-1) 0 0;font-size:var(--text-xl);font-weight:var(--weight-bold)}.count-error{color:var(--color-danger-text)}.queue-list,.sync-log{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.queue-item{border:1px solid var(--color-border-subtle);border-left-width:4px;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);align-items:flex-start}.queue-item-error,.queue-item-conflict{border-left-color:var(--color-danger-solid)}.queue-item-processing{border-left-color:var(--color-warning-solid)}.queue-item-main{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.queue-type{font-weight:var(--weight-semibold)}.queue-error{font-size:var(--text-sm);color:var(--color-danger-text)}.sync-log li{font-size:var(--text-sm);padding:var(--space-1) 0;border-bottom:1px solid var(--color-bg)}.sync-log-error{color:var(--color-danger-text)}.theme-toggle,.view-toggle{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.theme-toggle-button,.view-toggle-button{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--size-tap);padding:0 var(--space-3);border-radius:0;background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--text-sm);white-space:nowrap}.theme-toggle-button+.theme-toggle-button,.view-toggle-button+.view-toggle-button{border-left:1px solid var(--color-border)}.theme-toggle-button.active,.view-toggle-button.active{background:var(--color-primary);color:var(--color-on-primary)}.theme-icon,.view-icon{width:16px;height:16px;flex:0 0 auto}.conflict-box{width:100%;box-sizing:border-box;border:1px solid var(--color-danger-border);background:var(--color-danger-surface);border-radius:var(--radius-md);padding:var(--space-3);margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.conflict-title{font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--color-danger-text)}.conflict-diff{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-2)}.conflict-diff>div{background:var(--color-surface);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.conflict-diff dt{font-size:var(--text-sm);color:var(--color-text-muted)}.conflict-diff dd{margin:2px 0 0;font-size:var(--text-sm);word-break:break-all}.conflict-box .toolbar{margin-top:0}.hint-banner{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--color-warning-surface);border:1px solid var(--color-warning-border);color:var(--color-warning-text);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-3);font-size:var(--text-sm)}.project-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-3)}.project-card{display:flex;flex-direction:column;gap:var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface)}.project-card-selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary) inset}.project-card-orphaned{border-color:var(--color-danger-border);background:var(--color-danger-surface)}.project-card-head{display:flex;align-items:center;gap:var(--space-2);flex-wrap:nowrap}.project-card-name{font-weight:var(--weight-bold);font-size:var(--text-md);flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card-stats{display:flex;gap:var(--space-4);margin:0}.project-card-stats dt{font-size:var(--text-sm);color:var(--color-text-muted)}.project-card-stats dd{margin:2px 0 0;font-size:var(--text-lg);font-weight:var(--weight-bold)}.member-list{list-style:none;padding:0;margin:0 0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.member-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.member-identity{display:flex;flex-direction:column;gap:2px;flex:1 1 200px;min-width:0}.member-name{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-bold);word-break:break-all}.role-badge{font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--color-accent-bg);color:var(--color-accent-text);white-space:nowrap}.member-invite{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-2)}.member-invite .text-input{flex:1 1 220px}.member-row-deleted{background:var(--color-surface-subtle);opacity:.75}.role-badge-deleted{background:var(--color-danger-bg);color:var(--color-danger-text)}.sync-counts dd.storage-usage{font-size:var(--text-lg)}.camera-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.blackboard-fields{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:var(--space-3) 0}.blackboard-field{display:flex;flex-direction:column;gap:var(--space-1)}.blackboard-field .memo-label{margin:0}.blackboard-layout{display:grid;gap:var(--space-3);margin-bottom:var(--space-3)}.blackboard-summary{margin:0 0 var(--space-3);display:grid;gap:var(--space-1)}.blackboard-summary div{display:flex;gap:var(--space-2)}.blackboard-summary dt{min-width:6em;color:var(--color-text-muted);font-size:var(--text-sm)}.blackboard-summary dd{margin:0;font-size:var(--text-sm);word-break:break-all}.blackboard-badge-wrap{position:relative;align-self:flex-start}.blackboard-badge{position:relative;display:inline-block;min-height:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--color-blackboard-badge-bg);color:var(--color-blackboard-badge-text);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.blackboard-badge:after{content:"";position:absolute;top:50%;left:50%;width:max(100%,var(--size-tap));height:var(--size-tap);transform:translate(-50%,-50%)}.blackboard-badge[aria-expanded=true]{background:var(--color-primary);color:var(--color-on-primary)}.blackboard-balloon{position:absolute;top:calc(100% + var(--space-2));left:0;min-width:220px;max-width:min(300px,80vw);z-index:20;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);box-shadow:var(--shadow-popover)}.blackboard-balloon:before,.blackboard-balloon:after{content:"";position:absolute;bottom:100%;left:14px;border:7px solid transparent}.blackboard-balloon:before{border-bottom-color:var(--color-border)}.blackboard-balloon:after{margin-bottom:-1px;border-bottom-color:var(--color-surface)}.progress-track{background:var(--color-button-bg);border-radius:var(--radius-pill);height:8px;overflow:hidden}.progress-fill{background:var(--color-primary);height:100%}.blackboard-balloon .blackboard-summary{margin:0}.project-map{position:relative;height:320px;margin-bottom:var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface-subtle)}.project-map-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.map-status{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;padding:var(--space-3);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.map-pin{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.map-pin-label{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.project-create-contact{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.project-postal-input{flex:0 1 160px}.project-address-input{flex:1 1 240px}.map-info{display:grid;gap:var(--space-1);color:var(--color-map-info-text);font-size:var(--text-sm);max-width:240px}.map-info-name{font-weight:var(--weight-bold)}.map-info-detail{justify-self:start;margin-top:var(--space-1);background:var(--color-map-info-action-bg);color:var(--color-map-info-action-text)}.project-card-main{display:flex;align-items:flex-start;gap:var(--space-3)}.project-card-info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.project-card-thumb{flex:0 0 120px;width:120px;aspect-ratio:4 / 3;background:var(--color-bg);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);overflow:hidden;text-align:center;font-size:var(--text-sm)}.project-card-thumb img{width:100%;height:100%;object-fit:cover}.project-card-detail-link{margin-left:auto;flex:0 0 auto;display:inline-flex;align-items:center;min-height:var(--size-tap);white-space:nowrap}.thumbnail-control{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}body.capture-scroll-lock{overflow:hidden;overscroll-behavior:none}.app-capture{height:100vh;height:100dvh;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:none;max-width:none;padding:var(--space-5) var(--space-5) 0;--capture-reach-x-top: 0;--capture-reach-x-bottom: 0;--capture-reach-y: 0;--capture-board-reach-x-top: calc(var(--capture-reach-x-top) * min(100vw, 100vh));--capture-board-reach-x-top: calc(var(--capture-reach-x-top) * min(100vw, 100dvh));--capture-board-reach-x-bottom: calc(var(--capture-reach-x-bottom) * min(100vw, 100vh));--capture-board-reach-x-bottom: calc(var(--capture-reach-x-bottom) * min(100vw, 100dvh));--capture-board-reach-y: calc(var(--capture-reach-y) * min(100vw, 100vh));--capture-board-reach-y: calc(var(--capture-reach-y) * min(100vw, 100dvh));--capture-safe-center-top: calc(100vw - 2 * var(--capture-board-reach-x-top));--capture-safe-center-bottom: calc(100vw - 2 * var(--capture-board-reach-x-bottom))}.app-capture-immersive .app-header,.app-capture-immersive .tab-nav{display:none}.app-capture-immersive{padding:0;background:var(--color-photo-backdrop)}.app-capture .capture-panel{flex:1 1 auto;min-height:0;margin:0;padding:0;gap:0;background:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column}.capture-layout{position:relative;flex:1 1 auto;min-height:0;--capture-safe-middle: calc(100vh - 2 * var(--capture-board-reach-y));--capture-safe-middle: calc(100dvh - 2 * var(--capture-board-reach-y))}.capture-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.capture-stage .camera-frame{flex:0 0 auto;touch-action:none}.app-capture-immersive .camera-frame{border-radius:0}.capture-start{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.capture-start-button{pointer-events:auto;padding:0 var(--space-5);position:absolute;left:0;right:0;margin:0 auto;width:fit-content;bottom:max(calc(50% - 22px),calc(var(--capture-controls-height, 100px) + var(--space-3)))}.capture-topbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:flex-end;padding:calc(var(--space-2) + env(safe-area-inset-top)) calc(var(--space-3) + env(safe-area-inset-right)) 0 var(--space-3);pointer-events:none}.capture-pill{pointer-events:auto;display:flex;align-items:center;gap:var(--space-2);min-width:0;max-width:max(180px,min(var(--capture-safe-center-top),520px));padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-capture-scrim);color:var(--color-capture-on-scrim)}.capture-project{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--weight-semibold)}.capture-project-missing{color:var(--color-warning-solid)}.capture-exit{flex:0 0 auto}.capture-controls{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:0 var(--space-3) calc(var(--space-3) + env(safe-area-inset-bottom));pointer-events:none}.capture-controls>*{pointer-events:auto}.capture-secondary{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-1);max-width:max(180px,min(var(--capture-safe-center-bottom),640px));max-height:30vh;overflow-y:auto;overscroll-behavior:contain}.capture-chip{min-height:var(--size-tap);padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-capture-scrim);color:var(--color-capture-on-scrim);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.capture-last-shot{padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--color-capture-scrim);color:var(--color-capture-on-scrim);font-size:var(--text-sm);opacity:.85;white-space:nowrap}.capture-controls .capture-hint{margin:0;max-width:max(240px,min(var(--capture-safe-center-bottom),640px))}.capture-shutter{flex:0 0 auto;box-sizing:border-box;width:72px;height:72px;min-height:72px;padding:0;border:4px solid var(--color-capture-on-scrim);border-radius:var(--radius-pill);background:var(--color-capture-scrim);display:flex;align-items:center;justify-content:center}.capture-shutter-core{width:52px;height:52px;border-radius:var(--radius-pill);background:var(--color-capture-on-scrim)}.capture-shutter[aria-busy=true] .capture-shutter-core{background:var(--color-primary)}.app-capture{--capture-dock-lift: calc(var(--capture-controls-height, 100px) + var(--space-2))}.app-capture .message-dock{padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom) + var(--capture-dock-lift))}.app-capture .message-toast{max-width:min(720px,100%,max(180px,var(--capture-safe-center-bottom)))}.app-capture-immersive .message-log-opener{display:none}@media (orientation: landscape){.app-capture{--capture-dock-lift: 0px}.capture-controls{left:auto;top:0;bottom:50%;justify-content:flex-end;align-items:flex-end;padding:var(--space-3) calc(var(--space-3) + env(safe-area-inset-right)) 0 0}.capture-controls .capture-shutter{margin-bottom:-36px}.capture-secondary{flex-direction:column;align-items:stretch;max-width:240px;max-height:max(96px,calc(var(--capture-safe-middle) / 2 - 36px - var(--space-2)))}.capture-controls .capture-hint{max-width:240px}.capture-start-button{bottom:calc(50% - 22px)}}.capture-blackboard-overlay{align-items:start;justify-items:center;padding-top:calc(var(--capture-viewport-top, 0px) + var(--space-4) + env(safe-area-inset-top))}.capture-blackboard-modal{display:flex;flex-direction:column;overflow:hidden;max-height:calc(var(--capture-viewport-height, 100dvh) - var(--space-5) * 2)}.capture-blackboard-modal .modal-header{flex:0 0 auto}.capture-blackboard-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.capture-blackboard-actions{flex:0 0 auto;margin-top:var(--space-3)}.header-log-opener{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);padding:0 var(--space-3);white-space:nowrap}.app:not(.app-capture){padding-bottom:var(--space-5)}.header-status-chip{display:none;align-items:center;min-height:var(--size-tap);padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-success-bg);color:var(--color-success-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-decoration:none;white-space:nowrap;box-sizing:border-box}.header-status-chip-offline{background:var(--color-neutral-solid);color:var(--color-on-solid)}.header-status-chip-warning{background:var(--color-warning-solid);color:var(--color-on-solid)}.header-status-chip-danger{background:var(--color-danger-solid);color:var(--color-on-solid)}.account-icon{display:none;width:16px;height:16px;flex:0 0 auto}.tab-more{display:none}.more-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.more-nav-link{display:flex;align-items:center;min-height:var(--size-tap);padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--text-md);font-weight:var(--weight-semibold);text-decoration:none}.more-nav-link.active{background:var(--color-primary);color:var(--color-on-primary)}.photo-card{display:flex;flex-direction:column}.photo-meta{display:flex;flex-direction:column;gap:var(--space-1);flex:1 1 auto}.photo-grid .photo-actions{margin-top:auto}.photo-grid-list .photo-actions{margin-top:0}.photo-board-line{display:flex;align-items:center;gap:var(--space-2);min-width:0}.photo-board-line .blackboard-badge-wrap{align-self:center}.photo-board-summary{flex:1 1 auto;min-width:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-grid-list .photo-board-line{flex:1 1 auto}.photo-grid-list .photo-card img{width:120px;height:90px}.filter-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.list-toolbar{flex-wrap:wrap}.list-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-3)}.list-header h1{margin:0;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-header-ops{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2);margin-left:auto;min-width:0}.list-ledger-button{min-width:11em}.list-csv-button{min-width:13em}.filter-grid .filter-date-range{grid-column:span 2;flex-direction:row;align-items:center;gap:var(--space-2)}.filter-date-inputs{display:flex;align-items:center;gap:var(--space-2);flex:1 1 auto;min-width:0}.filter-date-inputs .text-input{flex:1 1 auto;min-width:0}.filter-date-separator{flex:0 0 auto;color:var(--color-text-muted);font-weight:var(--weight-regular)}.date-range-modal{max-width:700px;box-sizing:border-box;padding:var(--space-5) var(--space-2);max-height:calc(100vh - var(--space-5) * 2);max-height:calc(100dvh - var(--space-5) * 2);display:flex;flex-direction:column;overflow:hidden}.date-range-modal .modal-header{flex:0 0 auto}.date-range-body{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain}.date-range-pager{display:flex;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.date-range-calendars{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3) var(--space-4)}.date-range-calendar{flex:0 0 auto;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-1)}.date-range-month{margin:0 0 var(--space-1);text-align:center;font-size:var(--text-md)}.date-range-grid{display:grid;grid-template-columns:repeat(7,var(--size-tap))}.date-range-weekday{display:flex;align-items:center;justify-content:center;min-height:var(--space-5);font-size:var(--text-sm);color:var(--color-text-muted)}.date-range-day{min-height:var(--size-tap);padding:0;border-radius:var(--radius-sm);background:none;font-size:var(--text-sm);font-weight:var(--weight-regular)}.date-range-day-inrange{background:var(--color-accent-bg);color:var(--color-accent-text);border-radius:0}.date-range-day-endpoint{background:var(--color-primary);color:var(--color-on-primary);font-weight:var(--weight-semibold)}.date-range-day:focus-visible{outline:3px solid var(--color-primary);outline-offset:-3px}.date-range-day-empty{min-height:var(--size-tap)}.date-range-hint{margin:var(--space-2) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}@media (max-width: 640px){.app:not(.app-capture){padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom))}.app-header{gap:var(--space-2);margin-bottom:var(--space-3)}.tab-nav{margin-bottom:var(--space-3)}.header-badges>.status-badge{display:none}.header-status-chip{display:inline-flex}.theme-toggle-label{display:none}.theme-toggle-button{min-width:var(--size-tap);justify-content:center;box-sizing:border-box}.view-toggle-label{display:none}.view-toggle-button{min-width:var(--size-tap);justify-content:center;box-sizing:border-box}.account-icon{display:block}.header-account .tab-user-label{display:none}.header-account{justify-content:center}.tab-nav>.tab-foldable{display:none}.tab-more{display:flex}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.detail-photo-caption{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"left center right";align-items:baseline;gap:var(--space-1) var(--space-3);margin:0 0 var(--space-1);color:var(--color-text-muted);font-size:var(--text-sm)}.detail-photo-caption .detail-caption-left{grid-area:left;justify-self:start;white-space:nowrap}.detail-photo-caption .detail-file-name{grid-area:center;justify-self:center;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-photo-caption .detail-caption-meta{grid-area:right;justify-self:end;min-width:0;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:var(--space-1) var(--space-3)}@media (max-width: 640px){.detail-photo-caption{grid-template-columns:auto 1fr;grid-template-areas:"left right" "center center"}}.detail-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-3)}.detail-header h1{margin:0;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-header-ops{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:var(--space-2);margin-left:auto;min-width:0}.detail-nav{display:flex;align-items:center;gap:var(--space-1)}.detail-nav-position{font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap;min-width:64px;text-align:center}@media (max-width: 640px){.detail-nav-position{display:none}}.detail-group-select{max-width:8em;flex:0 1 auto;min-width:var(--size-tap)}.detail-thumb-toggle.active{background:var(--color-primary);color:var(--color-on-primary)}.detail-columns{display:grid;grid-template-columns:1fr;gap:var(--space-4) var(--space-5);align-items:start}@media (min-width: 740px){.detail-columns{grid-template-columns:1fr 1fr}.detail-columns>.detail-annotate{grid-row:1;grid-column:1}.detail-columns>.blackboard-summary{grid-row:1;grid-column:2}.detail-columns>.detail-annotate:only-child{grid-column:1 / -1}}.detail-view-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--size-tap);margin-top:var(--space-4)}.detail-view-row .detail-zoom-open{margin-left:auto}.detail-columns .blackboard-summary{margin-bottom:0}.detail-columns .blackboard-summary div{align-items:baseline}.detail-columns .blackboard-summary dt{font-size:var(--text-md);font-weight:var(--weight-semibold)}.detail-columns .blackboard-summary dd{font-size:var(--text-xl)}.detail-annotate .memo-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-2)}.detail-annotate .tag-add{margin:var(--space-3) 0 var(--space-2)}.detail-annotate .memo-row .memo-input{flex:1 1 240px;margin-bottom:0}.panel .detail-ai-bar{position:sticky;bottom:calc(72px + env(safe-area-inset-bottom));z-index:10;margin-top:var(--space-4)}.detail-ai-bar-button{width:100%;background:var(--color-accent-bg);color:var(--color-accent-text);border:1px solid var(--color-accent-bg-strong);box-shadow:var(--shadow-popover)}@media (max-width: 640px){.panel .detail-ai-bar{bottom:calc(var(--space-3) + env(safe-area-inset-bottom))}}.modal-overlay.detail-ai-sheet-overlay{place-items:end stretch;padding:0}.modal.detail-ai-sheet{max-width:none;max-height:85dvh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom));animation:detail-ai-sheet-in .2s ease-out}@keyframes detail-ai-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.modal.detail-ai-sheet{animation:none}}.group-card-actions{flex-wrap:wrap;justify-content:flex-start}.group-card-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-3)}.group-card-meta>*{flex:0 0 auto}.group-card-meta>.small-link{margin-left:auto}.group-card-buttons{display:flex;gap:var(--space-2);flex:1 1 100%;min-width:0}.group-card-buttons>button.small{flex:1 1 0;min-width:0;padding:0 var(--space-2);white-space:normal;line-height:1.4}.group-button-label{display:block;width:2em;margin:0 auto}.header-create{flex:1 1 240px}.project-create-header{gap:var(--space-2)}.project-create-header>h1{flex:0 0 160px}.project-create-header>.list-header-ops{margin-left:0;justify-content:flex-start}body.app-offline:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;border:4px solid var(--color-warning-solid);pointer-events:none;z-index:110}.blob-image-error{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:4 / 3;padding:var(--space-2);background:var(--color-danger-bg);color:var(--color-danger-text);font-size:var(--text-sm);text-align:center}body.photo-zoom-lock{overflow:hidden;overscroll-behavior:none}.detail-preview-wrap{touch-action:manipulation}.photo-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--color-photo-backdrop)}.photo-zoom-overlay .photo-zoom-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.photo-zoom-overlay .photo-zoom-image{max-width:100%;max-height:100%;object-fit:contain}.photo-zoom-overlay .photo-zoom-button{position:absolute;min-height:var(--size-tap);min-width:var(--size-tap);padding:var(--space-2) var(--space-3);background:var(--color-capture-scrim);color:var(--color-capture-on-scrim);font-size:var(--text-sm)}.photo-zoom-overlay .photo-zoom-button.primary{background:var(--color-primary);color:var(--color-on-primary)}.photo-zoom-overlay .photo-zoom-button:disabled{opacity:.4}.photo-zoom-overlay .photo-zoom-close{top:calc(var(--space-3) + env(safe-area-inset-top));right:calc(var(--space-3) + env(safe-area-inset-right))}.photo-zoom-overlay .photo-zoom-prev{left:calc(var(--space-3) + env(safe-area-inset-left));top:50%;transform:translateY(-50%)}.photo-zoom-overlay .photo-zoom-next{right:calc(var(--space-3) + env(safe-area-inset-right));top:50%;transform:translateY(-50%)}.photo-zoom-overlay .photo-zoom-blackboard{bottom:calc(var(--space-3) + env(safe-area-inset-bottom));left:50%;transform:translate(-50%)}