:root{--primitive-slate-975:#08111f;--primitive-slate-950:#0b1627;--primitive-slate-900:#0e1a2d;--primitive-slate-850:#122138;--primitive-slate-700:#243b59;--primitive-slate-650:#314a6a;--primitive-slate-400:#8294ad;--primitive-slate-300:#a5b5cb;--primitive-slate-100:#eef4fc;--primitive-cyan-500:#11b7dc;--primitive-cyan-400:#36c7e9;--primitive-green-400:#35d29a;--primitive-red-400:#fa6377;--primitive-amber-400:#e5a84b;--primitive-violet-300:#cbbdff;--primitive-violet-950:#2a2253;--primitive-white:#fff;--primitive-black:#03070e;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--color-canvas:var(--primitive-slate-975);--color-surface:var(--primitive-slate-900);--color-surface-raised:var(--primitive-slate-850);--color-field:var(--primitive-slate-950);--color-border:var(--primitive-slate-700);--color-border-subtle:color-mix(in srgb, var(--primitive-slate-700), transparent 38%);--color-text:var(--primitive-slate-100);--color-text-muted:var(--primitive-slate-300);--color-text-quiet:var(--primitive-slate-400);--color-accent:var(--primitive-cyan-400);--color-accent-foreground:var(--primitive-slate-975);--color-positive:var(--primitive-green-400);--color-danger:var(--primitive-red-400);--color-warning:var(--primitive-amber-400);--color-file-icon:var(--primitive-violet-300);--color-file-icon-bg:var(--primitive-violet-950);--color-qr-surface:var(--primitive-white);--color-media-surface:var(--primitive-black);--layout-content-max:1120px;--layout-page-max:1216px;--layout-page-gutter:48px;--layout-task-wide:760px;--layout-task-form:600px;--layout-task-read:640px;--layout-header-height:72px;--font-kicker:12px;--font-caption:13px;--font-body:14px;--font-section:16px;--font-title:40px;--font-file-title:24px;--component-button-height:44px;--component-button-radius:10px;--component-icon-button-size:40px;--component-panel-border:1px solid var(--color-border);--component-panel-radius:14px;--component-panel-padding:var(--space-6);--component-panel-shadow:0 1px 2px color-mix(in srgb, var(--primitive-black), transparent 62%);--component-workbench-gap:var(--space-6);--component-nav-indicator-height:2px;--component-nav-active-color:var(--color-accent);--component-focus-ring:0 0 0 3px color-mix(in srgb, var(--color-accent), transparent 70%);--component-transition:.18s ease}:root[data-theme=light]{--color-canvas:#f4f7fb;--color-surface:var(--primitive-white);--color-surface-raised:var(--primitive-white);--color-field:#f8fbff;--color-border:#d5dfeb;--color-border-subtle:#e7edf5;--color-text:#16243a;--color-text-muted:#62738a;--color-text-quiet:#73839a;--color-accent:#087ea4;--color-accent-foreground:var(--primitive-white);--color-positive:#178b68;--color-danger:#d84358;--color-file-icon:#6d5bc7;--color-file-icon-bg:#efeaff}@media (width<=899px){:root{--layout-page-gutter:24px}}@media (width<=599px){:root{--layout-header-height:64px;--layout-page-gutter:16px;--font-body:16px;--font-title:32px;--font-file-title:22px}}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{color:var(--color-text);background:var(--color-canvas);font-synthesis:none;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}button,input{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}button:focus-visible,a:focus-visible,input:focus-visible{box-shadow:var(--component-focus-ring);outline:0}[data-page-title]:focus{outline:0}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-shell{min-height:100dvh;color:var(--color-text);background:var(--color-canvas)}.app-content{height:calc(100dvh - var(--layout-header-height));min-height:0;margin-top:var(--layout-header-height);overscroll-behavior-y:contain;overflow-y:auto}.app-content>.page-frame{min-height:calc(100% - 72px)}.topbar{z-index:100;height:var(--layout-header-height);align-items:center;gap:var(--space-12);padding:0 max(var(--layout-page-gutter), calc((100vw - var(--layout-content-max)) / 2));border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-canvas), transparent 3%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;position:fixed;inset:0 0 auto}.brand{align-items:center;gap:var(--space-3);color:var(--color-text);letter-spacing:-.045em;flex:none;font-size:26px;font-weight:700;line-height:1;display:inline-flex}.brand-mark{border-radius:var(--component-button-radius);background:var(--color-surface-raised);place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.brand-mark img{object-fit:cover;width:100%;height:100%;display:block}.topbar nav{align-self:stretch;align-items:stretch;gap:var(--space-2);display:flex}.nav-button{min-height:var(--component-button-height);padding:0 var(--space-3);color:var(--color-text-muted);font-size:var(--font-body);white-space:nowrap;align-items:center;gap:6px;font-weight:650;text-decoration:none;display:inline-flex;position:relative}.nav-button:hover{color:var(--color-text)}.nav-button.active{color:var(--component-nav-active-color)}.nav-button.active:after{right:var(--space-3);bottom:0;left:var(--space-3);height:var(--component-nav-indicator-height);content:"";background:currentColor;position:absolute}.nav-icon{stroke-width:2.2px;width:16px;height:16px}.topbar-actions{align-items:center;gap:var(--space-4);margin-left:auto;display:flex}.privacy-pill{color:var(--color-text-muted);white-space:nowrap;align-items:center;gap:7px;font-size:13px;display:inline-flex}.privacy-pill svg{width:15px;height:15px}.theme-toggle{width:var(--component-icon-button-size);height:var(--component-icon-button-size);border:var(--component-panel-border);border-radius:var(--radius-sm);color:var(--color-text-muted);background:0 0;place-items:center;display:grid}.theme-toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.theme-toggle svg{width:18px;height:18px}.page-frame{width:min(100%, var(--layout-page-max));min-height:100%;padding:var(--space-16) var(--layout-page-gutter) var(--space-16);flex-direction:column;align-items:center;margin:0 auto;display:flex}.page-heading{width:min(100%,640px);margin:0 0 var(--space-10);text-align:center}.page-heading .eyebrow{margin-left:auto;margin-right:auto}.eyebrow{margin:0 0 var(--space-3);color:var(--color-accent);font-size:var(--font-kicker);letter-spacing:.1em;font-weight:700}h1,h2,h3,p{margin-top:0}h1{margin-bottom:var(--space-4);color:var(--color-text);font-size:var(--font-title);letter-spacing:-.055em;font-weight:700;line-height:1.15}h2{color:var(--color-text);font-size:var(--font-file-title);letter-spacing:-.025em;font-weight:650;line-height:1.3}p{color:var(--color-text-muted)}.page-heading-description{font-size:var(--font-body);margin:0;line-height:1.6}.empty-state{place-content:center;gap:var(--space-2);color:var(--color-text-muted);text-align:center;display:grid}.empty-state-icon{width:36px;height:36px;margin:0 auto var(--space-1);color:var(--color-accent);place-items:center;display:grid}.empty-state-icon svg{width:28px;height:28px}.empty-state strong{color:var(--color-text);font-size:var(--font-section)}.empty-state p{max-width:320px;font-size:var(--font-caption);margin:0;line-height:1.6}.primary-button,.copy-button{min-height:var(--component-button-height);justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--color-accent);border-radius:var(--component-button-radius);padding:10px var(--space-4);color:var(--color-accent-foreground);background:var(--color-accent);font-size:var(--font-body);transition:filter var(--component-transition), transform var(--component-transition);font-weight:700;line-height:1;display:inline-flex}.primary-button:hover,.copy-button:hover{filter:brightness(1.08)}.primary-button:active,.copy-button:active{transform:translateY(1px)}.primary-button svg,.copy-button svg{width:16px;height:16px}.secondary-button,.danger-button,.outline-button,.text-button{min-height:var(--component-button-height);border-radius:var(--component-button-radius);padding:10px var(--space-3);font-size:var(--font-body);white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:7px;font-weight:650;line-height:1;display:inline-flex}.secondary-button,.outline-button{border:1px solid var(--color-border);color:var(--color-text)}.secondary-button:hover,.outline-button:hover{border-color:var(--color-accent);color:var(--color-accent)}.danger-button{border:1px solid color-mix(in srgb, var(--color-danger), var(--color-border) 55%);color:var(--color-danger)}.danger-button:hover{border-color:var(--color-danger);background:color-mix(in srgb, var(--color-danger), transparent 92%)}.text-button{color:var(--color-accent);border:0;padding-left:0;padding-right:0}.text-button:hover{color:color-mix(in srgb, var(--color-accent), var(--color-text) 20%)}.secondary-button svg,.text-button svg{width:16px;height:16px}.multi-workspace{flex-direction:column;align-items:center;display:flex}.multi-workspace>.page-heading,.empty-send-state{width:min(100%, var(--layout-task-wide))}.drop-zone{justify-content:center;align-items:center;gap:var(--space-3);min-height:280px;padding:var(--space-8);border:1px dashed color-mix(in srgb, var(--color-accent), var(--color-border) 35%);border-radius:var(--component-panel-radius);background:var(--color-surface);box-shadow:var(--component-panel-shadow);text-align:center;transition:border-color var(--component-transition), background var(--component-transition);flex-direction:column;display:flex}.drop-zone:hover,.drop-zone.dragging{border-color:var(--color-accent);background:var(--color-surface-raised)}.drop-zone input,.file-reselect input{display:none}.drop-icon{border-radius:var(--radius-md);width:52px;height:52px;color:var(--color-accent);background:color-mix(in srgb, var(--color-accent), transparent 88%);place-items:center;display:grid}.drop-icon svg{width:28px;height:28px}.drop-zone strong{color:var(--color-text);font-size:18px;font-weight:650}.drop-zone small,.empty-send-state>p{color:var(--color-text-muted);font-size:14px;line-height:1.6}.empty-send-state>p{margin:var(--space-3) 0 0;text-align:center}.multi-workspace.has-file{padding-top:var(--space-12)}.multi-workspace.has-file>.page-heading{width:min(100%,640px)}.sender-workspace{border:var(--component-panel-border);border-radius:var(--component-panel-radius);background:var(--color-surface);width:100%;box-shadow:var(--component-panel-shadow);grid-template-columns:minmax(300px,4fr) minmax(0,8fr);grid-template-areas:"file receivers""share receivers";display:grid;overflow:hidden}.session-file-panel{padding:var(--component-panel-padding);padding-right:var(--component-workbench-gap);border-right:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);grid-area:file}.session-share-panel{padding:var(--component-panel-padding);padding-right:var(--component-workbench-gap);border-right:1px solid var(--color-border-subtle);grid-area:share}.receiver-list-section{min-height:440px;padding:var(--component-panel-padding);padding-left:var(--component-workbench-gap);grid-area:receivers}.panel-kicker,.receiver-list-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.panel-kicker{margin-bottom:var(--space-5);color:var(--color-text-muted);font-size:13px;font-weight:650}.connection-badge{color:var(--color-positive);white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:650;display:inline-flex}.connection-badge svg{width:15px;height:15px}.file-card-main{align-items:center;gap:var(--space-4);min-width:0;display:flex}.file-card-main>div,.receiver-main{min-width:0}.file-icon{border-radius:var(--component-button-radius);width:40px;height:40px;color:var(--color-file-icon);background:var(--color-file-icon-bg);flex:none;place-items:center;display:grid}.file-icon svg{width:20px;height:20px}.file-icon.large{border-radius:var(--radius-md);width:56px;height:56px}.file-icon.large svg{width:28px;height:28px}.file-card-main h2{overflow-wrap:anywhere;font-size:var(--font-file-title);margin:0}.file-card-main p{margin:var(--space-1) 0 0;font-size:var(--font-body)}.file-card-main small{margin-top:var(--space-2);color:var(--color-text-quiet);font-size:12px;line-height:1.5;display:block}.session-footer{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-6);display:flex}.transfer-state{color:var(--color-text-muted);align-items:center;gap:7px;font-size:12px;display:inline-flex}.transfer-state svg{width:14px;height:14px;color:var(--color-accent)}.file-session-actions,.receiver-actions,.receive-actions{align-items:center;gap:var(--space-2);display:flex}.panel-title h2,.receiver-list-heading h2{font-size:var(--font-section);margin:0}.panel-title p,.receiver-list-heading p{color:var(--color-text-muted);font-size:var(--font-caption);margin:5px 0 0;line-height:1.55}.share-content{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:136px minmax(0,1fr);align-items:center;display:grid}.qr-wrap{border:1px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-qr-surface);place-items:center;width:136px;height:136px;padding:7px;display:grid}.qr-wrap svg{width:100%;height:100%}.share-actions{gap:var(--space-3);display:grid}.copy-button{width:100%}.short-code{padding:2px 0}.short-code span,.short-code small{color:var(--color-text-quiet);font-size:12px;line-height:1.45;display:block}.short-code strong{color:var(--color-text);letter-spacing:.11em;margin:3px 0;font-size:20px;line-height:1.1;display:block}.security-toggle{margin-top:var(--space-4);padding:var(--space-1) 0;color:var(--color-accent);background:0 0;border:0;font-size:13px;font-weight:650;display:inline-flex}.passcode{margin-top:var(--space-2)}.passcode label,.verify-box label{color:var(--color-text-muted);margin-bottom:6px;font-size:12px;font-weight:650;display:block}.passcode input,.verify-box input,.receive-entry-form input{border:1px solid var(--color-border);border-radius:var(--component-button-radius);width:100%;padding:11px var(--space-3);color:var(--color-text);background:var(--color-field)}.passcode input:focus,.verify-box input:focus,.receive-entry-form input:focus{border-color:var(--color-accent);outline:0}.receiver-list-heading{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-subtle)}.receiver-list-heading>span{color:var(--color-positive);white-space:nowrap;padding-top:2px;font-size:13px;font-weight:700}.receiver-list{display:grid}.receiver-row:last-child{border-bottom:0}.receiver-empty{min-height:240px;padding:var(--space-6)}.receiver-row{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:14px;display:flex}.receiver-avatar{width:38px;height:38px;color:var(--color-accent);background:color-mix(in srgb, var(--color-accent), transparent 88%);border-radius:50%;flex:none;place-items:center;display:grid}.receiver-avatar svg{width:19px;height:19px}.receiver-main{flex:1}.receiver-main strong{color:var(--color-text);font-size:14px}.receiver-main p{margin:var(--space-1) 0 7px;font-size:12px}.receiver-main small{color:var(--color-text-quiet);margin-top:5px;font-size:12px;display:block}.receiver-state{margin-left:var(--space-2);color:var(--color-text-muted);font-size:12px}.receiver-state.transferring,.receiver-state.completed{color:var(--color-positive)}.receiver-state.waiting,.receiver-state.connecting,.receiver-state.authorizing,.receiver-state.ready,.receiver-state.verifying,.receiver-state.paused{color:var(--color-accent)}.receiver-state.failed{color:var(--color-danger)}.progress-track{background:var(--color-border);border-radius:99px;width:100%;height:5px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--color-accent);height:100%;display:block}.receiver-actions .primary-button{padding-right:var(--space-3);padding-left:var(--space-3)}.receive-entry-page .page-heading,.receive-entry{width:min(100%, var(--layout-task-form))}.receive-entry{padding:var(--component-panel-padding);border:var(--component-panel-border);border-radius:var(--component-panel-radius);background:var(--color-surface);box-shadow:var(--component-panel-shadow)}.receive-entry-form{gap:var(--space-2);display:flex}.receive-entry-form input{min-width:0;min-height:var(--component-button-height);flex:1}.receive-entry-form .primary-button{flex:none}.entry-helper,.compatibility-note,.inline-error{margin:var(--space-3) 0 0;font-size:13px;line-height:1.6}.compatibility-note{padding-top:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-muted)}.compatibility-note.is-warning,.scanner-error{color:var(--color-warning)}.inline-error,.scanner-error{color:var(--color-danger);align-items:flex-start;gap:7px;display:flex}.inline-error svg,.scanner-error svg{flex:none;width:16px;height:16px;margin-top:2px}.receive-secondary{margin-top:var(--space-6)}.scanner-live{gap:var(--space-3);justify-items:start;display:grid}.scanner-preview{border-radius:var(--radius-md);background:var(--color-media-surface);object-fit:cover;width:min(100%,360px);max-height:240px;display:block}.receive-page{width:min(100%, var(--layout-task-read))}.receive-copy{margin-bottom:var(--space-8);text-align:center}.receive-copy h1{margin-bottom:var(--space-3)}.receive-card{padding:0 var(--component-panel-padding);border:var(--component-panel-border);border-radius:var(--component-panel-radius);background:var(--color-surface);box-shadow:var(--component-panel-shadow)}.receive-state-pill{margin-top:var(--space-5);color:var(--color-accent);align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex}.receive-state-pill.transferring,.receive-state-pill.completed{color:var(--color-positive)}.receive-state-pill.failed{color:var(--color-danger)}.receive-state-pill svg{width:15px;height:15px}.receive-file-summary{align-items:center;gap:var(--space-4);padding:var(--space-6) 0;border-bottom:1px solid var(--color-border-subtle);display:flex}.receive-file-summary h2{overflow-wrap:anywhere;font-size:var(--font-file-title);margin:0}.receive-file-summary p{margin:5px 0 0}.receive-waiting,.completed-state,.ended-state{padding:var(--space-12) 0;text-align:center}.receive-waiting h2{margin:var(--space-3) 0 var(--space-2);font-size:20px}.receive-waiting p{margin:0;font-size:14px}.waiting-orbit{width:40px;height:40px;color:var(--color-accent);place-items:center;margin:0 auto;display:grid}.waiting-orbit svg{width:28px;height:28px;animation:1.3s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.verify-box,.save-choice{gap:var(--space-3);padding:var(--space-6) 0;display:grid}.save-choice-note{padding-left:var(--space-3);border-left:3px solid var(--color-border)}.save-choice-note.supported{border-left-color:var(--color-positive)}.save-choice-note strong{color:var(--color-text);font-size:14px}.save-choice-note p{margin:var(--space-1) 0 0;font-size:13px;line-height:1.6}.cancel-ready{justify-self:start}.receive-progress{padding:var(--space-6) 0}.receive-progress-meta{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-top:var(--space-3);display:flex}.receive-progress-meta strong{color:var(--color-text);letter-spacing:-.05em;font-size:26px}.receive-progress-meta span{color:var(--color-text-muted);font-size:13px}.receive-progress>p{margin:6px 0 var(--space-4);font-size:13px}.receive-actions{justify-content:flex-end}.completed-state>span,.ended-state>span{width:44px;height:44px;margin:0 auto var(--space-3);color:var(--color-positive);background:color-mix(in srgb, var(--color-positive), transparent 88%);border-radius:50%;place-items:center;display:grid}.ended-state>span{color:var(--color-text-muted);background:var(--color-surface-raised)}.ended-state.failed>span{color:var(--color-danger);background:color-mix(in srgb, var(--color-danger), transparent 90%)}.completed-state>span svg,.ended-state>span svg{width:22px;height:22px}.completed-state h2,.ended-state h2{margin:0;font-size:21px}.completed-state p,.ended-state p{margin:var(--space-2) 0 var(--space-4);font-size:14px}.receive-helper{padding:var(--space-4) 0;border-top:1px solid var(--color-border-subtle);color:var(--color-text-quiet);margin:0;font-size:12px;line-height:1.6}.receiver-privacy{color:var(--color-text-quiet);text-align:center;justify-content:center;align-items:center;gap:6px;margin:18px 0 0;font-size:12px;display:flex}.receiver-privacy svg{width:14px;height:14px}.history-page-heading{align-items:center;gap:var(--space-4);width:100%;margin-bottom:var(--space-6);text-align:center;flex-direction:column;display:flex}.history-page-heading .page-heading{margin-bottom:0}.clear-history-page{color:var(--color-danger)}.history-workbench{border:var(--component-panel-border);border-radius:var(--component-panel-radius);background:var(--color-surface);width:100%;box-shadow:var(--component-panel-shadow);overflow:hidden}.history-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:76px;padding:var(--space-4) var(--component-panel-padding);border-bottom:1px solid var(--color-border-subtle);display:flex}.history-filter{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--component-button-radius);background:var(--color-field);display:inline-flex}.history-filter button{min-width:96px;min-height:var(--component-button-height);border-radius:calc(var(--component-button-radius) - 2px);padding:10px var(--space-3);color:var(--color-text-muted);font-size:var(--font-body);transition:color var(--component-transition), background var(--component-transition);background:0 0;border:0;font-weight:650}.history-filter button:hover{color:var(--color-text);background:var(--color-surface-raised)}.history-filter button.selected{color:var(--color-accent-foreground);background:var(--color-accent)}.history-page-list{width:100%}.history-item{padding:var(--space-4) var(--component-panel-padding);border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:14px;display:flex}.history-item:last-child{border-bottom:0}.history-item>div{flex:1;min-width:0}.history-item strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;display:block;overflow:hidden}.history-item p{margin:var(--space-1) 0 0;font-size:12px}.history-detail{margin-top:var(--space-1);color:var(--color-danger);font-size:12px;display:block}.history-state{white-space:nowrap;font-size:12px;font-weight:650}.history-state.completed{color:var(--color-positive)}.history-state.cancelled{color:var(--color-warning)}.history-state.failed{color:var(--color-danger)}.history-empty{width:100%;min-height:300px;padding:var(--component-panel-padding)}.site-stats{width:min(100% - (var(--layout-page-gutter) * 2), var(--layout-content-max));justify-content:space-between;align-items:center;gap:var(--space-4);min-height:72px;padding:var(--space-4) 0;border-top:1px solid var(--color-border-subtle);color:var(--color-text-quiet);font-size:var(--font-caption);margin:0 auto;display:flex}.site-stats>span{font-weight:650}.site-stats dl{align-items:center;gap:var(--space-6);margin:0;display:flex}.site-stats dl>div{align-items:baseline;gap:var(--space-2);display:flex}.site-stats dt,.site-stats dd{margin:0}.site-stats dt{color:var(--color-text-quiet)}.site-stats dd{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-weight:700}.toast{right:var(--space-6);bottom:var(--space-6);z-index:150;max-width:min(420px,100vw - 40px);padding:var(--space-3) 14px;border:1px solid color-mix(in srgb, var(--color-positive), var(--color-border) 55%);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-surface-raised);font-size:13px;position:fixed}.toast.error{border-color:color-mix(in srgb, var(--color-danger), var(--color-border) 55%);color:var(--color-danger)}@media (width<=1199px) and (width>=900px){.sender-workspace{grid-template-columns:minmax(272px,3fr) minmax(0,5fr)}}@media (width<=899px){.topbar{gap:var(--space-6)}.page-frame{padding-top:var(--space-12);padding-bottom:var(--space-16)}.sender-workspace{grid-template-columns:1fr;grid-template-areas:"file""share""receivers"}.session-file-panel,.session-share-panel{padding-right:var(--component-panel-padding);border-right:0}.session-share-panel{border-bottom:1px solid var(--color-border-subtle)}.receiver-list-section{min-height:240px;padding-left:var(--component-panel-padding)}}@media (width<=599px){.topbar{gap:var(--space-3);padding:env(safe-area-inset-top) var(--layout-page-gutter) 0}.brand{gap:7px;font-size:21px}.brand-mark{border-radius:9px;width:32px;height:32px}.topbar nav{flex:1;justify-content:center;gap:0}.nav-button{min-height:44px;padding:0 7px;font-size:12px}.nav-button.active:after{left:7px;right:7px}.nav-icon,.privacy-pill{display:none}.topbar-actions{margin-left:0}.theme-toggle{width:36px;height:36px}.page-frame{padding-top:var(--space-10);padding-bottom:calc(var(--space-12) + env(safe-area-inset-bottom))}.page-heading{margin-bottom:var(--space-8)}.page-heading h1,.history-page-heading h1{font-size:32px}.drop-zone{min-height:260px}.drop-zone strong{font-size:17px}.session-footer{flex-direction:column;align-items:flex-start}.file-session-actions{width:100%}.file-session-actions>*{text-align:center;flex:1}.share-content{grid-template-columns:116px minmax(0,1fr)}.qr-wrap{width:116px;height:116px}.receiver-row{flex-wrap:wrap;align-items:flex-start}.receiver-actions{width:100%;margin-left:52px}.receiver-actions>*{text-align:center;flex:1}.receive-entry-form{flex-direction:column}.receive-entry-form .primary-button,.receive-secondary .secondary-button,.receive-actions{width:100%}.receive-actions>*{text-align:center;flex:1}.receive-progress-meta{flex-direction:column;align-items:flex-start;gap:2px}.history-toolbar{padding:var(--space-4);flex-direction:column;align-items:stretch}.clear-history-page{align-self:center;margin-top:0}.history-filter{justify-content:center;align-self:center;width:min(100%,360px);display:flex}.history-filter button{flex:1;min-width:0}.history-item{align-items:flex-start}.history-state{padding-top:2px}.site-stats{align-items:flex-start;gap:var(--space-2);flex-direction:column}.site-stats dl{justify-content:space-between;gap:var(--space-2);width:100%}.site-stats dl>div{flex-direction:column;align-items:flex-start;gap:2px}.toast{right:var(--layout-page-gutter);bottom:calc(var(--layout-page-gutter) + env(safe-area-inset-bottom))}}@media (width<=390px){.brand-label{display:none}.topbar{padding-left:12px;padding-right:12px}.nav-button{padding:0 6px}.nav-button.active:after{left:6px;right:6px}.share-content{grid-template-columns:1fr}.qr-wrap{margin:0 auto}.share-actions{text-align:center}.short-code{text-align:left}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}