: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}