:root{font-family:Arial,Helvetica,sans-serif;color:#252a22;background:#f5f5ef;--line:#dce1d3;--muted:#737d69;--lime:#d5f35a;--ink:#252a22;font-synthesis:none}*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit;border:0;background:none}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #637443;outline-offset:4px}h1,h2,p{margin:0}svg{flex:none}::selection{background:var(--lime);color:var(--ink)}.app-shell{width:min(100% - 80px,1120px);margin:auto}.topbar{height:108px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:baseline;gap:15px;font-size:29px;letter-spacing:-1.7px;font-weight:700}.brand>span{font-size:17px;letter-spacing:-.6px;font-weight:400;color:var(--muted)}.help-button{color:var(--muted);display:grid;place-items:center;width:40px;height:40px;border-radius:50%}.help-button:hover{background:#e9eddf}main{width:min(100%,640px);margin:44px auto 0;min-height:calc(100svh - 280px)}.transfer-card{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 12px 45px #303d1905}.card-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);padding:0 26px;gap:24px}.card-tabs>button{display:flex;justify-content:center;align-items:center;gap:10px;border-bottom:2px solid transparent;color:var(--muted);padding:22px 8px;margin-bottom:-1px;font-size:15px}.card-tabs>button.selected{border-color:#536637;color:var(--ink)}.card-body{padding:30px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dropzone{width:100%;min-height:240px;background:#fafbf6;border:1px dashed #cbd5bc;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#6e8056;transition:background .15s,border-color .15s}.dropzone:hover,.dropzone.dragging{background:#f0f5e5;border-color:#8a9d6a}.drop-title{font-size:22px;letter-spacing:-.6px;color:var(--ink)}.drop-subtitle{font-size:12px;color:var(--muted);margin-top:-7px}.dropzone.compact{min-height:140px}.dropzone.compact .drop-title{font-size:18px}.dropzone.compact>svg{width:23px;height:23px}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:center;gap:12px;border-radius:8px;min-height:49px;padding:13px 18px;font-size:14px}.primary-button{background:var(--lime);color:#27321d}.primary-button:hover:not(:disabled){background:#c9e94b}.secondary-button{border:1px solid var(--line);background:#f8faf3}.full-width{width:100%}.transfer-note{font-size:11px;line-height:1.7;color:var(--muted);text-align:center;margin-top:17px}.settings{margin:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;font-size:12px;min-height:51px}summary::-webkit-details-marker{display:none}summary>span{margin-left:auto;font-size:10px;color:var(--muted)}summary>svg:last-child{margin-left:auto;color:var(--muted)}summary>span+svg:last-child{margin-left:0}details[open]>summary>svg:last-child{transform:rotate(180deg)}.settings-body{display:flex;flex-direction:column;gap:20px;padding:6px 0 22px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#58634d}.setting-row input,.setting-row select{width:55%;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:#fafbf7;color:var(--ink);font-size:12px}.setting-row select:disabled{opacity:.6}.link-modes{border:0;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.link-modes legend{font-size:12px;color:#58634d;padding:0 0 12px}.link-modes>button{padding:13px 8px;background:#f9faf5;border:1px solid var(--line);border-radius:6px;font-size:12px}.link-modes>button.chosen{border-color:#9eb679;background:#edf4df}.file-list{margin-top:12px;max-height:420px;overflow:auto}.live-file{border-bottom:1px solid #e7ebdf}.live-file:last-child{border:0}.file-row{display:flex;align-items:center;gap:13px;padding:17px 0}.file-glyph{display:grid;place-items:center;width:38px;height:42px;border-radius:7px;background:#f0f3e9;color:#788a5e;flex:none}.file-meta{flex:1;min-width:0}.file-meta>span{display:block;font-size:13px;overflow-wrap:anywhere;line-height:1.4}.file-meta>small{font-size:11px;display:block;margin-top:5px;color:var(--muted)}.file-state{display:block;font-size:11px;line-height:1.6;margin-top:5px;color:var(--muted)}.file-state.received,.file-state.delivered{color:#5a7538}.file-state.error,.file-error{color:#975634}.icon-button,.download-button,.local-action{display:flex;align-items:center;justify-content:center;gap:6px;min-width:32px;min-height:32px;padding:7px;color:var(--muted);flex:none;border-radius:5px}.download-button{border:1px solid var(--line)}.icon-button:hover,.download-button:hover,.local-action:hover{background:#edf2e3;color:#3f5729}.delivered-check{color:#668843}.file-progress{margin:0 0 16px 51px;height:3px;background:#edf1e4;border-radius:3px;overflow:hidden}.file-progress>span{display:block;height:100%;background:#9bbd54}.file-error{font-size:11px;line-height:1.6;margin:0 0 15px 51px}.peer-status{display:flex;align-items:center;gap:9px;font-size:13px;margin-bottom:25px;color:var(--muted)}.peer-status>span{width:6px;height:6px;border-radius:50%;background:#b7c2a8}.peer-status.connected>span{background:#7c9e42;box-shadow:0 0 0 4px #eef5df}.field-caption{display:block;font-size:12px;color:#5e6953;margin-bottom:12px}.share-link{display:flex;gap:10px;border:1px solid var(--line);border-radius:8px;padding:6px;background:#f9faf5;min-height:47px}.share-link input{background:none;border:0;flex:1;min-width:0;padding:5px;font-size:12px;color:#6c785e}.share-link button{display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid var(--line);border-radius:5px;background:white;font-size:12px}.share-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 0 25px;font-size:10px;color:var(--muted)}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#596c40;padding:4px 0}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.people-panel{border:1px solid var(--line);background:#fafbf7;border-radius:8px;padding:0 13px;margin:20px 0}.person{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.person:last-child{border:0}.person-icon{color:#7d8f64}.person>div{flex:1;min-width:0}.person>div>span{display:block;font-size:13px;overflow-wrap:anywhere}.person small{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:1.5}.presence-dot{width:6px;height:6px;background:#b8c1ad;border-radius:50%;flex:none}.presence-dot.online{background:#7b9d43}.live-list-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:26px 0 4px}.live-list-heading h2{font-size:14px;font-weight:400}.live-list-heading small{font-size:11px;color:var(--muted);margin-left:7px}.live-list-heading>span{font-size:10px;color:var(--muted)}.empty-live-files{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:28px 14px;background:#fafbf7;border:1px dashed var(--line);border-radius:8px;font-size:12px;color:var(--muted);margin-top:15px}.live-transfer-controls{margin-top:24px}.connection-settings{margin-bottom:0}.connection-detail,.connection-report{font-size:12px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}.settings-body>.text-button{align-self:flex-start}.session-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.session-controls>span{font-size:11px;color:var(--muted)}.end-session{display:flex;align-items:center;gap:7px;color:#896149;font-size:12px;padding:9px 11px;border:1px solid #dfd5ca;border-radius:6px}.end-session:hover{background:#fbf5ef}.receive-body h1{font-weight:400;font-size:24px;letter-spacing:-.6px;margin:10px 0 32px}.secret-paste{display:flex;align-items:center;gap:10px;padding:14px 12px;border:1px solid var(--line);border-radius:8px;background:#fafbf7;margin-bottom:25px;color:var(--muted)}.secret-paste input{min-width:0;flex:1;border:0;background:none;font-size:12px;color:var(--ink)}.secret-paste input::placeholder{color:#9ba58d;font-size:11px}.receive-destination{display:flex;align-items:center;gap:9px;color:var(--muted);padding:16px 0 23px;font-size:12px}.receive-destination>span{flex:1;overflow-wrap:anywhere}.armed-indicator{display:flex;align-items:center;justify-content:center;gap:9px;color:#5c773d;font-size:13px;padding:17px;background:#eef5e3;border-radius:8px}.notice,.error-banner{border:1px solid #e3d4bc;background:#faf5e9;border-radius:8px;color:#8d6d3e;padding:14px 16px;font-size:12px;line-height:1.7;margin-bottom:20px}.error-banner{display:flex;align-items:flex-start;gap:10px;margin:22px 0 0}.error-banner>span{flex:1;min-width:0;overflow-wrap:anywhere}.received-files{margin:25px 0 0}.received-files>summary{color:var(--muted);padding:0 5px}.received-files>summary>span{margin-left:0}.local-files-list{margin-top:6px}.local-file-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.local-action{font-size:11px}.received-files>.transfer-note{text-align:left}footer{height:100px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8a9480;letter-spacing:.5px}footer>a{font-size:12px;font-weight:700;letter-spacing:-.5px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:10;display:flex;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:13px 16px;background:var(--ink);color:#f5f5ef;border-radius:9px;box-shadow:0 7px 30px #26321320;font-size:12px;line-height:1.6}.toast>span{flex:1;min-width:0}.toast>svg{color:var(--lime)}.toast .icon-button{color:#ced5c5}.help-dialog{width:min(100% - 36px,490px);border:1px solid var(--line);border-radius:14px;padding:28px;background:#fafbf7;color:var(--ink);max-height:calc(100svh - 60px)}.help-dialog::backdrop{background:#222b1b66;backdrop-filter:blur(4px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.dialog-header h2{font-size:21px;font-weight:400;letter-spacing:-.5px}.help-dialog ol{padding-left:20px;font-size:14px;line-height:2.1;margin-bottom:23px}.help-dialog p{font-size:12px;line-height:1.8;color:#6c785e;margin:16px 0}.help-dialog>.primary-button{margin-top:24px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:650px){.app-shell{width:calc(100% - 36px)}.topbar{height:86px}.brand{font-size:27px}.brand>span{font-size:16px}main{margin-top:23px;min-height:calc(100svh - 220px)}.card-body{padding:23px}.card-tabs{padding:0 20px;gap:15px}.card-tabs>button{padding:20px 8px}.dropzone{min-height:225px}.drop-title{font-size:21px}.settings summary>span{font-size:9px}.settings-body{gap:18px}.setting-row{gap:12px}.link-modes{gap:8px}.link-modes>button{font-size:11px}.share-actions{align-items:flex-start}.share-actions>span{max-width:210px;line-height:1.6}.receive-destination{flex-wrap:wrap}.receive-destination>.text-button{margin-left:26px}.session-controls>span{font-size:10px}.file-meta>span{font-size:12px}.toast{bottom:18px}.local-action>span{display:none}footer{height:90px}.help-dialog{padding:22px}.notice{font-size:11px}.transfer-note{font-size:10px;line-height:1.8}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}