:root{--shell-bg: #f5f6f8;--shell-fg: #1f2329;--shell-muted: #5c6470;--shell-border: #dde1e7;--shell-surface: #ffffff}@media(prefers-color-scheme:dark){:root{--shell-bg: #14171c;--shell-fg: #e8eaed;--shell-muted: #9aa3ae;--shell-border: #2b313a;--shell-surface: #1c2027}}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--shell-bg);color:var(--shell-fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%}#app-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.shell-header{padding:env(safe-area-inset-top) 1rem 0;background:var(--shell-surface);border-bottom:1px solid var(--shell-border)}.shell-title{margin:0;padding:.875rem 0;font-size:1rem;font-weight:600}.shell-main{flex:1;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.shell-notice{margin:0;padding:1rem;background:var(--shell-surface);border:1px solid var(--shell-border);border-radius:8px;color:var(--shell-muted)}.diag-heading{margin:0 0 .5rem;font-size:1.25rem}.diag-intro{margin:0 0 1rem;color:var(--shell-muted)}.diag-status{color:var(--shell-muted)}.diag-section{margin:0 0 1rem;padding:1rem;background:var(--shell-surface);border:1px solid var(--shell-border);border-radius:8px}.diag-section-title{margin:0 0 .75rem;font-size:1rem;font-weight:600}.diag-list{display:grid;grid-template-columns:minmax(6rem,auto) 1fr;gap:.375rem 1rem;margin:0}.diag-term{color:var(--shell-muted);font-size:.875rem}.diag-desc{margin:0;overflow-wrap:anywhere;font-size:.875rem}.diag-note{margin:.5rem 0 0;color:var(--shell-muted);font-size:.875rem}.diag-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem}.diag-button,.diag-select{min-height:44px;padding:.5rem 1rem;background:var(--shell-surface);color:var(--shell-fg);border:1px solid var(--shell-border);border-radius:8px;font:inherit;font-size:.9375rem}.diag-button{cursor:pointer;font-weight:600}.diag-button:disabled{opacity:.5;cursor:default}.diag-button-secondary{font-weight:400}.diag-output{margin:.75rem 0 0;font-size:.875rem;overflow-wrap:anywhere}.diag-ok{color:#1a7f4b}.diag-warn{color:#a15c00}.diag-warnings{margin:0;padding-left:1.25rem}.diag-warning{margin-bottom:.5rem;font-size:.875rem}.diag-critical{color:#b3261e;font-weight:600}.diag-report{margin-top:.75rem;padding:.75rem;background:var(--shell-bg);border:1px solid var(--shell-border);border-radius:8px;font-size:.75rem;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}@media(prefers-color-scheme:dark){.diag-ok{color:#6ddc9c}.diag-warn{color:#ffc46b}.diag-critical{color:#ff8a80}}.status-panel{display:flex;flex-direction:column;gap:1rem;padding:1rem}.status-section{padding:.875rem 1rem;background:var(--shell-surface);border:1px solid var(--shell-border);border-radius:10px}.status-heading{margin:0 0 .625rem;font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;opacity:.7}.status-list{display:grid;grid-template-columns:auto 1fr;gap:.375rem 1rem;margin:0}.status-term{font-size:.9375rem;opacity:.75}.status-detail{margin:0;font-size:.9375rem;font-weight:600;text-align:right;overflow-wrap:anywhere}.status-sync{min-height:48px;padding:0 1.25rem;font-size:1rem;font-weight:600;color:#fff;background:#1558d6;border:none;border-radius:10px;cursor:pointer}.status-sync:disabled{opacity:.55;cursor:default}.status-message,.status-warning{margin:0;padding:.75rem 1rem;font-size:.9375rem;border-radius:10px;border:1px solid var(--shell-border)}.status-message--warning,.status-warning--warning{color:#a15c00;border-color:#e0b268}.status-message--critical,.status-warning--critical{color:#b3261e;font-weight:600;border-color:#e39c95}.shell-notice--error{color:#b3261e}.shell-notice-detail{margin:.5rem 0;font-size:.875rem;overflow-wrap:anywhere}@media(prefers-color-scheme:dark){.status-message--warning,.status-warning--warning{color:#ffc46b}.status-message--critical,.status-warning--critical,.shell-notice--error{color:#ff8a80}}.login-panel{display:flex;flex-direction:column;gap:1rem;max-width:26rem;margin:0 auto;padding:1.5rem 1rem}.login-heading{margin:0;font-size:1.25rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-field{display:flex;flex-direction:column;gap:.375rem}.login-label{font-size:.9375rem;font-weight:600}.login-input{min-height:48px;padding:0 .75rem;font-size:1rem;color:var(--shell-fg);background:var(--shell-surface);border:1px solid var(--shell-border);border-radius:10px}.login-input::placeholder{color:var(--shell-muted);opacity:1}.login-input:focus{outline:2px solid #1558d6;outline-offset:1px}.login-hint{margin:0;font-size:.8125rem;opacity:.7}.login-submit,.status-logout{min-height:48px;padding:0 1.25rem;font-size:1rem;font-weight:600;border-radius:10px;cursor:pointer}.login-submit{color:#fff;background:#1558d6;border:none}.status-logout{color:inherit;background:transparent;border:1px solid var(--shell-border)}.login-submit:disabled,.status-logout:disabled{opacity:.55;cursor:default}.login-message{margin:0;padding:.75rem 1rem;font-size:.9375rem;border:1px solid var(--shell-border);border-radius:10px}.login-message--warning{color:#a15c00;border-color:#e0b268}.login-message--critical{color:#b3261e;font-weight:600;border-color:#e39c95}@media(prefers-color-scheme:dark){.login-message--warning{color:#ffc46b}.login-message--critical{color:#ff8a80}}.update-bar{position:fixed;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom));font-size:.9375rem;color:#fff;background:#1f2933}.update-bar-action{min-height:44px;padding:0 1rem;font-size:.9375rem;font-weight:600;color:#1f2933;background:#fff;border:none;border-radius:8px;cursor:pointer}.update-bar-action:disabled{opacity:.6;cursor:default}.page{display:flex;flex-direction:column;gap:1rem;padding:1rem;max-width:46rem;margin:0 auto}.page-header{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem 1rem 0;max-width:46rem;margin:0 auto}.page-heading{display:flex;align-items:center;gap:.5rem;flex:1}.page-title{margin:0;font-size:1.125rem;flex:1}.page-subtitle{width:100%;margin:0;font-size:.8125rem;color:var(--shell-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1rem;font-size:.9375rem;font-weight:600;text-decoration:none;border:1px solid transparent;border-radius:10px;cursor:pointer}.btn--primary{color:#fff;background:#1558d6}.btn--secondary{color:inherit;background:transparent;border-color:var(--shell-border)}.btn--ghost{color:var(--shell-muted);background:transparent;padding:0 .5rem}.btn--block{width:100%}.btn:disabled{opacity:.5;cursor:default}.sync-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.625rem .875rem;background:var(--shell-surface);border:1px solid var(--shell-border);border-radius:10px}.sync-bar-text{font-size:.9375rem}.sync-bar-text--pending{font-weight:600;color:#a15c00}.record-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.record-link{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:56px;padding:.75rem .875rem;color:inherit;text-decoration:none;background:var(--shell-surface);border:1px solid var(--shell-border);border-radius:10px}.record-main{display:flex;flex-direction:column;gap:.25rem;min-width:0}.record-site{font-weight:600;overflow-wrap:anywhere}.record-time{font-size:.8125rem;color:var(--shell-muted)}.record-meta{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.badge{display:inline-block;padding:.1875rem .5rem;font-size:.75rem;font-weight:600;white-space:nowrap;border:1px solid var(--shell-border);border-radius:999px}.badge--draft{color:#5c6470}.badge--submitted{color:#1558d6;border-color:#9dbcf0}.badge--reviewed{color:#1a7f4b;border-color:#8fd0ae}.badge--closed{color:var(--shell-muted)}.badge--local{color:#a15c00;border-color:#e0b268}.badge--low{color:var(--shell-muted)}.badge--medium{color:#a15c00;border-color:#e0b268}.badge--high,.badge--critical{color:#b3261e;border-color:#e39c95}.form,.form-section{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:var(--shell-surface);border:1px solid var(--shell-border);border-radius:10px}.form-section-title{margin:0;font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--shell-muted)}.field{display:flex;flex-direction:column;gap:.375rem}.field-label{font-size:.9375rem;font-weight:600}.field-required{color:#b3261e}.field-input{min-height:48px;padding:.5rem .75rem;font-size:1rem;font-family:inherit;color:var(--shell-fg);background:var(--shell-bg);border:1px solid var(--shell-border);border-radius:8px}.field-input--multiline{min-height:6rem;resize:vertical}.field-input:focus{outline:2px solid #1558d6;outline-offset:1px}.field-input:disabled{opacity:.7}.field-state{font-size:.8125rem;color:var(--shell-muted)}.field-state--error{color:#b3261e;font-weight:600}.finding-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.finding-item{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:var(--shell-bg);border-radius:8px}.finding-description{flex:1;overflow-wrap:anywhere}.finding-status{font-size:.8125rem;color:var(--shell-muted);white-space:nowrap}.finding-form{display:flex;flex-wrap:wrap;gap:.5rem}.finding-form .field-input{flex:1;min-width:8rem}.submit-block{display:flex;flex-direction:column;gap:.75rem}.empty-state{padding:2rem 1rem;text-align:center;background:var(--shell-surface);border:1px dashed var(--shell-border);border-radius:10px}.empty-state-title{margin:0 0 .5rem;font-weight:600}.empty-state-detail{margin:0;font-size:.875rem;color:var(--shell-muted)}.notice{margin:0;padding:.75rem 1rem;font-size:.9375rem;border:1px solid var(--shell-border);border-radius:10px}.notice--warning{color:#a15c00;border-color:#e0b268}.notice--critical{color:#b3261e;font-weight:600;border-color:#e39c95}@media(prefers-color-scheme:dark){.badge--draft,.badge--closed,.badge--low{color:var(--shell-muted)}.badge--submitted{color:#8ab4f8}.badge--reviewed{color:#6ddc9c}.badge--local,.badge--medium,.notice--warning,.sync-bar-text--pending{color:#ffc46b}.badge--high,.badge--critical,.notice--critical,.field-state--error{color:#ff8a80}}.nav-bar{position:fixed;right:0;bottom:0;left:0;z-index:10;display:flex;background:var(--shell-surface);border-top:1px solid var(--shell-border);padding-bottom:env(safe-area-inset-bottom)}.nav-item{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;min-height:56px;padding:.375rem 0;color:var(--shell-muted);background:transparent;border:none;cursor:pointer}.nav-item--active{color:#1558d6}.nav-icon{display:block;width:22px;height:22px}.nav-icon svg{width:100%;height:100%}.nav-label{font-size:.6875rem;font-weight:600}.nav-badge{position:absolute;top:.25rem;left:50%;margin-left:.25rem;min-width:18px;padding:0 .25rem;font-size:.6875rem;font-weight:700;line-height:18px;text-align:center;color:#fff;background:#d93025;border-radius:999px}.page,.status-panel,.login-panel{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.home-greeting{display:flex;flex-direction:column;gap:.25rem}.home-title{margin:0;font-size:1.375rem}.home-subtitle{margin:0;font-size:.875rem;color:var(--shell-muted)}.home-alerts:empty{display:none}.home-alerts{display:flex;flex-direction:column;gap:.5rem}.alert{display:flex;gap:.5rem;padding:.75rem .875rem;font-size:.9375rem;border:1px solid var(--shell-border);border-left-width:4px;border-radius:8px;background:var(--shell-surface)}.alert--warning{border-left-color:#e0a640;color:#a15c00}.alert--critical{border-left-color:#d93025;color:#b3261e;font-weight:600}.home-actions{display:flex;gap:.5rem}.btn--grow{flex:1}.home-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));gap:.5rem}.home-card{display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.875rem .5rem;color:inherit;text-decoration:none;background:var(--shell-surface);border:1px solid var(--shell-border);border-radius:10px}.home-card-value{font-size:1.5rem;font-weight:700;line-height:1.2}.home-card-label{font-size:.8125rem;color:var(--shell-muted)}.home-card--alert .home-card-value{color:#b3261e}.home-section{display:flex;flex-direction:column;gap:.5rem}.home-section-header{display:flex;align-items:center;justify-content:space-between}.home-section-title{margin:0;font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--shell-muted)}.home-empty{margin:0;padding:1.25rem 1rem;font-size:.875rem;text-align:center;color:var(--shell-muted);background:var(--shell-surface);border:1px dashed var(--shell-border);border-radius:10px}.settings-links{display:flex;flex-direction:column;gap:.5rem}.settings-danger{display:flex;flex-direction:column;gap:.625rem;padding:1rem;border:1px solid var(--shell-border);border-radius:10px}.settings-note{margin:0;font-size:.8125rem;color:var(--shell-muted)}.btn--danger{color:#b3261e;background:transparent;border-color:#e39c95}@media(prefers-color-scheme:dark){.nav-item--active{color:#8ab4f8}.alert--warning{color:#ffc46b}.alert--critical,.home-card--alert .home-card-value,.btn--danger{color:#ff8a80}}.photo-field{display:flex;flex-direction:column;gap:.625rem}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.5rem}.photo-item{margin:0;display:flex;flex-direction:column;gap:.25rem;overflow:hidden;border:1px solid var(--shell-border);border-radius:8px}.photo-image,.photo-placeholder{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:var(--shell-bg)}.photo-placeholder{display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:var(--shell-muted)}.photo-state{padding:.25rem .375rem;font-size:.6875rem;text-align:center;color:var(--shell-muted);overflow-wrap:anywhere}.photo-state--pending{color:#a15c00}.photo-state--uploaded{color:#1a7f4b}.photo-state--rejected{color:#b3261e;font-weight:600}.photo-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-color-scheme:dark){.photo-state--pending{color:#ffc46b}.photo-state--uploaded{color:#6ddc9c}.photo-state--rejected{color:#ff8a80}}.conflict-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.conflict-link{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:56px;padding:.75rem .875rem;color:inherit;text-decoration:none;background:var(--shell-surface);border:1px solid var(--shell-border);border-left:4px solid #d93025;border-radius:10px}.conflict-main{display:flex;flex-direction:column;gap:.25rem;min-width:0}.conflict-title{font-weight:600;overflow-wrap:anywhere}.conflict-time{font-size:.8125rem;color:var(--shell-muted)}.conflict-chevron{font-size:1.5rem;color:var(--shell-muted);flex-shrink:0}.conflict-explain{margin:0;font-size:.9375rem;line-height:1.7}.conflict-version--server{border-left:4px solid #1558d6}.conflict-version--local{border-left:4px solid #e0a640}.alert .btn--ghost{flex-shrink:0;margin-left:auto}