:root{color-scheme:light;--bg:#F5F5F7;--surface:#FFFFFF;--text:#1D2530;--text-muted:#596573;--accent:#155BBC;--on-accent:#FFFFFF;--ok:#24704C;--warn:#85530B;--danger:#B42332;--line:color-mix(in srgb,var(--text) 14%,var(--surface));--line-strong:color-mix(in srgb,var(--text) 52%,var(--surface));--surface-2:color-mix(in srgb,var(--accent) 8%,var(--surface));--r-s:8px;--r-m:16px;--r-l:24px;--shadow:0 16px 48px #0003;--dur:160ms;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,sans-serif;font-size:16px;line-height:1.5;font-synthesis:none;-webkit-font-smoothing:antialiased}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#171A20;--surface:#222730;--text:#ECF0F5;--text-muted:#B1BBC8;--accent:#90BBFF;--on-accent:#171A20;--ok:#85CEAB;--warn:#F1C77C;--danger:#FFA8B1}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-variant-numeric:tabular-nums}[hidden]{display:none!important}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:var(--text);cursor:pointer;border:0;background:none}button:disabled{opacity:.6;cursor:wait}a{color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button svg,[data-icon] svg,.status-symbol svg{width:20px;height:20px;flex-shrink:0;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;line-height:1.2;text-wrap:balance}h1{font-size:24px;letter-spacing:-.025em}h2{font-size:20px;letter-spacing:-.02em}h3{font-size:16px}p{max-width:68ch;text-wrap:pretty}small,.small{font-size:13px}.quiet{color:var(--text-muted)}strong,b{font-weight:600}.screen-reader{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link{position:fixed;top:-96px;left:16px;padding:12px 16px;background:var(--surface);z-index:30}.skip-link:focus{top:8px}
.shell{min-height:100dvh}.sidebar{position:fixed;bottom:0;left:0;right:0;z-index:10;background:var(--surface);border-top:1px solid var(--line);padding:4px 8px calc(4px + env(safe-area-inset-bottom))}.brand,.side-caption,.side-bottom{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.nav{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:56px;padding:8px 0;border-radius:var(--r-s);font-size:13px}.nav.active{background:var(--surface-2);color:var(--accent);font-weight:600}.nav:hover{background:var(--surface-2)}main{min-width:0}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:8px 16px;padding-top:calc(8px + env(safe-area-inset-top));border-bottom:1px solid var(--line);background:var(--bg);gap:8px}.bar-title{display:flex;align-items:center;gap:8px;min-width:0}.bar-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-brand{display:block}.top-actions{display:flex;align-items:center;gap:4px}.connection{display:none;font-size:13px;color:var(--text-muted)}.connection::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ok);margin-right:8px}.connection[data-offline=true]::before{background:var(--warn)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:var(--r-s)}.icon-button:hover{background:var(--surface-2)}.content{padding:16px 16px calc(96px + env(safe-area-inset-bottom));max-width:1440px;margin:auto}.page-intro{margin:8px 0 24px}.page-intro p{color:var(--text-muted);margin-top:8px}
.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 16px;border-radius:var(--r-s);font-size:16px;font-weight:500;text-decoration:none;line-height:1.5;white-space:normal;text-align:center}.primary{background:var(--accent);color:var(--on-accent)}.primary:hover{opacity:.9}.secondary{background:var(--surface);border:1px solid var(--line-strong);color:var(--text)}.secondary:hover{background:var(--surface-2)}.text-button{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:8px 0;color:var(--accent);font-size:13px;font-weight:500;text-align:left;text-decoration:none}.text-button:hover{text-decoration:underline}.text-button svg{width:16px;height:16px}.danger-button{color:var(--danger)}
.snapshot-status{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);margin-bottom:16px;overflow:hidden}.status-main{padding:24px 16px 16px;display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:start}.status-symbol{width:48px;height:48px;display:grid;place-items:center;border-radius:var(--r-m);color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,var(--surface))}.status-symbol svg{width:28px;height:28px}.tone-warn{color:var(--warn)}.tone-danger{color:var(--danger)}.tone-ok{color:var(--ok)}.status-symbol.tone-warn{background:color-mix(in srgb,var(--warn) 10%,var(--surface))}.status-symbol.tone-danger{background:color-mix(in srgb,var(--danger) 10%,var(--surface))}.status-copy>p{font-size:13px;color:var(--text-muted);margin-top:8px}.status-main .quick-recovery{grid-column:1/-1;width:100%;margin-top:4px}.status-facts{display:grid;grid-template-columns:1fr 1fr;padding:0 16px 16px;gap:12px 16px}.status-facts>div{min-width:0}.status-facts span{display:block;color:var(--text-muted);font-size:13px}.status-facts strong{font-size:16px;display:block}.status-facts>div:last-child{grid-column:1/-1}.status-note{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:8px 16px;border-top:1px solid var(--line);font-size:13px;background:var(--bg)}.status-note>span{min-width:0}.status-note button{flex-shrink:0}.exception-text{display:flex;align-items:center;gap:8px}.exception-text svg{width:16px;height:16px;flex-shrink:0}.freshness-note{font-size:13px;padding:12px 16px;border-top:1px solid var(--line);color:var(--text-muted)}.freshness-note.alert{color:var(--danger)}
.timeline-panel{padding:16px 0;margin-bottom:16px;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-heading h2{font-size:16px;margin-top:4px}.source-label{min-width:0;max-width:48%}select{font-size:16px;color:var(--text);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-s);min-height:44px;padding:8px;max-width:100%}.timeline{display:flex;gap:4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;padding:4px 0 8px}.time-point{flex:0 0 72px;padding:8px 4px;border-radius:var(--r-s);font-size:13px;color:var(--text-muted);min-height:64px}.time-point strong{display:block;color:var(--text);font-size:13px;font-weight:500}.time-point span{display:block}.time-point::after{content:"";display:block;margin:4px auto 0;width:4px;height:4px;border-radius:50%;background:var(--line-strong)}.time-point.selected{background:var(--accent);color:var(--on-accent)}.time-point.selected strong{color:var(--on-accent)}.time-point.selected::after{background:var(--on-accent)}.time-point:hover:not(.selected){background:var(--surface-2)}.timeline-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--text-muted)}.timeline-footer>span{max-width:65%}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.toolbar p{font-size:13px;color:var(--text-muted);margin-top:4px}.toolbar h2{font-size:20px}.list-panel,.projects{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden}.project{width:100%;display:grid;grid-template-columns:32px minmax(0,1fr) 20px;gap:12px;align-items:center;padding:16px;text-align:left;border-bottom:1px solid var(--line);min-height:80px;background:var(--surface)}.project:last-child{border-bottom:0}.project:hover,.history-row:hover,.file-row:hover{background:var(--surface-2)}.folder-icon{display:grid;place-items:center;color:var(--accent);width:32px;height:32px}.folder-icon svg{width:28px;height:28px}.project h3{overflow-wrap:anywhere}.project .meta{display:flex;gap:12px;font-size:13px;color:var(--text-muted);flex-wrap:wrap;margin-top:4px}.project-state{font-size:13px;margin-top:4px;display:flex;align-items:center;gap:4px}.project-state svg{width:16px;height:16px}.project-size,.project-count{display:none;font-size:13px;color:var(--text-muted)}.column-labels{display:none}.chevron{color:var(--text-muted)}.badge{font-size:13px;border-radius:var(--r-s);padding:4px 8px;background:var(--surface-2);display:inline-flex;align-items:center;gap:4px;color:var(--text)}.badge svg{width:16px;height:16px}.badge.warn{background:color-mix(in srgb,var(--warn) 10%,var(--surface));color:var(--warn)}.badge.ok{background:color-mix(in srgb,var(--ok) 10%,var(--surface));color:var(--ok)}.badge.danger{background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:var(--danger)}
.file-row{display:grid;grid-template-columns:24px minmax(0,1fr) 44px;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--line);min-height:64px}.file-row:last-child{border-bottom:0}.file-open{width:100%;min-height:44px;text-align:left;padding:0;overflow-wrap:anywhere}.file-open strong{font-size:16px;font-weight:500}.file-open span{display:block;font-size:13px;color:var(--text-muted);margin-top:4px}.file-size,.file-date{display:none;font-size:13px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-bottom:12px;font-size:13px}.breadcrumbs button{min-height:44px;min-width:44px;padding:8px;color:var(--accent);border-radius:var(--r-s);overflow-wrap:anywhere}.breadcrumbs button:last-child{color:var(--text)}.browse-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.search,input{width:100%;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-s);padding:8px 12px;min-height:44px;color:var(--text);font-size:16px}.search::placeholder{color:var(--text-muted)}.update-line{font-size:13px;margin-top:12px}
.notice{background:color-mix(in srgb,var(--warn) 10%,var(--surface));color:var(--text);border-radius:var(--r-s);padding:16px;margin-bottom:16px;font-size:16px}#error{margin:16px}.empty{padding:32px 24px;color:var(--text-muted);font-size:16px;text-align:left}.footer{display:flex;gap:8px 24px;justify-content:space-between;flex-wrap:wrap;margin-top:24px;font-size:13px;color:var(--text-muted)}.detail-grid{display:grid;gap:16px;margin-bottom:16px}.detail-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);padding:24px 16px}.detail-panel p{margin-top:12px;color:var(--text-muted)}.detail-panel .primary,.detail-panel .secondary{margin-top:16px}.detail-panel>.folder-icon{margin-bottom:16px}.detail-panel h2:not(:first-child){margin-top:24px}.detail-panel+.toolbar,.list-panel+.toolbar{margin-top:24px}.fact-row{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:12px 0;font-size:13px}.fact-row:last-child{border:0}.fact-row span{color:var(--text-muted)}.fact-row strong{text-align:right;font-weight:500;overflow-wrap:anywhere;max-width:65%}.activity-row{padding:16px;border-bottom:1px solid var(--line)}.activity-row:last-child{border:0}.activity-row h3{overflow-wrap:anywhere}.activity-row p{margin-top:8px;font-size:13px;color:var(--text-muted)}.history-row{width:100%;background:var(--surface);text-align:left;border-bottom:1px solid var(--line);padding:16px;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:80px}.history-row>span:last-child{text-align:right;font-size:13px}.history-row small{display:block;color:var(--text-muted);margin-top:4px}.checks{padding-left:24px;margin:16px 0;color:var(--text-muted)}.checks li{margin-bottom:12px}.code{font:13px/1.5 ui-monospace,monospace;overflow-wrap:anywhere}.detail-description{margin:12px 0 16px;color:var(--text-muted)}.error-detail{padding:12px 0;border-top:1px solid var(--line)}.error-detail p{font-size:13px}.error-detail code{display:block;white-space:normal;overflow-wrap:anywhere;font-size:13px;margin:8px 0}.details-list{margin-top:24px}.details-list h3{margin-bottom:8px}.security-form{max-width:520px;margin-top:24px}.security-form label{display:block;font-size:13px;margin-bottom:8px;font-weight:500}.security-form input{margin-bottom:16px}.security-form .primary{width:100%;margin:0}.qr-code{width:216px;height:216px;max-width:100%;display:block;margin:16px 0;border-radius:var(--r-s);background:white}.setup-secret{display:block;background:var(--bg);padding:12px;border-radius:var(--r-s);font-family:ui-monospace,monospace;overflow-wrap:anywhere;user-select:all}.recovery-codes{display:grid;grid-template-columns:1fr;gap:8px;padding:16px;background:var(--bg);border-radius:var(--r-s);font-size:13px;user-select:all}.security-error{color:var(--danger);margin-top:12px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.settings-row .badge{white-space:nowrap}.settings-note{font-size:13px;color:var(--text-muted);margin:12px 0}
.login{min-height:100dvh;display:grid;place-items:center;padding:24px}.login-sheet{max-width:440px;width:100%;padding:32px 24px;background:var(--surface);border-radius:var(--r-l)}.login h1{font-size:32px;margin-top:24px}.login p{margin-top:12px;color:var(--text-muted)}.login form{margin:24px 0}.login label{display:block;font-size:13px;margin-bottom:8px;font-weight:500}.login input{margin-bottom:16px}.login .primary{width:100%}.login small{color:var(--text-muted)}dialog{border:1px solid var(--line);border-radius:var(--r-l);width:calc(100% - 16px);max-width:640px;padding:24px;max-height:90dvh;overflow-y:auto;background:var(--surface);color:var(--text);box-shadow:var(--shadow);margin:auto 8px 8px}dialog::backdrop{background:#0006}dialog h2{padding-right:32px;font-size:24px}dialog .close{position:absolute;top:8px;right:8px}dialog p{margin-top:16px}dialog .primary{width:100%;margin-top:24px}.dialog-icon{color:var(--accent);margin-bottom:16px}.dialog-icon svg{width:32px;height:32px}.restore-facts{margin-top:16px}.toast{position:fixed;bottom:96px;left:50%;transform:translateX(-50%);padding:12px 16px;max-width:calc(100% - 32px);width:max-content;z-index:20;background:var(--text);color:var(--surface);border-radius:var(--r-s);font-size:13px;box-shadow:var(--shadow)}
@media(min-width:768px){.shell{display:grid;grid-template-columns:208px minmax(0,1fr)}.sidebar{position:sticky;top:0;bottom:auto;height:100dvh;display:flex;flex-direction:column;border-top:0;border-right:1px solid var(--line);padding:24px 12px;background:var(--bg)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-weight:600;font-size:20px;white-space:nowrap;padding:0 4px}.side-caption{display:block;color:var(--text-muted);font-size:13px;margin:24px 12px 8px}.sidebar nav{display:grid;grid-template-columns:1fr;gap:4px}.nav{flex-direction:row;justify-content:flex-start;gap:12px;min-height:44px;padding:8px 12px;font-size:16px;text-align:left}.side-bottom{display:block;margin-top:auto;padding:24px 12px 0}.side-bottom p{font-size:13px;color:var(--text-muted);margin:12px 0}.cloud-mark{display:flex;align-items:center;gap:12px}.cloud-mark strong,.cloud-mark small{display:block;font-size:13px}.cloud-mark small{color:var(--text-muted)}.mobile-brand{display:none}.connection{display:block}.content{padding:24px 24px 32px}.topbar{padding:8px 24px}.status-main{grid-template-columns:48px minmax(0,1fr);padding:24px;gap:16px}.status-main .quick-recovery{grid-column:2;width:max-content;max-width:100%;margin-top:0}.status-facts{padding:0 24px 16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.status-facts>div:last-child{grid-column:auto}.status-note,.freshness-note{padding-left:24px;padding-right:24px}.section-heading h2{font-size:20px}.source-label{max-width:50%}.timeline-panel{padding-top:8px}.time-point{flex-basis:80px}.detail-panel{padding:24px}.search{width:260px}.file-row{grid-template-columns:24px minmax(0,1fr) 88px 44px;gap:12px}.file-size{display:block}.file-row{padding:8px 16px}.toast{bottom:24px}dialog{margin:auto;width:calc(100% - 48px);padding:32px}.recovery-codes{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.shell{grid-template-columns:224px minmax(0,1fr)}.content{padding:24px 32px 32px}.topbar{padding:8px 32px}.status-main{grid-template-columns:48px minmax(0,1fr) auto;align-items:center}.status-main .quick-recovery{grid-column:3;grid-row:1}.status-copy h1{font-size:24px}.status-facts{padding-left:calc(24px + 48px + 16px)}.column-labels{display:grid;grid-template-columns:32px minmax(0,1fr) 160px 96px 112px 20px;gap:16px;padding:8px 16px;color:var(--text-muted);font-size:13px}.project{grid-template-columns:32px minmax(0,1fr) 160px 96px 112px 20px;gap:16px;min-height:72px;padding:12px 16px}.project-state{margin:0}.project .meta{display:none}.project-size,.project-count{display:block;text-align:right}.column-labels span:nth-last-child(2),.column-labels span:nth-last-child(3){text-align:right}.detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.file-row{grid-template-columns:24px minmax(0,1fr) 88px 112px 44px}.file-date{display:block}.project-state svg{flex-shrink:0}}
@media(max-width:1099px){.project-state{grid-column:2;grid-row:2}.project .chevron{grid-column:3;grid-row:1/3}.project{row-gap:0}.project>.folder-icon{grid-row:1/3}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.security-help{margin-top:16px}.recovery-codes{margin-top:16px}