@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;550;600;650&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090909;--surface:#10100f;--surface-raised:#171715;--border:#30302d;--border-soft:#222220;--text:#f1f0ec;--muted:#b0afa9;--subtle:#a09f98;--orange:#f47738;--orange-hover:#ff925d;--green:#a9d5b6;--red:#ffad98;--ease:cubic-bezier(.22,.7,.2,1)}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.55}button,input{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit}button,input,a{outline-offset:4px}:focus-visible{outline:2px solid var(--orange)}::selection{background:var(--orange);color:#17100b}input{caret-color:var(--orange)}input::placeholder{color:#96968f}*{scrollbar-width:thin;scrollbar-color:#5d5c57 var(--bg)}h1,h2,p{margin-top:0}h1,h2{text-wrap:balance}.app-shell{min-height:100svh}.topbar{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:20px;height:80px;padding-inline:max(24px,50% - 560px);display:flex}.brand{color:var(--text);letter-spacing:-.035em;align-items:center;gap:11px;font-size:17px;font-weight:650;text-decoration:none;display:inline-flex}.brand b{color:var(--muted);font-weight:400}.brand-symbol{width:38px;height:38px;display:flex}.brand-symbol img{object-fit:contain}.header-note{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.header-note svg{color:var(--orange)}.main-wrap{width:min(100% - 64px,1040px);margin-inline:auto;padding-top:66px}.intro-row{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px;display:flex}.intro-row h1{letter-spacing:-.04em;max-width:740px;margin:0;font-size:clamp(32px,4.2vw,48px);font-weight:500;line-height:1.12}.intro-row p{color:var(--muted);margin:17px 0 0;font-size:16px}.status-pill{color:var(--muted);flex-shrink:0;align-items:center;gap:9px;padding-block:9px;font-size:13px;display:inline-flex}.session-status-row{flex-shrink:0;align-items:center;gap:16px;display:flex}.status-dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.is-online,.nearby-self{color:var(--green)}.is-online .status-dot,.nearby-self .status-dot{background:var(--green)}.notice{border:1px solid var(--border);background:var(--surface);align-items:center;gap:12px;margin-bottom:24px;padding:12px 16px;font-size:14px;display:flex}.notice>span:not(.notice-icon){flex:1}.notice-icon{color:var(--orange);display:flex}.error-notice{color:var(--red);border-color:#6d4235}.setup-notice{color:#e9b392}.icon-button{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button:hover{background:var(--surface-raised);color:var(--text);border-color:var(--border)}.icon-button.small{width:44px;height:44px}.button{min-height:48px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;justify-content:center;align-items:center;gap:10px;padding:11px 17px;font-size:14px;font-weight:550;line-height:1.4;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.button svg{flex-shrink:0}.button-primary{background:var(--orange);color:#17100b}.button-primary:hover:not(:disabled){background:var(--orange-hover)}.button-secondary{border-color:var(--border);background:var(--surface-raised)}.button-secondary:hover:not(:disabled){background:#20201d;border-color:#77766f}.button-quiet{color:var(--muted)}.button-quiet:hover:not(:disabled){color:var(--text);background:var(--surface-raised)}.button-arrow{margin-left:auto}.device-name-field{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;padding:17px 0;font-size:13px;display:flex}.device-name-field svg{color:var(--orange)}.device-name-field input{border:1px solid var(--border);background:var(--surface);width:260px;min-width:120px;max-width:100%;min-height:44px;color:var(--text);border-radius:2px;margin-left:auto;padding:8px 11px;font-size:15px}.connect-layout{border-block:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.connect-panel{min-width:0;padding:36px 36px 36px 0}.nearby-panel{border-left:1px solid var(--border);padding:36px 0 36px 36px}.panel-heading{align-items:flex-start;gap:14px;display:flex}.panel-heading h2,.send-heading h2,.batch-title-row h2{letter-spacing:-.03em;margin:0;font-size:23px;font-weight:500;line-height:1.25}.panel-heading p,.send-heading p,.batch-title-row p{color:var(--muted);margin:9px 0 0;font-size:14px;line-height:1.6}.round-icon{width:28px;height:30px;color:var(--orange);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.create-button,.scan-button{width:100%;margin-top:28px}.divider{color:var(--muted);align-items:center;gap:14px;margin:23px 0 18px;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--border-soft);flex:1;height:1px}.join-form label{color:var(--muted);margin-bottom:9px;font-size:13px;display:block}.code-entry{gap:8px;display:flex}.code-entry input{width:100%;min-width:0;min-height:48px;color:var(--text);background:var(--surface);border:1px solid var(--border);letter-spacing:.12em;border-radius:2px;padding:10px 13px;font-size:18px;font-weight:500}.nearby-setup{margin-top:25px}.nearby-button{justify-content:flex-start;padding-inline:0}.nearby-button svg{color:var(--orange)}.muted-line{color:var(--muted);margin:5px 0 0;font-size:13px;line-height:1.6;display:block}.invite-layout{border-top:1px solid var(--border)}.invite-card{grid-template-columns:250px minmax(0,1fr);align-items:center;gap:58px;padding-block:36px;display:grid}.invite-copy{grid-area:1/2;min-width:0}.qr-box{color:#34342f;background:#fdfdfb;border-radius:3px;flex-direction:column;grid-area:1/1;align-items:center;gap:14px;padding:20px;display:flex}.qr-box svg{max-width:100%;height:auto;display:block}.qr-box span{text-align:center;font-size:12px}.code-display{letter-spacing:.12em;font-variant-numeric:tabular-nums;white-space:nowrap;-webkit-user-select:all;user-select:all;margin:23px 0;font-size:clamp(27px,3.4vw,38px);font-weight:550;line-height:1.3}.invite-actions{flex-wrap:wrap;gap:8px;display:flex}.expiry-line{color:var(--muted);align-items:center;gap:8px;margin-top:22px;font-size:13px;display:flex}.expiry-line b{font-variant-numeric:tabular-nums;color:var(--text);font-weight:500}.expiry-line svg{color:var(--orange)}.cancel-invite-button{margin:14px 0 0;padding-left:0}.nearby-strip{border-block:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;padding-block:24px;display:flex}.nearby-toggle-copy{align-items:center;gap:13px;display:flex}.nearby-toggle-copy strong{font-size:15px;font-weight:500;display:block}.nearby-toggle-copy div>span{color:var(--muted);margin-top:3px;font-size:13px;display:block}.nearby-results{border-bottom:1px solid var(--border);gap:10px;padding-block:20px;display:grid}.nearby-self{align-items:center;gap:8px;margin-bottom:4px;font-size:13px;display:flex}.nearby-device{border:1px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;border-radius:2px;align-items:center;gap:13px;width:100%;min-height:64px;padding:12px 15px;display:flex}.nearby-device:hover{border-color:var(--orange)}.nearby-device>span:first-of-type{overflow-wrap:anywhere;min-width:0}.nearby-device small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.nearby-device-action{color:var(--orange);margin-left:auto;font-size:13px}.action-modal{border:1px solid var(--border);width:min(480px,100% - 32px);max-height:calc(100svh - 32px);color:var(--text);background:var(--surface);border-radius:12px;padding:26px;overflow:auto}.action-modal::backdrop{background:#000c}.modal-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.modal-heading h2{letter-spacing:-.03em;overflow-wrap:anywhere;margin:0;font-size:23px;font-weight:500;line-height:1.25}.modal-heading p{color:var(--muted);margin:10px 0 0;font-size:14px}.modal-heading .icon-button{margin:-10px -10px 0 0}.modal-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.confirm-code{letter-spacing:.1em;font-variant-numeric:tabular-nums;margin-top:25px;font-size:28px}.modal-close-button{width:100%;margin-top:20px}.scanner-frame{aspect-ratio:1;background:#000;margin-top:24px;position:relative;overflow:hidden}.scanner-frame video{object-fit:cover;width:100%;height:100%}.scanner-target{border:2px solid var(--orange);pointer-events:none;position:absolute;inset:18%}.transfer-layout{border-top:1px solid var(--border)}.peer-bar{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding-block:20px;display:flex}.peer-avatar{width:44px;height:44px;color:var(--orange);background:var(--surface-raised);place-items:center;display:grid}.peer-info{flex-direction:column;gap:3px;min-width:0;display:flex}.peer-info strong{overflow-wrap:anywhere;font-size:16px;font-weight:500}.peer-info span{color:var(--muted);font-size:13px}.session-limit{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;margin-left:auto;font-size:13px;display:flex}.connection-banner{background:var(--surface-raised);color:var(--muted);align-items:center;gap:10px;margin-top:20px;padding:15px;font-size:14px;display:flex}.banner-error{color:var(--red)}.send-panel,.batch-panel{padding-block:32px}.send-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.direct-label{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:inline-flex}.drop-zone{background:var(--surface);text-align:center;border:1px dashed #595952;flex-direction:column;justify-content:center;align-items:center;min-height:230px;padding:30px 20px;display:flex}.upload-icon{color:var(--orange);margin-bottom:16px;display:flex}.drop-zone strong{font-size:18px;font-weight:500}.drop-zone>span:not(.upload-icon){color:var(--muted);margin-top:7px;font-size:14px}.file-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.selected-list,.batch-file-list{margin-top:25px}.list-heading{justify-content:space-between;gap:12px;margin-bottom:10px;font-size:13px;display:flex}.list-heading span{color:var(--muted)}.file-row{border-top:1px solid var(--border-soft);align-items:center;gap:10px;min-height:52px;padding-block:12px;display:flex}.file-type-icon{color:var(--muted);flex-shrink:0;display:flex}.file-name{overflow-wrap:anywhere;flex:1;min-width:0;font-size:14px}.file-size{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}.send-button{width:100%;margin-top:20px}.batch-title-row{align-items:center;gap:12px;display:flex}.done-mark{color:var(--green);margin-left:auto}.file-state{color:var(--green);flex-shrink:0;width:18px;display:flex}.progress-area{border-top:1px solid var(--border);padding-block:22px}.progress-label{justify-content:space-between;gap:15px;font-size:14px;display:flex}.progress-label strong{font-variant-numeric:tabular-nums;font-weight:500}.progress-track{background:var(--border);height:5px;margin-top:14px;overflow:hidden}.progress-track span{background:var(--orange);height:100%;transition:width .2s;display:block}.progress-detail{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:10px;font-size:13px;display:block}.batch-actions,.retry-pick{flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;display:flex}.download-hint{color:var(--muted);font-size:13px}.batch-actions .download-hint{flex-basis:100%;margin-top:3px}.retry-area,.retry-button{margin-top:18px}.retry-selected{color:var(--muted);margin-top:12px;font-size:13px;display:block}.received-list{border-top:1px solid var(--border);gap:12px;padding-block:22px;display:grid}.received-list>strong{font-size:16px;font-weight:500}.received-file{border-bottom:1px solid var(--border-soft);align-items:center;gap:10px;padding-block:12px;display:flex}.received-file>svg{color:var(--green);flex-shrink:0}.received-file>span{overflow-wrap:anywhere;flex:1;min-width:0;font-size:14px}.download-file-button{flex-shrink:0}.completed-note{color:var(--green);align-items:center;gap:8px;margin-top:15px;font-size:14px;display:flex}.new-batch-button{margin-top:22px}.page-footer{border-top:1px solid var(--border-soft);color:var(--subtle);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:44px;padding-block:24px;font-size:12px;display:flex}.page-footer>span{align-items:center;gap:7px;display:flex}.page-footer .footer-separator{display:none}.loading-mark{height:100svh;color:var(--orange);place-items:center;display:grid}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:720px){.topbar{height:68px;padding-inline:20px}.header-note span{display:none}.main-wrap{width:calc(100% - 40px);padding-top:32px}.intro-row{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:27px}.intro-row h1{max-width:440px;font-size:34px}.intro-row p{margin-top:13px;font-size:15px}.status-pill{padding-block:0}.session-status-row{justify-content:space-between;width:100%}.device-name-field{flex-wrap:nowrap;gap:9px;padding-block:14px}.device-name-field label{max-width:82px;font-size:12px;line-height:1.4}.device-name-field input{flex:1;width:0;min-width:0;margin-left:auto;font-size:16px}.connect-layout{flex-direction:column;display:flex}.connect-panel{padding:26px 0}.nearby-panel{border-left:0;border-top:1px solid var(--border)}.panel-heading h2,.send-heading h2,.batch-title-row h2{font-size:23px}.create-button,.scan-button{margin-top:22px}.button{min-height:50px}.invite-card{flex-direction:column;gap:26px;padding-block:28px;display:flex}.qr-box{order:-1;width:234px;padding:20px}.invite-copy{width:100%}.code-display{text-align:center;margin-block:20px;font-size:clamp(26px,7.8vw,36px)}.invite-actions{grid-template-columns:1fr;gap:7px;display:grid}.expiry-line{justify-content:center;margin-top:18px}.nearby-strip{flex-direction:column;align-items:flex-start;gap:18px;padding-block:22px}.nearby-strip>.button{width:100%}.cancel-invite-button{border-color:var(--border);width:100%;margin-top:22px;padding-inline:15px}.peer-bar{flex-wrap:wrap;gap:10px}.peer-info{flex:1}.peer-bar .icon-button{order:3}.session-limit{flex-basis:100%;order:4;margin:0 0 0 54px;font-size:12px}.send-heading{flex-direction:column;gap:12px}.drop-zone{padding:26px 16px}.file-actions{flex-direction:column;width:100%}.file-actions .button{width:100%}.received-file{flex-wrap:wrap}.download-file-button{width:100%;margin-top:8px}.file-name{font-size:14px}.file-size{font-size:12px}.action-modal{padding:22px}.page-footer{flex-direction:column;gap:10px;margin-top:32px;padding-block:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}