:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--accent:#0f766e;--bg:#f7f7f5;--fg:#111;--muted:#6b7280;--card:#fff;--line:#e5e7eb;--ok:#16a34a;--warn:#d97706;--bad:#dc2626}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b1220;--fg:#e5e7eb;--muted:#9ca3af;--card:#111a2e;--line:#1f2a44;--accent:#2dd4bf}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.45 -apple-system,system-ui,sans-serif}main{max-width:720px;padding:max(12px, env(safe-area-inset-top)) 16px 48px;margin:0 auto}h1{align-items:center;gap:.6rem;margin:.5rem 0 1rem;font-size:1.4rem;display:flex}h2{margin:1.2rem 0 .5rem;font-size:1.05rem}.muted{color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin:10px 0;padding:12px 14px}.row{align-items:center;gap:10px;display:flex}.row .grow{flex:1;min-width:0}.name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.dot{background:var(--muted);border-radius:50%;flex:none;width:10px;height:10px}.dot.on{background:var(--ok)}button,input,select{font:inherit}button{border:1px solid var(--line);background:var(--card);color:var(--fg);cursor:pointer;border-radius:8px;padding:8px 12px}button.primary{background:var(--accent);color:#fff;border-color:#0000}button.danger{color:var(--bad)}button:disabled{opacity:.5;cursor:default}input[type=text],input[type=password]{border:1px solid var(--line);background:var(--card);width:100%;color:var(--fg);border-radius:8px;margin:4px 0 10px;padding:10px}.toggle{background:var(--line);border:none;border-radius:13px;flex:none;width:44px;height:26px;padding:0;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:left .15s;position:absolute;top:3px;left:3px}.toggle.on{background:var(--ok)}.toggle.on:after{left:21px}.pill{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:.75rem}.pill.queued{color:var(--accent);border-color:var(--accent)}.pill.delivered{color:var(--ok);border-color:var(--ok)}.pill.quarantined,.pill.scan_failed{color:var(--bad);border-color:var(--bad)}.pill.scanning,.pill.uploading{color:var(--warn);border-color:var(--warn)}.drop{border:2px dashed var(--line);text-align:center;color:var(--muted);border-radius:12px;padding:18px}.drop.over{border-color:var(--accent);color:var(--accent)}progress{width:100%;height:8px}.err{color:var(--bad);font-size:.9rem}.ok{color:var(--ok);font-size:.9rem}.small{font-size:.85rem}code{word-break:break-all;font-family:ui-monospace,Menlo,monospace;font-size:.9em}.tokenbox{background:var(--bg);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:8px;padding:10px;font-family:ui-monospace,Menlo,monospace}.topbar{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}dialog{border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:12px;width:420px;max-width:92vw;padding:18px}dialog::backdrop{background:#0006}canvas{background:#fff;border-radius:8px;margin:8px auto;padding:6px;display:block}.mt0{margin-top:0}.m0{margin:0}.mt8{margin-top:8px}.mt10{margin-top:10px}.mt12{margin-top:12px}.ml6{margin-left:6px}.hidden{display:none}.wrap{flex-wrap:wrap;gap:8px}.actions{justify-content:flex-end;margin-top:12px}.toast{z-index:10;text-align:center;position:fixed;bottom:16px;left:16px;right:16px}.card.zone{border-left:3px solid var(--accent);margin-left:18px}.ml0{margin-left:0}.card.outbox{border-style:dashed}.help-nav{flex-wrap:wrap;gap:6px 14px;display:flex}.help dl{margin:0}.help dt{margin-top:10px;font-weight:600}.help dd{color:var(--fg);margin:2px 0 0}.help dd+dd{margin-top:6px}.pill.waiting{color:var(--warn);border-color:var(--warn)}.pending-source{border-top:1px dashed var(--line);padding-top:8px}button.small{padding:3px 8px;font-size:.85rem}.card.device{border-left:3px solid var(--muted)}.card.device.me{border-left-color:var(--ok)}main{flex-direction:column;display:flex}.tabbar{gap:6px;display:flex}.tab{border-radius:10px;flex:1;min-height:44px}.tab.active{background:var(--accent);color:#fff;border-color:#0000}@media (max-width:767px){main{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.tabbar{z-index:5;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line);position:fixed;bottom:0;left:0;right:0}.toast{bottom:calc(76px + env(safe-area-inset-bottom))}}@media (min-width:768px){.tabbar{order:-1;margin-bottom:12px}.tab{flex:none;min-width:110px}}select{border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:8px;max-width:100%;padding:9px 10px}.crumbs{flex-wrap:wrap;align-items:center;gap:2px;min-width:0;margin:6px 0;font-size:.95rem;display:flex}button.link{color:var(--accent);background:0 0;border:none;min-height:36px;padding:6px 2px}.name-inline{overflow-wrap:anywhere;font-weight:600}.filelist{border:1px solid var(--line);background:var(--card);border-radius:12px;margin-top:10px;overflow:hidden}.filelist.over{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}.filelist .empty{margin:0;padding:18px 14px}.filerow{border-top:1px solid var(--line);align-items:stretch;min-width:0;display:flex}.filerow:first-child{border-top:none}.rowmain{text-align:left;background:0 0;border:none;border-radius:0;flex:1;align-items:center;gap:10px;min-width:0;min-height:52px;padding:10px 12px;display:flex}.rowmain .grow{flex:1;min-width:0}.rowmain .name{display:block}.block{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.icon{text-align:center;flex:none;width:1.4em}button.more{border:none;border-left:1px solid var(--line);background:0 0;border-radius:0;flex:none;width:48px;font-size:1.2rem}.menu-list{flex-direction:column;gap:8px;display:flex}.menu-list button{text-align:left;min-height:44px}.picker{flex-direction:column;gap:4px;max-height:55vh;display:flex;overflow-y:auto}.picker .rowmain{border:1px solid var(--line);border-radius:8px;min-height:44px}.uploads .card progress{margin-top:8px}.memberrow{border-top:1px solid var(--line);padding:8px 0}label.small{color:var(--muted);margin-top:6px;display:block}.pill.available{display:none}@media (prefers-color-scheme:dark){button.primary,.tab.active{color:#04201d}}dialog{max-height:90vh;overflow-y:auto}@media (max-width:767px){dialog.sheet{width:100%;max-width:100%;max-height:88vh;padding-bottom:calc(18px + env(safe-area-inset-bottom));border-bottom:none;border-radius:16px 16px 0 0;margin:auto 0 0}}.listhead{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:0 12px;font-size:.8rem;display:flex}.listhead .icon{width:1.4em}button.sorthead{min-height:40px;color:var(--muted);text-align:left;background:0 0;border:none;border-radius:0;padding:0;font-size:.8rem}button.sorthead.on{color:var(--fg);font-weight:600}.h-name,.cell-name{flex:1;min-width:0}.h-size,.cell-size{text-align:right;flex:none;width:5.5em}.h-mod,.cell-mod{text-align:right;flex:none;width:6.5em}.cell-share{text-align:center;flex:none;width:1.4em}.more-gap{flex:none;width:48px}.cell-name .name{display:block}.sub-narrow{display:none}.rowmain .pill{flex:none}.filelist{container-type:inline-size}@container (width<=519px){.cell-size,.cell-mod,.sub-wide,.listhead .icon,.listhead .cell-share,.listhead .more-gap{display:none}.sub-narrow{display:block}.h-name,.h-size,.h-mod{flex:none;width:auto;margin-right:16px}}.segmented{border:1px solid var(--line);border-radius:10px;margin-bottom:12px;display:flex;overflow:hidden}.segmented button{background:var(--card);border:none;border-radius:0;flex:1;min-height:44px}.segmented button+button{border-left:1px solid var(--line)}.segmented button.on{background:var(--accent);color:#fff}.chips{flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 10px;display:flex}button.chip{border-radius:999px;min-height:44px;padding:6px 14px}button.chip.on{border-color:var(--accent);color:var(--accent);font-weight:600}input[type=date]{border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:8px;max-width:100%;min-height:44px;margin:4px 0 10px;padding:9px 10px}.chips input[type=date]{margin:0}input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);flex:none;margin:0}label.check{min-height:44px;color:var(--fg);align-items:center;gap:10px;display:flex}.banner{border:1px solid var(--line);background:var(--card);border-radius:10px;margin:8px 0;padding:10px 12px;font-size:.9rem}.banner.warn{border-color:var(--warn);background:color-mix(in srgb, var(--warn) 12%, var(--card))}.tab .badge{background:var(--bad);color:#fff;border-radius:999px;min-width:1.5em;margin-left:6px;padding:0 6px;font-size:.75rem;font-weight:600;line-height:1.5em;display:inline-block}.tab .badge[hidden]{display:none}.sharer-head{margin:14px 2px 0}.card.sender .filelist{margin-top:8px}.memberrow .row{gap:6px}@media (prefers-color-scheme:dark){.segmented button.on{color:#04201d}}.card>.memberrow:first-child,.card>.row:first-child>.grow>.memberrow{border-top:none;padding-top:0}@media (min-width:768px){dialog.wide{width:560px}}.picker.dbx{border:1px solid var(--line);border-radius:10px;gap:0;max-height:50vh;margin:6px 0}.dbxrow{border-top:1px solid var(--line);align-items:center;gap:4px;min-width:0;padding-left:12px;display:flex}.dbxrow:first-child{border-top:none}.picker.dbx .rowmain{cursor:pointer;border:none;border-radius:0;min-height:52px;padding:8px 12px 8px 8px}.dbxrow.off .rowmain{cursor:default}.dbxrow.off .name,.dbxrow.off .icon{opacity:.45}.dbxrow .block{white-space:normal}.picker.dbx .more-btn{margin:8px}.conflict label.small{margin:4px 0 6px}.importjob progress{margin-top:10px}.importcur{overflow-wrap:anywhere;margin-top:6px}.pill.imp-listing,.pill.imp-copying,.pill.imp-cancelling{color:var(--accent);border-color:var(--accent)}.pill.imp-needs_room{color:var(--warn);border-color:var(--warn)}.pill.imp-done{color:var(--ok);border-color:var(--ok)}.pill.imp-failed,.pill.imp-access_lost{color:var(--bad);border-color:var(--bad)}.importbanner progress{margin-top:8px}.importbanner .row{min-width:0}.filelist.report{max-height:50vh;overflow-y:auto}.reportrow{border-top:1px solid var(--line);gap:10px;min-width:0;padding:10px 12px;display:flex}.reportrow:first-child{border-top:none}.reportrow .block{white-space:normal;overflow-wrap:anywhere}.crumbbar{align-items:center;gap:6px;min-width:0;margin:6px 0;display:flex}.crumbbar .crumbs{flex:1;margin:0}button.up,button.folders{flex:none;min-height:36px;padding:4px 10px}button.up:disabled{opacity:.45;cursor:default}.tree{font-size:.95rem}.tree .trow{border-radius:8px;align-items:center;gap:2px;min-height:36px;display:flex}.tree .twist{width:28px;height:36px;color:var(--muted);background:0 0;border:none;flex:none;padding:0;font-size:.8rem}.tree .tname{text-align:left;min-width:0;color:var(--fg);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;padding:6px 4px;overflow:hidden}.tree .titem.on>.trow{background:color-mix(in srgb, var(--accent) 14%, transparent)}.tree .titem.on>.trow .tname{color:var(--accent);font-weight:600}.tree .titem:focus{outline:none}.tree .titem:focus-visible>.trow{outline:2px solid var(--accent);outline-offset:-2px}.tree [role=group]{padding-left:16px}.tree .tcap{padding:4px 8px 4px 32px}.tree-pane{display:none}.tree-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:6px 6px 6px 12px;font-weight:600;display:flex}.tree-head button{background:0 0;border:none;min-width:36px}@media (min-width:900px){main:has(.files-grid){max-width:1080px}.files-grid{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:16px;display:grid}.files-grid.tree-closed{grid-template-columns:minmax(0,1fr)}.files-grid .tree-pane{border:1px solid var(--line);background:var(--card);border-radius:12px;max-height:calc(100vh - 24px);display:block;position:sticky;top:12px;overflow:auto}.files-grid .tree-pane .tree{padding:6px}.files-grid.tree-closed .tree-pane,.files-grid button.folders{display:none}.files-grid.tree-closed button.folders{display:inline-block}}dialog.drawer{border-radius:0 12px 12px 0;width:85vw;max-width:360px;height:100dvh;max-height:100dvh;margin:0;padding:12px;animation:.2s ease-out drawer-in;position:fixed;inset:0 auto 0 0}.drawer-head{justify-content:space-between;margin-bottom:6px}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:none}}.tree .titem.dim>.trow .tname{opacity:.45;cursor:default}.picker-grid .crumbbar{margin:4px 0 0}@media (min-width:900px){dialog.wide.picker2{width:840px}.picker-grid{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:12px;display:grid}.picker-grid .tree-pane{border:1px solid var(--line);border-radius:10px;max-height:50vh;margin:6px 0;display:block;overflow:auto}.picker-grid .tree-pane .tree{padding:6px}.picker-grid button.folders{display:none}}dialog.viewer{color:#e5e7eb;background:#0b0f14;border:0;border-radius:0;flex-direction:column;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}dialog.viewer::backdrop{background:#000}.viewer-bar{padding:max(8px, env(safe-area-inset-top)) 10px 8px;background:#111827;border-bottom:1px solid #1f2a44;flex:none;align-items:center;gap:6px;min-width:0;display:flex}.viewer-bar .name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.viewer-bar button{color:#e5e7eb;background:#1f2937;border-color:#374151;min-width:40px;min-height:40px}.viewer-bar button:disabled{opacity:.35}.viewer .media{touch-action:pinch-zoom;min-height:0;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;overflow:auto}.viewer-wait{flex-direction:column;align-items:center;gap:10px;max-width:420px;padding:24px;display:flex}.viewer-wait progress{width:100%}.viewer-image{cursor:zoom-in;justify-content:center;align-items:center;max-width:100%;max-height:100%;display:flex}.viewer-image img{object-fit:contain;max-width:100%;max-height:calc(100dvh - 64px)}.viewer-image.natural{cursor:zoom-out;max-height:none;overflow:auto}.viewer-image.natural img{max-width:none;max-height:none}.viewer video{background:#000;max-width:100%;max-height:calc(100dvh - 64px)}.viewer-audio{flex-direction:column;align-items:center;gap:16px;display:flex}.viewer-audio .icon.big{font-size:64px}.viewer-text{white-space:pre-wrap;overflow-wrap:anywhere;color:#e5e7eb;align-self:stretch;margin:0;padding:16px;font:14px/1.5 ui-monospace,Menlo,monospace;overflow:auto}.viewer-pdf{background:#fff;border:0;flex:1;width:100%}.viewer-pdf-tools{flex:none;padding:8px}.viewer-pdf-tools button{color:#e5e7eb;background:#1f2937;border-color:#374151}.viewer .media:has(>.viewer-text){justify-content:flex-start}