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