:root{--bg:#fff;--panel:#f2f6f9;--fg:#10222f;--dim:#4a6072;--line:#d5e0e9;--heading:#003c65;--link:#003c65;--brand:#4b96d1;--tag:#1f6aa5;--btn-bg:#003c65;--btn-hover:#002a48;--btn-fg:#fff;--band-bg:#003c65;--band-fg:#cfe0ec;--band-link:#9cc8ee;--info-bg:#e3f5fb;--info-fg:#003c65;--warn-bg:#e9d7a1;--warn-fg:#4a3906;--bad-bg:#efcecd;--bad-fg:#8a2a26;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#001a2c;--panel:#032740;--fg:#e8f0f6;--dim:#a6bccc;--line:#1b4463;--heading:#fff;--link:#64cbe6;--tag:#9cc8ee;--btn-bg:#4b96d1;--btn-hover:#6eaee0;--btn-fg:#001a2c;--info-bg:#0b3550;--info-fg:#8fdcf0;--warn-bg:#3a3a22;--warn-fg:#e9d7a1;--bad-bg:#4a1f2a;--bad-fg:#efcecd;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Calibri,Arial,sans-serif}a{color:var(--link)}h1,h2,h3{color:var(--heading);margin:0;line-height:1.25}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.muted{color:var(--dim)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell{flex-direction:column;min-height:100dvh;display:flex}.wrap{width:100%;max-width:1120px;margin-inline:auto;padding-inline:16px}.skip{position:absolute;left:-9999px}.skip:focus{z-index:10;background:var(--bg);border-radius:6px;padding:8px 12px;top:8px;left:8px}.band{background:var(--band-bg);color:var(--band-fg);font-size:13px;line-height:1.45}.band p{margin-block:0;padding-block:7px}.band b{color:#fff}.band a{color:var(--band-link)}header.site{border-bottom:2px solid var(--brand)}.site-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding-block:16px 12px;display:flex}.brand{color:var(--heading);align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{flex:none;width:46px;height:40px;display:block}.brand-mark svg{width:100%;height:100%;display:block}.brand-line{background:var(--line);width:1px;height:34px}.brand-logo{width:auto;height:30px;display:block}.account{flex-wrap:wrap;align-items:center;gap:4px 16px;font-size:14px;display:flex}main{flex:1;padding-block:32px 48px}footer.site{border-top:1px solid var(--line);color:var(--dim);font-size:13px}footer.site p{margin-block:0;padding-block:14px 18px}.hero{max-width:720px;margin-bottom:24px}.hero h1{font-size:32px}.hero p{color:var(--dim);margin:6px 0 0;font-size:17px}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:16px;padding:16px}.dev{border-style:dashed}.login{max-width:480px}.login h2{font-size:20px}.login p{margin:4px 0 14px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}button,select,input[type=text],.button{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:6px 12px}button,.button{cursor:pointer}.button{text-decoration:none;display:inline-block}button.primary,.button.primary{background:var(--btn-bg);border-color:var(--btn-bg);color:var(--btn-fg);font-weight:600}button.primary:hover:not(:disabled),.button.primary:hover{background:var(--btn-hover);border-color:var(--btn-hover)}button.danger{color:var(--bad-fg)}button:disabled{opacity:.55;cursor:default}label.field{color:var(--dim);flex-direction:column;gap:4px;font-size:13px;display:flex}label.field select,label.field input{color:var(--fg)}.notice,.error{border-radius:6px;margin:0 0 16px;padding:8px 12px;display:block}.notice{background:var(--info-bg);color:var(--info-fg)}.error{background:var(--bad-bg);color:var(--bad-fg)}.tag{background:var(--info-bg);color:var(--info-fg);border-radius:4px;padding:0 7px;font-size:12px;display:inline-block}.tag.warn{background:var(--warn-bg);color:var(--warn-fg)}.tabs{border:0;flex-wrap:wrap;gap:6px;margin:0 0 8px;padding:0;display:flex}.tabs button{border-radius:999px;padding-inline:14px}.tabs button[aria-pressed=true]{background:var(--btn-bg);border-color:var(--btn-bg);color:var(--btn-fg)}.room-info{color:var(--dim);margin:0 0 16px;font-size:14px}.dropzone{text-align:center;background:var(--bg);border:2px dashed var(--line);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:24px 16px;display:flex}.dropzone:hover,.dropzone.over{border-color:var(--brand)}.dropzone:focus-within{outline:2px solid var(--brand);outline-offset:2px}.dropzone.off{cursor:default;opacity:.6}.dropzone strong{color:var(--heading)}.dropzone span{color:var(--dim);font-size:13px}.chosen{max-height:220px;margin:12px 0 0;padding:0;list-style:none;overflow-y:auto}.chosen li{align-items:center;gap:10px;padding:4px 0;display:flex}.chosen .name{overflow-wrap:anywhere;flex:1;min-width:0}.chosen button{color:var(--dim);background:0 0;border:0;padding:0 4px;font-size:18px;line-height:1}.upload-options{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:14px;display:flex}.upload-options .primary{margin-left:auto}.transfer{margin-top:14px}.transfer-line{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:2px 16px;font-size:14px;display:flex}.meter{background:var(--line);border-radius:999px;height:10px;margin:6px 0;overflow:hidden}.meter>div{background:var(--brand);border-radius:999px;height:100%;transition:width .45s linear}.meter.busy>div{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.meter>div{transition:none}.meter.busy>div{animation:none}}.list-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin:24px 0 8px;display:flex}.list-head h2{font-size:19px}.list-head span{color:var(--dim);font-size:14px}.uploads,.files{margin:0;padding:0;list-style:none}.uploads{border:1px solid var(--line);border-radius:10px}.uploads>li{border-top:1px solid var(--line);padding:14px 16px}.uploads>li:first-child{border-top:0}.empty{text-align:center;color:var(--dim);border:1px solid var(--line);border-radius:10px;margin:0;padding:24px 16px}.file{align-items:center;gap:12px;padding:3px 0;display:flex}.file-type{text-align:center;letter-spacing:.02em;background:var(--info-bg);width:46px;color:var(--info-fg);border-radius:6px;flex:none;padding:7px 0;font-size:11px;font-weight:700}.file-main{flex:1;min-width:0}.file-name{overflow-wrap:anywhere;font-weight:600;display:block}.file-sub{color:var(--dim);font-size:13px}.upload-meta{color:var(--dim);flex-wrap:wrap;align-items:center;gap:2px 14px;margin-top:8px;font-size:13px;display:flex}.upload-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:14px;display:flex}.about{border-top:1px solid var(--line);margin-top:40px;padding-top:24px}.about h2{font-size:19px}.about-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px 32px;margin-top:14px;display:grid}.about h3{font-size:15px}.about p{color:var(--dim);margin:4px 0 0;font-size:14px}@media (max-width:480px){.brand{gap:9px}.brand-mark{width:38px;height:34px}.brand-line{height:28px}.brand-logo{height:24px}.hero h1{font-size:27px}.upload-options .primary{width:100%;margin-left:0}}
