:root{color-scheme:dark;--surface-primary: #08090a;--surface-secondary: #14151d;--surface-tertiary: #2a2a35;--surface-tertiary-strong: #323240;--text-primary: #fefefe;--text-secondary: #babbce;--text-muted: #6f7089;--active-bg: #00c14e;--active-bg-hover: #1ad466;--active-fg: #001408;--danger: #ff8a84;--danger-soft: rgba(255, 138, 132, .12);--border-subtle: rgba(186, 187, 206, .08);--border-default: rgba(186, 187, 206, .18);--border-strong: rgba(186, 187, 206, .3);--border-focus: rgba(0, 193, 78, .7);--radius-card: 8px;--radius-control: 4px;--radius-circle: 999px;--shadow-lift: 0 24px 60px rgba(0, 0, 0, .5);--shadow-list-top: 0 -2px 4px 0 var(--surface-primary);--column-width: 600px;--font-sans: "DM Sans", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "DM Mono", "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text-primary);font-variation-settings:"opsz" 14;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background-color:var(--surface-primary)}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}.surface{position:relative;min-height:100vh;background-color:var(--surface-primary);background-image:radial-gradient(ellipse 50% 40% at 50% 12%,rgba(0,193,78,.08),transparent 70%),radial-gradient(ellipse 60% 45% at 50% 110%,rgba(0,193,78,.04),transparent 70%);overflow:hidden}.surface:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.brand-mark{display:block;width:62.871px;height:32px;color:var(--active-bg)}.brand-lockup{display:flex;flex-direction:column;align-items:center;gap:8px}.brand-lockup .brand-title{margin:0;font-size:14px;font-weight:700;letter-spacing:0;color:var(--text-primary)}.sign-in-page{position:relative;min-height:100vh;display:grid;place-items:center;padding:clamp(24px,5vw,48px) 16px}.sign-in-card{width:min(var(--column-width),100%);display:flex;flex-direction:column;align-items:center;gap:32px;padding:clamp(40px,8vw,64px) clamp(24px,10vw,159px);border-radius:var(--radius-card);background-color:var(--surface-secondary);box-shadow:var(--shadow-lift);overflow:clip;animation:card-in .48s cubic-bezier(.2,.7,.2,1) both}.sign-in-form{display:flex;flex-direction:column;align-items:center;gap:8px;width:300px;max-width:100%}.sign-in-label{margin:0;font-weight:700;font-size:14px;color:var(--text-secondary);letter-spacing:0}.sign-in-field{position:relative;display:flex;width:100%;align-items:center;justify-content:center;padding:8px 10px;background-color:var(--surface-tertiary);border:1px solid transparent;border-radius:var(--radius-control);font-weight:700;font-size:14px;color:var(--text-primary);transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease}.sign-in-field:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px #00c14e29;background-color:var(--surface-tertiary-strong)}.sign-in-input{flex:1;min-width:0;padding:0;border:none;outline:none;background:transparent;font:inherit;color:var(--text-primary);text-align:center}.sign-in-input::placeholder{color:var(--text-secondary);font-weight:500}.sign-in-input[data-kind=email]{text-align:center}.primary-button{width:300px;max-width:100%;min-height:34px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;border-radius:var(--radius-control);background-color:var(--active-bg);color:var(--active-fg);font-weight:700;font-size:14px;letter-spacing:0;transition:background-color .14s ease,transform .14s ease,box-shadow .14s ease}.primary-button:hover:not(:disabled),.primary-button:focus-visible{background-color:var(--active-bg-hover)}.primary-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-secondary),0 0 0 4px var(--border-focus)}.primary-button:active:not(:disabled){transform:translateY(1px)}.primary-button:disabled{opacity:.5;cursor:not-allowed}.primary-button .button-icon{width:16px;height:16px;color:currentColor}.otp-grid{margin:0;padding:0;border:none;display:flex;width:100%;justify-content:space-between;gap:4px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.otp-cell{width:100%;min-width:0;flex:1 1 0;height:36px;padding:8px 0;border:1px solid transparent;border-radius:var(--radius-control);background-color:var(--surface-tertiary);color:var(--text-primary);text-align:center;font-weight:700;font-size:14px;text-transform:uppercase;outline:none;transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease}.otp-cell:focus-visible{border-color:var(--border-focus);background-color:var(--surface-tertiary-strong);box-shadow:0 0 0 2px #00c14e47}.otp-cell[data-filled=true]{border-color:#00c14e66}.sign-in-meta{display:flex;flex-direction:column;align-items:center;gap:4px;width:300px;max-width:100%}.sign-in-email-display{margin:0;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.ghost-link{display:inline-flex;align-items:center;gap:4px;padding:6px 8px;border:none;background:transparent;color:var(--text-secondary);font-weight:500;font-size:12px;border-radius:var(--radius-control);transition:color .14s ease,background-color .14s ease}.ghost-link:hover,.ghost-link:focus-visible{color:var(--text-primary);background-color:#ffffff0a;outline:none}.ghost-link:focus-visible{box-shadow:0 0 0 2px var(--border-focus)}.field-error,.field-note{margin:0;font-size:12px;font-weight:500}.field-error{padding:6px 10px;background-color:var(--danger-soft);color:var(--danger);border-radius:var(--radius-control);width:300px;max-width:100%;text-align:center}.field-note{color:var(--text-secondary);text-align:center}.foundation-note{width:300px;max-width:100%;margin:0;padding-top:20px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-secondary);text-align:center}.foundation-note p{margin:0}.foundation-note code{font-family:var(--font-mono);font-size:12px;padding:1px 6px;border-radius:var(--radius-control);background-color:var(--surface-tertiary);color:var(--text-primary)}.files-page{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:0 10px}.files-column{width:min(var(--column-width),100%);display:flex;flex-direction:column;animation:column-in .52s cubic-bezier(.2,.7,.2,1) both}.files-topbar{display:flex;align-items:center;gap:16px;padding:16px 32px}.files-topbar .brand-title-inline{margin:0;font-size:14px;font-weight:700;color:var(--text-primary);line-height:1.2}.files-topbar .brand-version{margin:0;font-family:var(--font-mono);font-size:14px;color:var(--text-secondary);line-height:1.2}.files-topbar-text{display:flex;flex-direction:column;gap:2px}.files-topbar-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-left:auto;text-align:right}.files-topbar-email{margin:0;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.files-userbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;background-color:var(--surface-tertiary);overflow:clip}.files-userbar-left{display:flex;align-items:center;gap:10px}.user-avatar{width:32px;height:32px;border-radius:var(--radius-circle);display:grid;place-items:center;background-color:var(--surface-tertiary-strong);color:var(--text-secondary);flex-shrink:0}.user-avatar svg{width:20px;height:20px}.files-userbar h2{margin:0;font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:0}.new-transfer-button{width:48px;height:48px;display:grid;place-items:center;border:none;border-radius:var(--radius-circle);background-color:var(--active-bg);color:var(--active-fg);transition:background-color .14s ease,opacity .14s ease,box-shadow .14s ease;flex-shrink:0}.new-transfer-button:hover:not(:disabled),.new-transfer-button:focus-visible{background-color:var(--active-bg-hover);outline:none}.new-transfer-button:focus-visible{box-shadow:0 0 0 2px var(--surface-tertiary),0 0 0 4px var(--border-focus)}.new-transfer-button:disabled{opacity:.45;cursor:not-allowed}.new-transfer-button svg{width:24px;height:24px}.files-list-area{position:relative;flex:1;padding:24px;background-color:var(--surface-secondary);box-shadow:var(--shadow-list-top);display:flex;flex-direction:column;gap:16px;min-height:320px}.files-empty-state{display:flex;flex-direction:column;gap:20px;padding:8px 4px 0}.files-empty-copy{display:flex;flex-direction:column;gap:4px}.empty-title{margin:0;font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:0}.empty-body{margin:0;font-size:12px;color:var(--text-secondary);line-height:1.55;max-width:46ch}.files-row-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.files-row-list>li{display:block}.transfer-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"info actions" "feedback feedback";column-gap:16px;row-gap:8px;padding:14px 4px;transition:opacity .16s ease,background-color .16s ease}.files-row-list>li+li .transfer-row{border-top:1px solid var(--border-subtle)}.files-row-refreshing{margin:0;padding:10px 4px 0;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);text-align:right}.transfer-row[data-deleting=true]{opacity:.55}.transfer-row[data-confirming=true]{background-color:#ff8a840f;border-radius:var(--radius-control);padding-left:8px;padding-right:8px}.transfer-row-info{grid-area:info;display:flex;flex-direction:column;gap:4px;min-width:0}.transfer-row-headline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.transfer-row-title{margin:0;font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.transfer-row-title-button{padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;cursor:text;transition:color .14s ease,opacity .14s ease}.transfer-row-title-button:hover:not(:disabled),.transfer-row-title-button:focus-visible:not(:disabled){color:#f4f6ff;outline:none}.transfer-row-title-button:focus-visible:not(:disabled){box-shadow:inset 0 -1px #00c14e73}.transfer-row-title-button:disabled{cursor:default;opacity:.7}.transfer-row-inline-rename{display:flex;flex:1 1 320px;flex-wrap:wrap;align-items:center;gap:8px;min-width:min(100%,280px)}.transfer-row-inline-rename-input{min-width:min(100%,220px);flex:1 1 220px;height:36px;padding:0 12px;border-radius:var(--radius-control);border:1px solid var(--border-default);background-color:var(--surface-tertiary);color:var(--text-primary);font:inherit;font-size:16px;font-weight:700;transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}.transfer-row-inline-rename-input::placeholder{color:var(--text-muted)}.transfer-row-inline-rename-input:hover:enabled{border-color:var(--border-strong)}.transfer-row-inline-rename-input:focus-visible{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px #00c14e33}.transfer-row-inline-rename-input:disabled{opacity:.75;cursor:wait}.transfer-row-inline-rename-actions{display:inline-flex;align-items:center;gap:8px}.transfer-row-inline-rename-save{min-height:28px;padding:0 10px;border-radius:var(--radius-control);border:1px solid rgba(0,193,78,.35);background-color:#00c14e24;color:var(--active-bg-hover);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;transition:background-color .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.transfer-row-inline-rename-save:hover:not(:disabled),.transfer-row-inline-rename-save:focus-visible:not(:disabled){background-color:#00c14e33;border-color:#00c14e7a;outline:none}.transfer-row-inline-rename-save:active:not(:disabled){transform:translateY(1px)}.transfer-row-inline-rename-save:disabled{opacity:.7;cursor:wait}.transfer-row-inline-rename-cancel{font-size:12px}.transfer-row-inline-rename-cancel:disabled{opacity:.55;cursor:wait}.transfer-row-filename{margin:0;font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transfer-row-meta{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:12px;font-weight:500;color:var(--text-secondary)}.transfer-row-meta strong{font-weight:700;color:var(--text-primary)}.transfer-row-meta-sep{color:var(--text-muted)}.transfer-row-meta-value{color:var(--text-primary)}.transfer-row-meta-value[data-expiration-state=expired]{color:var(--danger)}.transfer-row-meta-value[data-expiration-state=scheduled]{color:var(--active-bg)}.transfer-row-error{grid-area:feedback;margin:0;padding:6px 8px;font-size:12px;color:var(--danger);background-color:var(--danger-soft);border-radius:var(--radius-control)}.transfer-row-copy-feedback{grid-area:feedback;margin:0;font-size:11px;color:var(--text-secondary);font-family:var(--font-mono)}.transfer-row-copy-feedback code{font-family:var(--font-mono);font-size:11px;padding:1px 4px;border-radius:var(--radius-control);background-color:var(--surface-tertiary);color:var(--text-primary)}.transfer-row-actions{grid-area:actions;display:flex;align-items:center;justify-content:flex-end;gap:12px}.transfer-row-action{width:36px;height:36px;display:grid;place-items:center;border:1px solid transparent;border-radius:var(--radius-circle);background-color:var(--surface-tertiary);color:var(--text-secondary);transition:background-color .14s ease,color .14s ease,border-color .14s ease,transform .14s ease,box-shadow .14s ease}.transfer-row-action svg{width:18px;height:18px}.transfer-row-action:hover:not(:disabled),.transfer-row-action:focus-visible:not(:disabled){background-color:var(--surface-tertiary-strong);color:var(--text-primary);outline:none}.transfer-row-action:focus-visible:not(:disabled){box-shadow:0 0 0 2px #00c14e47;border-color:var(--border-focus)}.transfer-row-action:active:not(:disabled){transform:translateY(1px)}.transfer-row-action:disabled{opacity:.4;cursor:not-allowed}.transfer-row-action.transfer-row-link[data-copied=true]{background-color:#00c14e24;border-color:#00c14e66;color:var(--active-bg-hover)}.transfer-row-action.transfer-row-link[data-copy-failed=true]{border-color:#ff8a8473;color:var(--danger)}.transfer-row-action.transfer-row-delete:hover:not(:disabled),.transfer-row-action.transfer-row-delete:focus-visible:not(:disabled){color:var(--danger);border-color:#ff8a8473}.transfer-row-status{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-circle);font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;background-color:var(--surface-tertiary);color:var(--text-secondary);border:1px solid var(--border-subtle);flex-shrink:0}.transfer-row-status[data-tone=ready]{background-color:#00c14e24;color:var(--active-bg-hover);border-color:#00c14e47}.transfer-row-status[data-tone=active]{background-color:#babbce1f;color:var(--text-primary);border-color:#babbce33}.transfer-row-status[data-tone=pending]{background-color:var(--surface-tertiary);color:var(--text-muted)}.transfer-row-confirm{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.transfer-row-confirm-copy{margin:0;font-size:12px;color:var(--text-primary);font-weight:700}.transfer-row-confirm-actions{display:flex;align-items:center;gap:6px}.transfer-row-confirm-cancel{padding:4px 10px}.transfer-row-confirm-delete{padding:6px 12px;border:1px solid rgba(255,138,132,.45);background-color:var(--danger-soft);color:var(--danger);border-radius:var(--radius-control);font-size:12px;font-weight:700;font-family:var(--font-sans);transition:background-color .14s ease,color .14s ease,border-color .14s ease}.transfer-row-confirm-delete:hover:not(:disabled),.transfer-row-confirm-delete:focus-visible:not(:disabled){background-color:#ff8a8438;color:#ffb4af;outline:none;border-color:#ff8a84b3}.transfer-row-confirm-delete:disabled{opacity:.55;cursor:not-allowed}.files-state-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 16px;text-align:center}.files-state-spinner{width:28px;height:28px;border-radius:var(--radius-circle);border:2px solid rgba(186,187,206,.2);border-top-color:var(--active-bg);animation:recipient-spin .9s linear infinite}.files-state-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center}.files-state-icon svg{width:32px;height:32px}.files-state-icon-danger{color:var(--danger)}.files-state-title{margin:0;font-size:16px;font-weight:700;color:var(--text-primary)}.files-state-body{margin:0;font-size:12px;color:var(--text-secondary);max-width:44ch}.files-state-retry{margin-top:4px;width:auto}.sign-out-link{font-family:var(--font-mono);font-size:12px}.new-transfer-page{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:clamp(24px,5vw,48px) 16px 64px;gap:24px}.new-transfer-topbar{width:min(var(--column-width),100%);display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.new-transfer-topbar .brand-version{margin:0;padding:2px 8px;border-radius:var(--radius-control);background-color:var(--surface-secondary);color:var(--text-secondary)}.back-link{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;border-radius:var(--radius-control);background-color:var(--surface-secondary);border:1px solid transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:12px;line-height:1;text-decoration:none;transition:color .14s ease,background-color .14s ease,border-color .14s ease,transform .14s ease}.back-link:hover,.back-link:focus-visible{color:var(--text-primary);background-color:var(--surface-tertiary);border-color:var(--border-subtle);outline:none}.back-link:active{transform:translate(-1px)}.back-arrow-icon{width:14px;height:14px}.new-transfer-card{width:min(var(--column-width),100%);display:flex;flex-direction:column;gap:32px;padding:clamp(32px,6vw,48px);border-radius:var(--radius-card);background-color:var(--surface-secondary);box-shadow:var(--shadow-lift);overflow:clip;animation:card-in .48s cubic-bezier(.2,.7,.2,1) both}.new-transfer-header{display:flex;flex-direction:column;gap:6px}.new-transfer-eyebrow{margin:0;font-family:var(--font-mono);font-size:12px;color:var(--text-muted);text-transform:lowercase;letter-spacing:.08em}.new-transfer-title{margin:0;font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.new-transfer-sub{margin:0;font-size:12px;color:var(--text-secondary)}.new-transfer-email{font-family:var(--font-mono);color:var(--text-primary)}.choose-file-panel{display:flex;flex-direction:column;gap:16px}.choose-file-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 24px;min-height:200px;border:1.5px dashed rgba(186,187,206,.25);border-radius:var(--radius-card);background-color:var(--surface-tertiary);color:var(--text-secondary);text-align:center;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s ease,box-shadow .16s ease}.choose-file-dropzone:hover,.choose-file-dropzone:focus-visible,.choose-file-dropzone[data-drag-over=true],.choose-file-dropzone[data-has-file=true]{border-color:var(--border-focus);background-color:var(--surface-tertiary-strong);color:var(--text-primary);outline:none;box-shadow:0 0 0 3px #00c14e24}.choose-file-dropzone[data-has-file=true]{border-style:solid}.choose-file-dropzone[data-drag-over=true]{transform:translateY(-1px)}.choose-file-icon{width:48px;height:48px;color:var(--active-bg)}.choose-file-title{font-size:16px;font-weight:700;color:var(--text-primary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.choose-file-hint{font-size:12px;color:var(--text-secondary);max-width:36ch}.action-row{display:flex;gap:12px;align-items:stretch}.action-row .action-primary{flex:2;width:auto;max-width:none}.action-row .action-secondary{flex:1}.secondary-button{min-height:34px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background-color:var(--surface-tertiary);color:var(--text-primary);font-family:var(--font-sans);font-weight:700;font-size:14px;letter-spacing:0;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,transform .14s ease,box-shadow .14s ease}.secondary-button:hover:not(:disabled),.secondary-button:focus-visible{background-color:var(--surface-tertiary-strong);border-color:#babbce38}.secondary-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface-secondary),0 0 0 4px var(--border-focus)}.secondary-button:active:not(:disabled){transform:translateY(1px)}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.in-progress-panel{display:flex;flex-direction:column;gap:28px}.upload-progress{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--radius-control);background-color:var(--surface-tertiary)}.upload-progress-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.upload-progress-name{margin:0;font-family:var(--font-mono);font-size:13px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:75%}.upload-progress-size{margin:0;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);flex-shrink:0}.progress-bar{position:relative;height:6px;border-radius:999px;background-color:var(--surface-primary);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--active-bg) 0%,var(--active-bg-hover) 100%);border-radius:inherit;transition:width .18s linear}.upload-progress-status{margin:0;font-size:12px;color:var(--text-secondary)}.upload-progress-status[data-state=complete]{color:var(--active-bg-hover)}.upload-progress-status[data-state=link-ready]{color:var(--active-bg-hover);font-weight:700}.settings-group{margin:0;padding:0;border:none;display:flex;flex-direction:column;gap:20px}.settings-legend{padding:0;margin:0 0 4px;font-family:var(--font-mono);font-size:12px;color:var(--text-muted);text-transform:lowercase;letter-spacing:.08em}.settings-field{display:flex;flex-direction:column;gap:6px}.settings-label{margin:0;font-size:13px;font-weight:700;color:var(--text-secondary)}.settings-field-input{padding:10px 12px}.settings-input{text-align:left;font-weight:500}.settings-hint{margin:0;font-size:11px;color:var(--text-muted)}.radio-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.expiration-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.sender-identity-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.radio-option{position:relative;display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:var(--radius-control);background-color:var(--surface-tertiary);border:1px solid transparent;cursor:pointer;transition:border-color .14s ease,background-color .14s ease}.radio-option input{position:absolute;opacity:0;pointer-events:none}.radio-option[data-selected=true]{border-color:var(--border-focus);background-color:var(--surface-tertiary-strong)}.radio-option[data-deferred=true]{cursor:not-allowed;opacity:.55}.radio-option:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 2px #00c14e33;outline:none}.radio-option-title{font-size:13px;font-weight:700;color:var(--text-primary);display:inline-flex;align-items:center;gap:8px}.radio-option-hint{font-size:11px;color:var(--text-secondary);line-height:1.45}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--radius-control);background-color:var(--surface-tertiary);border:1px solid transparent;color:var(--text-secondary)}.select-trigger[data-disabled=true]{cursor:not-allowed}.select-trigger-value{font-size:13px;font-weight:700;color:var(--text-primary)}.select-trigger-hint{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.settings-group[disabled]{opacity:.72}.settings-group[disabled] .settings-input{cursor:not-allowed}.expiration-input{max-width:280px}.sender-alias-input{max-width:320px}.settings-group[disabled] .radio-option{cursor:default}.link-ready-placeholder{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--border-subtle)}.link-ready-placeholder .action-row{align-items:center}.link-ready-result{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid var(--border-subtle);animation:link-ready-in .32s ease-out}.link-copied-chip{width:100%;justify-content:center;gap:10px}.link-copied-chip[data-just-copied=true]{animation:copy-pulse 1.2s ease-out}.share-link-row{display:flex}.share-link-copy{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background-color:var(--surface-tertiary);color:var(--active-bg-hover);font-family:var(--font-mono);font-size:12px;text-align:left;cursor:pointer;transition:border-color .14s ease,background-color .14s ease,color .14s ease}.share-link-copy:hover{border-color:var(--border-focus);background-color:var(--surface-tertiary-strong)}.share-link-copy:focus-visible{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px #00c14e40}.share-link-copy[data-just-copied=true]{border-color:var(--active-bg);background-color:#00c14e14}.share-link-url{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;letter-spacing:.01em}.share-link-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--active-bg-hover)}.share-copy-error{margin:0;font-size:11px;color:#ff8a80}.share-link-hint{font-family:var(--font-mono);letter-spacing:.02em}@keyframes link-ready-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes copy-pulse{0%{box-shadow:0 0 #00c14e73}40%{box-shadow:0 0 0 10px #00c14e00}to{box-shadow:0 0 #00c14e00}}.recipient-page{position:relative;min-height:100vh;display:grid;place-items:center;padding:clamp(24px,5vw,48px) 16px;gap:20px;grid-auto-flow:row}.recipient-card{width:min(var(--column-width),100%);display:flex;flex-direction:column;align-items:center;gap:32px;padding:clamp(40px,8vw,64px) clamp(24px,10vw,80px);border-radius:var(--radius-card);background-color:var(--surface-secondary);box-shadow:var(--shadow-lift);overflow:clip;animation:card-in .48s cubic-bezier(.2,.7,.2,1) both}.recipient-brand{display:flex;justify-content:center;width:100%}.recipient-resolving{display:flex;flex-direction:column;align-items:center;gap:10px;width:300px;max-width:100%;text-align:center}.recipient-spinner{width:28px;height:28px;border-radius:var(--radius-circle);border:2px solid rgba(186,187,206,.2);border-top-color:var(--active-bg);animation:recipient-spin .9s linear infinite}.recipient-resolving-title{margin:0;font-size:14px;font-weight:700;color:var(--text-primary)}.recipient-resolving-sub{margin:0;font-size:12px;color:var(--text-secondary)}.recipient-ready{display:flex;flex-direction:column;align-items:center;gap:24px;width:300px;max-width:100%;animation:recipient-in .32s ease-out}.recipient-attribution{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.recipient-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-secondary)}.recipient-avatar svg{width:24px;height:24px}.recipient-attribution-text{margin:0;font-size:14px;color:var(--text-primary);line-height:1.3;max-width:240px;overflow-wrap:anywhere}.recipient-attribution-name{font-weight:700}.recipient-attribution-tail{font-weight:400;color:var(--text-secondary)}.recipient-meta{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;text-align:center}.recipient-title{margin:0;font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;word-break:break-word}.recipient-filename{margin:0 0 8px;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);word-break:break-all}.recipient-meta-row{margin:0;display:grid;grid-template-columns:1fr;gap:10px;width:100%;padding-top:12px;border-top:1px solid var(--border-subtle)}.recipient-meta-cell{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:baseline;column-gap:12px;row-gap:2px;min-width:0;text-align:left}.recipient-meta-cell dt{margin:0;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:lowercase;color:var(--text-muted)}.recipient-meta-cell dd{margin:0;font-size:12px;color:var(--text-primary);min-width:0;overflow-wrap:anywhere;white-space:normal}.recipient-meta-email{font-family:var(--font-mono);color:var(--text-secondary)}.recipient-meta-sender{line-height:1.45}.recipient-checksum{width:100%;margin-top:8px;padding:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background-color:#ffffff08;text-align:left}.recipient-checksum-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:11px;color:var(--text-secondary)}.recipient-checksum-copy{border:0;padding:0;background:transparent;color:var(--active-bg);font-family:var(--font-mono);font-size:10px;cursor:pointer}.recipient-checksum-copy:hover,.recipient-checksum-copy:focus-visible{color:var(--active-bg-hover);text-decoration:underline}.recipient-checksum-copy[data-copy-feedback=copied]{color:var(--active-bg-hover)}.recipient-checksum-value{display:block;color:var(--text-primary);font-family:var(--font-mono);font-size:10px;line-height:1.7;white-space:normal;overflow-wrap:anywhere}.recipient-checksum-feedback{margin:8px 0 0;color:var(--text-muted);font-size:11px}.recipient-action-group{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.recipient-download-button{width:100%}.recipient-download-button .button-icon{width:18px;height:18px}.recipient-download-hint{margin:0;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);text-align:center;max-width:300px}.recipient-download-notice{margin:0;width:100%;padding:8px 10px;border-radius:var(--radius-control);background-color:#00c14e14;color:var(--text-primary);font-size:12px;text-align:center;animation:recipient-in .24s ease-out}.recipient-unavailable{display:flex;flex-direction:column;align-items:center;gap:12px;width:300px;max-width:100%;text-align:center;animation:recipient-in .32s ease-out}.recipient-unavailable-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--text-muted)}.recipient-unavailable-icon svg{width:40px;height:40px}.recipient-unavailable-title{margin:0;font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.recipient-unavailable-body{margin:0;font-size:13px;color:var(--text-secondary);max-width:280px;line-height:1.5}.recipient-unavailable-hint{margin:8px 0 0;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);max-width:280px}@keyframes recipient-spin{to{transform:rotate(360deg)}}@keyframes recipient-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{0%{opacity:0;transform:translateY(8px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes column-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.sign-in-card,.files-column,.new-transfer-card,.link-ready-result,.recipient-card,.recipient-ready,.recipient-unavailable,.recipient-download-notice,.link-copied-chip[data-just-copied=true],.recipient-spinner{animation:none}.primary-button,.secondary-button,.back-link,.new-transfer-button,.ghost-link,.sign-in-field,.otp-cell,.choose-file-dropzone,.radio-option,.progress-bar-fill,.share-link-copy{transition:none}}@media(max-width:480px){.files-topbar{flex-direction:column;align-items:flex-start;padding:16px 20px;gap:8px}.files-topbar-meta{margin-left:0;align-items:flex-start;text-align:left}.files-userbar{padding:20px}.transfer-row{grid-template-columns:1fr;grid-template-areas:"info" "actions" "feedback"}.transfer-row-actions{justify-content:flex-start}.transfer-row-inline-rename{min-width:100%}.transfer-row-inline-rename-actions{width:100%}.transfer-row-confirm{align-items:flex-start}.recipient-meta-row{grid-template-columns:1fr;gap:8px}}
