@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#f6f7fb;--ink:#222b48;--muted:#8490a6;--line:#e7eaf2;--purple:#6964de;--nav:#151b32}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:13px 'DM Sans',sans-serif;color:var(--ink)}button,input,select,textarea{font:inherit}button,a,input,select{outline-offset:4px}:focus-visible{outline:2px solid #8b85ec}button{cursor:pointer;border:0}a{color:inherit}button:disabled{cursor:wait;opacity:.55}p{line-height:1.8}.sidebar{width:225px;position:fixed;inset:0 auto 0 0;background:var(--nav);padding:34px 23px;display:flex;flex-direction:column;color:#a3abc6}.logo{display:flex;align-items:center;font:750 29px Manrope;letter-spacing:-1.5px;color:#fff;text-decoration:none;gap:9px}.logo-symbol{display:grid;place-items:center;width:32px;height:36px;background:#8b86f1;color:#fff;font-size:29px;letter-spacing:0;border-radius:10px}.logo-dot{color:#9c95f0;margin-left:-9px}.workspace-tag{font-size:10px;display:flex;gap:8px;margin:31px 7px 0;color:#a1abc5}.workspace-tag span{color:#9991e9;font-size:14px}.nav-caption{font-size:8px;font-weight:600;letter-spacing:1.8px;color:#5e6b8e;margin:39px 12px 15px}.nav{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 14px;margin:5px 0;background:none;border-radius:8px;color:#9da8c4;font-size:12px;transition:.2s}.nav>span{font-size:19px;width:20px;text-align:center;color:#8390af}.nav.active{background:#2c3053;color:#e6e6ff}.nav.active>span{color:#a49df6}.nav:hover{background:#252b46;color:#fff}.nav b{margin-left:auto;font-size:10px;background:#494570;color:#d6d1ff;padding:3px 6px;border-radius:5px}.sidebar-bottom{margin-top:auto;padding:25px 10px 0}.secure-mark{font-size:30px;color:#8582ba}.sidebar-bottom h3{font-size:12px;color:#ced2e4;font-weight:500;margin:10px 0}.sidebar-bottom p{font-size:10px;color:#7382a4;line-height:1.9}.cloud-state{display:flex;gap:7px;align-items:center;border-top:1px solid #2a314c;margin-top:25px;padding-top:18px;font-size:9px;color:#8d9aba}.status-dot{height:5px;width:5px;background:#8cc9b3;border-radius:50%;flex-shrink:0}main{margin-left:225px}header{height:77px;padding:0 42px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);background:#f9fafe}.breadcrumb{font-size:11px;color:#8c96ad}.breadcrumb>span{margin:0 13px;color:#b4bdce}.breadcrumb strong{font-weight:500;color:#5d6985}.header-controls{display:flex;gap:20px;align-items:center}.connection{display:flex;gap:7px;align-items:center;font-size:10px;color:#9aa3b8}.connection i{width:5px;height:5px;background:#8dc1ad;border-radius:50%}.icon-button{background:none;color:#8995b0;font-size:22px}.avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#e9e8fa;border:2px solid #fff;font-size:9px;font-weight:700;color:#8680b6}.page{max-width:1450px;padding:30px 42px 24px;margin:auto}.hero{position:relative;overflow:hidden;background:#eeedfb;border:1px solid #e5e4f5;border-radius:16px;padding:34px 37px;min-height:273px;display:flex;justify-content:space-between;gap:15px;align-items:center}.eyebrow{font-size:8px;letter-spacing:1.7px;color:#9994c6;font-weight:600;display:flex;align-items:center;gap:7px}.eyebrow>span{font-size:15px;color:#b1a7e4}.eyebrow.dark{color:#8f95ac;font-size:8px}h1{font:650 clamp(28px,3.5vw,44px) Manrope;letter-spacing:-1.8px;line-height:1.2;margin:17px 0 12px;color:#343658}h1 em{font-style:normal;color:#8b83d1}.hero p{font-size:12px;line-height:1.9;color:#9293b0;margin:0}.hero-actions{display:flex;align-items:center;gap:15px;margin-top:22px}.primary{display:inline-flex;align-items:center;justify-content:center;background:#6965d6;color:#fff;border-radius:7px;padding:12px 18px;font-size:11px;font-weight:600;box-shadow:0 3px 6px #6866b31a;gap:8px}.primary:hover{background:#5b56c4}.hero-secondary{background:none;color:#9290b4;font-size:10px}.hero-caption{display:flex;gap:18px;font-size:8px;color:#aaa5ca;margin-top:18px}.hero-art{width:265px;height:195px;position:relative;display:grid;place-items:center;flex-shrink:0;margin-right:12px}.orbital{position:absolute;border:1px solid #dad7f1;border-radius:50%;width:240px;height:170px;transform:rotate(-25deg)}.orbital.two{width:185px;height:185px;transform:rotate(30deg) scaleX(.8);border-style:dashed;border-color:#d5d0ed}.art-center{position:relative;display:grid;place-items:center;background:#c1b9f2;border:6px solid #e2ddf9;color:#fff;box-shadow:0 8px 30px #aba2d72a;width:62px;height:62px;border-radius:20px;font-size:40px;transform:rotate(-6deg)}.art-device{position:absolute;display:grid;place-items:center;border-radius:14px;background:#fbfaff;border:1px solid #e5e0f7;box-shadow:0 5px 20px #a8a0c817;color:#aaa3cf}.laptop{width:69px;height:62px;top:15px;right:14px;transform:rotate(10deg);font-size:44px}.phone{width:49px;height:64px;bottom:13px;left:23px;transform:rotate(-12deg);font-size:43px}.art-dot{position:absolute;width:7px;height:7px;background:#bdb3eb;border-radius:50%}.d1{top:20px;left:60px}.d2{right:45px;bottom:10px;width:5px;height:5px;background:#b3cfca}.art-chip{position:absolute;bottom:-12px;right:18px;background:#f8f6ff;border:1px solid #e4e0f3;color:#aaa3c5;font-size:8px;padding:7px 10px;border-radius:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:23px}.stats>div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 23px;box-shadow:0 2px 5px #2c365307}.stats span{display:flex;align-items:center;gap:8px;font-size:10px;color:#8a95ae}.stat-icon{display:grid;place-items:center;width:23px;height:23px;border-radius:6px;font-style:normal;font-size:13px}.stat-icon.mint{background:#e7f3ee;color:#97bfb0}.stat-icon.lilac{background:#eeebfa;color:#ac9bd8}.stat-icon.peach{background:#faf0e6;color:#d8b491}.stats strong{display:block;font:600 30px Manrope;color:#4b5470;margin:12px 0 7px;letter-spacing:-1px}.stats small{font-size:9px;color:#a6aec1}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:31px 0 18px}h2{font:650 20px Manrope;letter-spacing:-.7px;color:#4d5673;margin:7px 0 0}.text-button{color:#8d95b1;font-size:10px;background:none;white-space:nowrap}.text-button:hover{color:#6a65d5}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.device-card{border:1px solid #e5e9f1;border-radius:10px;padding:20px;background:#fff;text-align:left;position:relative;color:#54617d}.device-top{display:flex;align-items:center;justify-content:space-between}.device-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#f0eefb;color:#a397d2;font-size:24px}.device-card:nth-child(2n) .device-icon{background:#eaf3f0;color:#94b9ac}.device-status{display:flex;gap:5px;align-items:center;color:#a4aeC1;font-size:8px}.device-status i{width:4px;height:4px;background:#c6cbd6;border-radius:50%}.device-status.online i{background:#92bdad}.device-status.online{color:#95ad9f}.device-card h3{font-size:12px;font-weight:600;margin:15px 0 5px;color:#65708c}.device-card p{font-size:9px;color:#a5aec1;margin:0}.device-card .this-device{font-size:7px;color:#b0a6ce;background:#f5f2fc;padding:3px 5px;border-radius:3px;position:absolute;right:17px;bottom:18px}.device-card .device-send{background:none;position:absolute;right:14px;bottom:16px;color:#b0b8c9;font-size:19px}.device-card:hover{border-color:#c5bfea}.add-device-card{border:1px dashed #d5d9e6;background:transparent;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#a6afc3;padding:25px;min-height:150px;font-size:10px}.add-device-card>span{font-size:25px;color:#bbb7d4}.send-zone{display:flex;align-items:center;gap:18px;background:#f0f1f8;border:1px dashed #d5d8e9;border-radius:10px;padding:24px;margin-top:22px;cursor:pointer;transition:.2s}.send-zone:hover,.send-zone.dragover{background:#eae8fa;border-color:#a69be2}.upload-symbol{display:grid;place-items:center;border:1px solid #dddced;background:#fbfaff;color:#aea4cf;width:43px;height:46px;border-radius:10px;font-size:27px;flex-shrink:0}.send-zone h3{font:600 14px Manrope;letter-spacing:-.3px;color:#7d85a1;margin:0 0 7px}.send-zone p{font-size:10px;color:#a1a8bd;margin:0}.send-zone p>span{color:#9990c8;text-decoration:underline;text-underline-offset:3px}.send-zone small{font-size:8px;color:#b1b7ca;display:block;margin-top:7px}.drop-arrow{margin-left:auto;color:#b0b5cb;font-size:22px}.recent-heading h2{font-size:16px}.recent-heading h2>span{font-size:9px;padding:3px 6px;border-radius:5px;background:#eceef6;color:#a2a9c0;margin-left:7px}.transfer-list{display:flex;flex-direction:column;gap:8px}.transfer-row{display:grid;grid-template-columns:1.8fr 1fr 1fr .6fr;gap:16px;align-items:center;padding:18px;background:#fff;border:1px solid #e6eaf2;border-radius:8px;text-align:left;width:100%;color:#79849f}.transfer-row:hover{border-color:#c3bcea;box-shadow:0 3px 12px #6357a40b}.file-title{display:flex;align-items:center;gap:12px;min-width:0}.file-badge{width:33px;height:37px;background:#eef0fa;color:#a2a5cf;display:grid;place-items:center;font-size:15px;border-radius:6px;flex-shrink:0}.file-badge.Photos{background:#ebf4ef;color:#a0c1af}.file-badge.Documents{background:#f8ece6;color:#d3b1a1}.file-title h3{font-size:11px;font-weight:500;color:#75809c;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.file-title p{font-size:8px;color:#b0b7ca;margin:0}.transfer-peer{font-size:10px;color:#9ba5bb;line-height:1.7}.transfer-peer small{display:block;font-size:8px;color:#bbc1cf}.transfer-status{font-size:9px;color:#b3a5cc;background:#f3eff9;padding:5px 8px;border-radius:5px;display:inline-block;justify-self:start}.transfer-status.received{color:#8eb39e;background:#ecf5ee}.transfer-status.uploading{color:#b9aa8c;background:#faf5e9}.transfer-date{font-size:9px;color:#adb5c9;text-align:right}.empty-state{border:1px dashed #dce1eb;background:#fafbfe;padding:31px 20px;text-align:center;border-radius:10px;color:#a3aec3}.empty-state>span{font-size:25px;color:#c1bed9}.empty-state h3{font:500 15px Manrope;color:#8d97b0;margin:12px 0 6px}.empty-state p{font-size:10px;margin:0 auto;max-width:390px;color:#a9b1c5}.bottom-cards{display:grid;grid-template-columns:1.4fr 1fr;gap:21px;margin-top:27px}.principle{border:1px solid #e2e7f0;border-radius:10px;padding:25px 23px;display:flex;gap:15px;align-items:flex-start}.principle>span{font-size:26px;color:#a6b5c5}.principle h3{font-size:11px;color:#8d9ab0;font-weight:500;margin:6px 0 8px}.principle p{font-size:10px;line-height:1.9;color:#a5b0c1;margin:0;max-width:380px}.native-note{background:#eeedf8;border-radius:10px;padding:23px}.native-note h3{font:500 15px Manrope;color:#9491b1;margin:11px 0 6px}.native-note p{font-size:9px;color:#aaa6c3;line-height:1.9;margin:0 0 13px}.native-note .text-button{color:#a49cc4;font-size:9px}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:30px;padding-top:20px;font-size:9px;color:#a5aec2}footer strong{color:#9c9ab7;margin-right:10px}footer button{font-size:9px;color:#a2a8c0;background:none}.filter-bar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.filter-bar button{background:#eceef5;color:#9aa4bb;border-radius:5px;font-size:10px;padding:8px 13px}.filter-bar .selected{background:#e5e1f7;color:#9586c7}.context-note{font-size:11px;line-height:1.8;color:#93a0b5}.settings-card{background:#fff;border:1px solid var(--line);padding:25px;border-radius:11px;margin:17px 0}.settings-card h3{font:600 15px Manrope;color:#67748c;margin:0 0 17px}.settings-card p{font-size:11px;color:#93a0b3;max-width:720px}.settings-card form{display:flex;align-items:flex-end;gap:12px;max-width:480px}.settings-card form label{flex:1;margin:0}.settings-card form button{margin-bottom:1px}.subtle{font-size:10px;color:#a8b1c3;margin-left:12px}.toggle-row{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:20px;border-top:1px solid var(--line);gap:20px}.toggle-row strong{font-size:11px;font-weight:500;color:#8c99af}.toggle-row small{display:block;font-size:10px;color:#b0b9c9;margin-top:5px}.toggle-row input{accent-color:#8c80cc;width:18px;height:18px}.secondary{background:#efedf8;color:#9a8fc0;padding:11px 15px;font-size:11px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.secondary:hover{background:#e5e0f4}dialog{border:1px solid #e3e5ef;border-radius:15px;background:#fff;width:min(540px,calc(100% - 28px));padding:29px;max-height:90dvh;color:var(--ink);box-shadow:0 30px 100px #0c123340}dialog::backdrop{background:#17213a65;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:19px}.dialog-top h2{font-size:23px;line-height:1.3;color:#6b6e94}.dialog-top .eyebrow{font-size:8px}.close{background:#f0eff8;color:#aaa3c3;width:29px;height:29px;border-radius:50%;font-size:22px;flex-shrink:0}dialog p{font-size:11px;color:#9da5b8}label{display:block;font-size:11px;color:#939ab0;margin:16px 0;font-weight:500}input,select{display:block;width:100%;border:1px solid #e2e5ef;border-radius:6px;background:#fafbfe;padding:11px;color:#7e8aa2;font-size:12px;margin-top:7px}input::placeholder{color:#bdc3d2}.dialog-actions{display:flex;justify-content:space-between;gap:10px;margin-top:22px;border-top:1px solid var(--line);padding-top:19px}.selected-files{max-height:160px;overflow:auto}.selected-file{display:flex;justify-content:space-between;gap:15px;background:#f7f8fc;padding:10px 12px;margin:5px 0;border-radius:5px;font-size:11px;color:#969fb4;overflow-wrap:anywhere}.selected-file small{font-size:9px;color:#b7bed0;white-space:nowrap}.delivery-route{background:#f1f5f4;display:flex;gap:12px;padding:15px;border-radius:8px;align-items:center}.delivery-route>span{color:#a4bfb2;font-size:22px}.delivery-route strong{font-size:10px;color:#97ac9f;font-weight:500}.delivery-route small{font-size:9px;display:block;color:#acbcb4;line-height:1.7;margin-top:4px}progress{width:100%;height:5px;accent-color:#9c8fd2;margin-top:20px}.steps{list-style:none;padding:0;margin:24px 0}.steps li{display:flex;gap:15px;align-items:flex-start;margin:24px 0;font-size:12px;color:#929eb3}.steps b{width:26px;height:26px;background:#edeaf9;border-radius:50%;display:grid;place-items:center;color:#aa9bca;font-size:10px;flex-shrink:0}.steps small{display:block;font-size:10px;color:#b0b8ca;margin-top:5px}.copy-link{display:flex;gap:8px}.copy-link input{margin:0;font-size:10px}.copy-link button{white-space:nowrap}.mode{border:1px solid var(--line);border-radius:8px;padding:17px;margin:15px 0}.mode h3{font-size:13px;color:#959cb4;font-weight:500}.mode p{font-size:11px}.mode-live,.mode-next{font-size:8px;display:inline-block;padding:4px 6px;border-radius:4px;background:#ebf3ee;color:#9ab8a6}.mode-next{background:#f5f0fa;color:#b6a6cb}.file-preview{background:#f5f6fa;border-radius:8px;max-height:220px;text-align:center;padding:15px}.file-preview img{max-height:190px;max-width:100%;border-radius:5px}.file-preview>span{font-size:65px;color:#c2bfd5}.file-facts{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.file-facts small{display:block;font-size:9px;color:#adb6c8}.file-facts span{font-size:11px;color:#909db4;display:block;margin-top:5px;overflow-wrap:anywhere}.file-actions{display:flex;gap:8px;flex-wrap:wrap}.danger{background:none;font-size:10px;color:#c5a0a5}.fingerprint{font-family:monospace;font-size:10px;overflow-wrap:anywhere}.inline-error{color:#b97e82;background:#f9eef0;padding:12px;border-radius:7px;font-size:11px;line-height:1.8}#toast{position:fixed;bottom:25px;left:50%;max-width:90vw;transform:translate(-50%,20px);opacity:0;transition:.2s;z-index:30;background:#34334e;border:1px solid #595579;color:#eeeaf9;padding:13px 21px;border-radius:8px;font-size:12px;box-shadow:0 5px 15px #15102d20;pointer-events:none}#toast.visible{transform:translate(-50%,0);opacity:1}[hidden]{display:none!important}
/* Keep the calm palette readable. */
.hero p{color:#747692}.hero-caption{font-size:9px;color:#8984ae}.stats span{font-size:11px;color:#76829a}.stats small{font-size:10px;color:#8e9ab0}.device-card h3{color:#626f8a}.device-card p{font-size:10px;color:#8a97ad}.device-status{font-size:9px;color:#8a96aa}.device-status.online{color:#678c7b}.file-title h3{font-size:12px;color:#65718c}.file-title p{font-size:10px;color:#8d99ad}.transfer-peer{font-size:11px;color:#7f8ca3}.transfer-peer small{font-size:9px;color:#9ca7b9}.transfer-date{font-size:10px;color:#8d9bb0}.transfer-status{font-size:10px;color:#9580b2}.transfer-status.received{color:#678e77}.send-zone h3{color:#65708d}.send-zone p{font-size:11px;color:#8792a9}.send-zone small{font-size:10px;color:#9aa5ba}.principle h3{font-size:12px;color:#7b8da4}.principle p{font-size:11px;color:#8b9bb0}.native-note p{font-size:10px;color:#9086ad}.native-note h3{color:#82779f}dialog p{font-size:12px;color:#8490a6}label{color:#7c89a1}.secondary{color:#8a7aae}.context-note{color:#8291a7}.settings-card p{color:#8392a8}.toggle-row strong{color:#71849b}.toggle-row small{color:#92a1b5}.delivery-route strong{color:#6f927f}.delivery-route small{color:#879f92}.selected-file{color:#7c8aa2}.steps li{color:#7e8fa6}.steps small{color:#96a4b7}.mode h3{color:#7a88a1}
@media(min-width:1500px){.page{padding-top:40px}.hero{min-height:300px}.hero-art{margin-right:35px}}@media(max-width:1100px){.sidebar{width:200px;padding:30px 17px}main{margin-left:200px}.page{padding:26px}.hero{padding:28px}.hero-art{width:205px;transform:scale(.9);margin-right:0}.hero h1{font-size:36px}.hero p{font-size:11px}.device-grid{grid-template-columns:repeat(2,1fr)}.transfer-row{grid-template-columns:1.8fr 1fr .9fr;gap:10px}.transfer-date{display:none}.bottom-cards{grid-template-columns:1.2fr 1fr}}@media(max-width:800px){.sidebar{position:relative;inset:auto;width:100%;padding:16px 20px;flex-direction:row;align-items:center;justify-content:space-between;gap:15px}.logo{font-size:26px}.logo-symbol{width:28px;height:30px;font-size:25px}.logo-dot{margin-left:-8px}.sidebar nav{display:flex;gap:2px}.nav{font-size:0;padding:7px;width:auto;min-width:31px}.nav b{display:none}.nav>span{font-size:18px;width:18px}.workspace-tag,.nav-caption,.sidebar-bottom{display:none}main{margin-left:0}header{height:58px;padding:0 20px}.page{padding:20px}.hero{min-height:260px;padding:26px}.hero h1{font-size:35px}.hero p{font-size:11px}.hero-art{width:165px;transform:scale(.78);margin-left:-20px}.hero-caption{gap:13px;font-size:8px}.stats{gap:9px;margin-top:18px}.stats>div{padding:16px}.stats span{font-size:10px;gap:6px}.stats small{font-size:9px}.device-grid{grid-template-columns:repeat(2,1fr)}.section-heading{margin-top:27px}.bottom-cards{grid-template-columns:1fr}.native-note{display:none}.transfer-row{grid-template-columns:1.6fr 1fr .9fr}.file-title h3{font-size:11px;max-width:180px}.transfer-peer{font-size:10px}.stats strong{font-size:29px}.context-note{font-size:11px}}@media(max-width:520px){.page{padding:16px}.hero{padding:26px 22px;min-height:283px;align-items:flex-start}.hero h1{font-size:34px;max-width:230px}.hero p{font-size:11px;max-width:260px}.hero p br{display:none}.hero-art{position:absolute;right:-32px;bottom:-30px;transform:scale(.5);width:190px;opacity:.7;pointer-events:none}.hero-actions{gap:9px;position:relative;z-index:1}.hero-actions .primary{font-size:10px;padding:11px 14px}.hero-secondary{font-size:9px}.hero-caption{flex-direction:column;gap:5px;max-width:200px}.stats>div{padding:14px 11px}.stats span{font-size:8px;gap:4px;line-height:1.6}.stat-icon{width:18px;height:19px;font-size:11px;flex-shrink:0}.stats small{font-size:8px;line-height:1.7}.stats strong{font-size:27px}.device-grid{gap:10px}.device-card{padding:17px}.device-card h3{font-size:11px}.device-card .this-device{position:static;display:inline-block;margin-top:10px;font-size:7px}.device-card p{font-size:9px}.device-status{font-size:8px}.device-icon{width:34px;height:35px;font-size:21px}.add-device-card{min-height:151px;font-size:9px}.section-heading h2{font-size:18px}.section-heading .text-button{font-size:9px}.send-zone{padding:20px 16px;gap:12px}.send-zone h3{font-size:13px}.send-zone p{font-size:9px}.send-zone small{font-size:8px}.upload-symbol{width:35px;height:39px;font-size:24px}.drop-arrow{font-size:18px}.transfer-row{grid-template-columns:1.7fr 1fr;padding:16px;gap:12px}.transfer-peer{display:none}.file-title h3{font-size:11px;max-width:160px}.transfer-status{font-size:8px;justify-self:end}.file-title p{font-size:9px}.hero .eyebrow{font-size:7px}.header-controls{gap:12px}.connection{font-size:9px}.breadcrumb{font-size:10px}.filter-bar{gap:5px}.filter-bar button{font-size:9px;padding:7px 10px}.file-facts{gap:12px}dialog{padding:24px}.dialog-top h2{font-size:22px}.settings-card{padding:21px}.settings-card form{flex-wrap:wrap}.subtle{display:block;margin:10px 0 0}.copy-link{flex-direction:column}.hero-caption>span{font-size:8px}footer{font-size:8px}.dialog-actions{gap:8px}.dialog-actions .primary,.dialog-actions .secondary{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.vault-folders{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:23px 0}.vault-folder{background:#fff;border:1px solid #e5e9f1;border-radius:10px;padding:21px 15px;text-align:left;color:#8e98b0;transition:.2s}.vault-folder:hover,.vault-folder.selected{border-color:#bcb3e9;background:#f1eefc}.vault-folder>span{display:block;font-size:28px;color:#b6acd8;margin-bottom:16px}.vault-folder:nth-child(2)>span{color:#a3c3b0}.vault-folder:nth-child(3)>span{color:#d7b29d}.vault-folder strong{display:block;font-size:11px;font-weight:500;color:#7f8ba4}.vault-folder small{display:block;font-size:9px;color:#a8b1c4;margin-top:7px}.storage-summary{display:grid;grid-template-columns:1.2fr 1fr;background:#fff;border:1px solid var(--line);border-radius:13px;padding:29px;gap:30px;margin-top:24px}.storage-summary h3{font:500 22px Manrope;color:#7e87a1}.storage-summary h3>span{font-size:13px;color:#a3adc1}.storage-summary p{font-size:11px;color:#9aa7bc;line-height:1.9}.storage-meter{height:7px;border-radius:5px;background:#eeecf9;overflow:hidden}.storage-meter span{display:block;height:100%;background:#b0a4de;min-width:2px}.storage-local{border-left:1px solid var(--line);padding-left:30px}.storage-local>span{font-size:27px;color:#a7b6c7}.storage-local h3{font-size:15px;margin:9px 0}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:24px}.plan-card{border:1px solid #e3e7f1;background:#fff;border-radius:12px;padding:25px}.plan-card.featured{border-color:#c4b9e9;background:#f5f2fd}.plan-card .eyebrow{font-size:7px}.plan-card h3{font:600 19px Manrope;color:#89819f;margin:18px 0}.plan-card>strong{display:block;font:600 25px Manrope;color:#7a759a}.plan-card>strong small{font:400 9px 'DM Sans';color:#aaa3bf}.plan-card p{font-size:11px;color:#a49bb6}.plan-card ul{padding-left:14px;margin:22px 0;font-size:11px;line-height:2.4;color:#a6a2bb}.plan-card button{width:100%}.plan-card .primary{background:#a196cf}.mode-next{color:#937eaf}#view-storage .context-note{max-width:820px}#view-vault .section-heading h2{font-size:22px}@media(max-width:1050px){.vault-folders{grid-template-columns:repeat(3,1fr)}.plan-grid{gap:10px}.plan-card{padding:20px}.plan-card>strong{font-size:22px}.plan-card>strong small{display:block;margin-top:4px}.storage-summary{padding:24px;gap:22px}}@media(max-width:650px){.vault-folders{grid-template-columns:repeat(2,1fr);gap:10px}.vault-folder{padding:18px}.storage-summary{grid-template-columns:1fr;gap:20px}.storage-local{padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}.plan-grid{grid-template-columns:1fr}.plan-card .eyebrow{font-size:8px}.plan-card>strong small{display:inline;margin-left:3px}.plan-card ul{margin:15px 0}.plan-card h3{margin:12px 0}.plan-card>strong{font-size:27px}}@media(max-width:800px){.sidebar nav{max-width:70%;overflow-x:auto}.sidebar{gap:10px}.sidebar .nav{flex-shrink:0}}
.safety-hold{display:flex;gap:12px;align-items:flex-start;background:#f8f1e7;border:1px solid #ede1d0;border-radius:8px;padding:15px;margin:16px 0}.safety-hold>span{font-size:24px;color:#c4aa7f}.safety-hold strong{font-size:11px;font-weight:600;color:#a68b62}.safety-hold p{font-size:11px;color:#b09c7c;margin:5px 0 0;line-height:1.8}

#message-form{display:grid;gap:16px;max-width:720px}textarea{width:100%;box-sizing:border-box;padding:14px;border:1px solid #d7dce3;border-radius:12px;font:inherit;resize:vertical}#message-list .settings-card p{white-space:pre-wrap;overflow-wrap:anywhere}#syncfi-id{font-size:22px;font-weight:700}#cancel-upload{border-color:#9c4141;color:#9c4141}

.swipe-send{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;padding:18px;margin:18px 0;background:#edf3ee;border:1px solid #c5d6c9;border-radius:16px;color:#243d35;touch-action:none;cursor:pointer}.swipe-send strong{font-size:32px}.swipe-send:disabled{opacity:.5;cursor:wait}.swipe-send:focus-visible{outline:3px solid #858aca;outline-offset:3px}

.plan-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
/* Space gray foundation with light-red data and action glow. */
:root{--bg:#e9ebee;--ink:#303137;--muted:#64656e;--line:#d6d8de;--purple:#d93f60;--nav:#282a30;--red:#d93f60;--rose:#ff8fa4;--surface:#f8f8fa}
body{background:radial-gradient(ellipse at 90% 8%,#ffdce22b,transparent 43%),linear-gradient(145deg,#eef0f2,#e2e4e8);color:var(--ink)}
.sidebar{background:linear-gradient(175deg,#34363d,#24262c);color:#c9cbd1;border-right:1px solid #4b4d55;box-shadow:5px 0 28px #20212812}.logo-symbol{background:linear-gradient(145deg,#ffacb9,#ed5b79);box-shadow:0 0 22px #ff6d8e38}.logo-dot{color:#ff9aaf}.workspace-tag,.sidebar-bottom p,.cloud-state{color:#babcc5}.workspace-tag span,.secure-mark{color:#ff9aad}.nav-caption{color:#a5a8b3}.nav,.nav>span{color:#c3c5ce}.nav.active{background:linear-gradient(110deg,#d5577045,#b2455b22);color:#ffe8ed;border:1px solid #fb81973b;box-shadow:inset 0 0 20px #ff718212}.nav.active>span{color:#ff9eb1}.nav:hover{background:#484249;color:#fff}.nav b{background:#753d4d;color:#ffe2e9}.sidebar-bottom h3{color:#e3e3e8}.cloud-state{border-color:#4b4d56}
header{background:#f0f1f4d9;border-color:#d6d8de;backdrop-filter:blur(16px)}.breadcrumb,.breadcrumb strong,.connection,.icon-button{color:#62636d}.breadcrumb>span{color:#a3a4ac}.avatar{background:#ffe0e7;color:#8b2d45;border-color:#fff6f7}
.hero{background:radial-gradient(ellipse at 77% 54%,#ffafc35c,transparent 48%),linear-gradient(125deg,#f5f5f7,#e9e9ee);border-color:#d5d6dd;box-shadow:0 12px 40px #30323c0b,inset 0 0 42px #fff7f780}.hero h1{color:#35343d}.hero h1 em{color:#cc3b5c;text-shadow:0 0 28px #ff789640}.hero p{color:#62616d}.eyebrow,.eyebrow.dark{color:#7a5360}.eyebrow>span{color:#e16b87}.hero-caption,.hero-secondary{color:#795562}.primary,.plan-card .primary{background:linear-gradient(135deg,#c64763,#c93455);color:#fff;box-shadow:0 4px 15px #da486b25;border:1px solid #d54465}.primary:hover,.plan-card .primary:hover{background:linear-gradient(135deg,#bb5269,#bd284b);box-shadow:0 5px 23px #e8557940}.secondary{background:#f6e5e9;color:#8a3048;border:1px solid #e9c5cf}.secondary:hover{background:#ffdae4}
.orbital{border-color:#e79aaf70}.orbital.two{border-color:#ce7c9563}.art-center{background:linear-gradient(145deg,#ffb0bf,#ee718e);border-color:#ffebf0;color:#fff;box-shadow:0 0 40px #f36b8d50,0 12px 26px #b8446520}.art-device{background:#f9f8fa;border-color:#e7b9c6;color:#b04a66;box-shadow:0 6px 24px #9e5a7017}.art-dot,.d2{background:#f38ca5;box-shadow:0 0 13px #f686a278}.art-chip{background:#fff0f3;border-color:#e9bfcc;color:#875061}
.stats>div,.device-card,.settings-card,.transfer-row,.vault-folder,.storage-summary,.plan-card{background:linear-gradient(135deg,#fafafc,#f1f2f5);border-color:#d5d7df;box-shadow:0 4px 18px #25263406}.stats strong{color:#b83354;text-shadow:0 0 23px #f56d8a26}.stats span,.stats small,.device-card p,.device-status,.file-title p,.transfer-peer,.transfer-peer small,.transfer-date,.settings-card p,.context-note,.subtle{color:#686773}.stat-icon.mint,.stat-icon.lilac,.stat-icon.peach,.device-icon,.device-card:nth-child(2n) .device-icon{background:#ffe0e8;color:#c24a69;box-shadow:0 0 16px #f07c9914}.device-card h3,.settings-card h3,h2,.file-title h3{color:#41404a}.device-status.online{color:#77515c}.device-status.online i,.status-dot,.connection i{background:#e87d98!important;box-shadow:0 0 9px #ed819842}.device-card .this-device{background:#f9dce5;color:#8e3952}.device-card .device-send,.text-button,.native-note .text-button{color:#a6415c}.device-card:hover,.transfer-row:hover{border-color:#e0a0b3;box-shadow:0 4px 22px #d3668412}.add-device-card{border-color:#c2bbc3;color:#75616d;background:#f2edf052}.add-device-card>span{color:#bd6a83}
.send-zone{background:linear-gradient(120deg,#e5e6eb,#f3e9ed);border-color:#c7aab6;box-shadow:inset 0 0 24px #fff9fb52}.send-zone:hover,.send-zone.dragover{background:#f7dfe7;border-color:#e38ba3;box-shadow:0 0 28px #f788a125}.upload-symbol{background:#fff3f6;border-color:#e8c3cf;color:#cc5c7c}.send-zone h3{color:#5b3f4c}.send-zone p,.send-zone small{color:#75616c}.send-zone p>span,.drop-arrow{color:#ad4562}.recent-heading h2>span{background:#f4dbe4;color:#9a405c}.file-badge,.file-badge.Photos,.file-badge.Documents{background:#f8dee7;color:#b84a6b}.transfer-status{background:#f4dce5;color:#91354f}.transfer-status.received{background:#e5eee9;color:#3f6b54}.transfer-status.uploading{background:#f3e4d8;color:#80532e}.empty-state{background:#eff0f4;border-color:#ccd0d8;color:#77717e}.empty-state>span{color:#ce869e}.empty-state h3,.empty-state p{color:#726671}
.principle{background:#eceef2;border-color:#d3d5df}.principle>span,.principle h3{color:#6d5a68}.principle p{color:#72717d}.native-note{background:#e4e4ea}.native-note h3,.native-note p{color:#746171}footer,footer strong,footer button{color:#766571}.filter-bar button{background:#e1e2e8;color:#68616c}.filter-bar .selected{background:#f3cddc;color:#8a2e4b}.settings-card .toggle-row strong{color:#5f505d}.toggle-row small{color:#7d707c}.toggle-row input{accent-color:#d65073}label{color:#6a5260}input,select,textarea{background:#fbfafc;border-color:#d9c8d2;color:#50434f}input::placeholder,textarea::placeholder{color:#9a8592}
dialog{background:#f7f7fa;border-color:#d8cbd4;box-shadow:0 24px 100px #28242e45,0 0 45px #f5719220}dialog::backdrop{background:#282b3b6b;backdrop-filter:blur(8px)}.dialog-top h2{color:#50404f}.close{background:#eadde5;color:#87576d}dialog p,.steps li,.steps small,.mode h3{color:#74606f}.selected-file{background:#eee9ef;color:#66505f}.selected-file small{color:#8b7181}.delivery-route{background:#f2dfe7}.delivery-route strong,.delivery-route small,.delivery-route>span{color:#946076}progress{accent-color:#e46484}.steps b{background:#f5d7e3;color:#a64263}.mode-live,.mode-next{background:#f4dce6;color:#98516a}.file-preview{background:#e9e6ed}.file-preview>span{color:#c688a1}.file-facts small,.file-facts span{color:#766471}.inline-error{color:#8f2c47;background:#ffe3eb}#toast{background:#3b303b;color:#fff0f5;border-color:#9f657f;box-shadow:0 8px 28px #e86f9321}.danger{color:#ab3153}
.vault-folder:hover,.vault-folder.selected{background:#f6dfe8;border-color:#df9db5}.vault-folder>span,.vault-folder:nth-child(2)>span,.vault-folder:nth-child(3)>span{color:#c46688}.vault-folder strong,.vault-folder small,.storage-summary h3,.storage-summary h3>span,.storage-summary p,.storage-local>span{color:#755e70}.storage-meter{background:#e5d7e0}.storage-meter span{background:linear-gradient(90deg,#f49ab4,#d9587f);box-shadow:0 0 16px #e9739950}.plan-card.featured{background:linear-gradient(140deg,#fff1f6,#f0e1ea);border-color:#e3a1ba}.plan-card h3,.plan-card>strong{color:#973853}.plan-card>strong small,.plan-card p,.plan-card ul{color:#795d70}.safety-hold{background:#f6e9e0;border-color:#e5cdbb}.safety-hold>span,.safety-hold strong,.safety-hold p{color:#866143}#syncfi-id{color:#b73e60;text-shadow:0 0 20px #e984a129}
.swipe-send{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#ffb6c650,transparent 68%),linear-gradient(120deg,#e9e8ee,#f6e4ec);border-color:#dda0b6;color:#a3385a;box-shadow:inset 0 0 25px #fff7fa90,0 0 22px #e384a318;min-height:85px}.swipe-send strong{color:#db5d7e;text-shadow:0 0 18px #f47899b3;transition:transform .18s ease;transform:translateY(calc(var(--throw-distance,0px) * -.35))}.swipe-send:hover strong{filter:drop-shadow(0 0 8px #ec7996)}.swipe-send:focus-visible{outline-color:#cf5077}.send-flight{pointer-events:none;position:absolute;inset:0;border-radius:inherit;opacity:0;background:linear-gradient(0deg,transparent,#ff9eb63d,transparent)}.swipe-send.is-throwing .send-flight{animation:flight-streak .46s ease-out}.swipe-send.is-throwing strong{animation:throw-arrow .46s cubic-bezier(.2,.7,.25,1) both}.throwing-files .selected-file{animation:throw-file .42s cubic-bezier(.2,.65,.25,1) both;animation-delay:calc(var(--file-order,0) * 15ms)}.transfer-row.just-arrived{animation:arrive-file .45s ease-out both}
@keyframes throw-arrow{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-12px) scale(1.2);text-shadow:0 0 30px #ff97b2}100%{transform:translateY(-80px) scale(.55);opacity:0}}
@keyframes throw-file{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-65px) scale(.93);opacity:0}}
@keyframes flight-streak{0%{transform:translateY(85%);opacity:0}25%{opacity:1}100%{transform:translateY(-100%);opacity:0}}
@keyframes arrive-file{from{transform:translateY(12px);opacity:0;box-shadow:0 0 30px #f188a24d}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.swipe-send strong,.swipe-send.is-throwing strong,.swipe-send.is-throwing .send-flight,.throwing-files .selected-file,.transfer-row.just-arrived{animation:none!important;transform:none!important;opacity:1!important}}

.bundle-option{display:flex;align-items:flex-start;gap:12px;border:1px solid #dfc5d3;background:#f3e9f0;border-radius:10px;padding:14px}.bundle-option input{width:18px;height:18px;margin:2px 0 0;accent-color:#d75077;flex:none}.bundle-option strong{font-size:12px;color:#7c3d58}.bundle-option small{display:block;font-size:10px;line-height:1.7;color:#7c6575;margin-top:4px}
/* Transfer scenes: movement is tied to actual preparing/sending/receiving states. */
.motion-stack{position:fixed;right:22px;bottom:22px;z-index:20;display:grid;gap:10px;width:300px;pointer-events:none}.transfer-motion{position:relative;overflow:hidden;padding:15px 17px;background:linear-gradient(140deg,#f6f4f8ed,#e9e5eeed);border:1px solid #dfbfce;border-radius:16px;box-shadow:0 12px 38px #31233219,0 0 30px #f28ba421;color:#664557;margin:15px 0}.motion-stack .transfer-motion{margin:0;backdrop-filter:blur(16px)}.motion-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px}.motion-heading strong{font-weight:600}.motion-percent{color:#bc496e;font-weight:700}.motion-scene{position:relative;height:92px;margin:10px 0 4px;isolation:isolate}.motion-source,.motion-target{position:absolute;left:8px;bottom:10px;width:46px;height:46px;background:#fdf8fc;border:1px solid #d9bdcc;border-radius:12px;display:grid;place-items:center;font-size:31px;color:#c77895;box-shadow:0 3px 12px #8f536c16}.motion-target{left:auto;right:9px;color:#9e647d}.motion-papers{position:absolute;inset:0;z-index:3}.motion-papers i{position:absolute;left:23px;bottom:38px;width:22px;height:29px;display:grid;place-items:center;background:linear-gradient(145deg,#fff7fb,#f1b8cf);border:1px solid #d982a7;border-radius:4px;color:#b14d76;font-style:normal;font-size:17px;box-shadow:0 0 13px #ee86ac30;animation:paper-throw 1.9s cubic-bezier(.35,.1,.55,.95) infinite both}.motion-papers i:nth-child(2){animation-delay:.47s}.motion-papers i:nth-child(3){animation-delay:.94s}.motion-papers i:nth-child(4){animation-delay:1.41s}.motion-caption{font-size:10px!important;line-height:1.6!important;color:#79556c!important;margin:4px 0!important}.motion-filename{font-size:9px;color:#957487;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.syncfi-cuttie,.motion-basket{display:none}.motion-beam{display:none;position:absolute;left:52px;right:52px;top:40px;height:3px;border-radius:50%;background:linear-gradient(90deg,transparent,#ff9bbd,#d95585,transparent);box-shadow:0 0 20px #e96f9a88;transform-origin:left center;animation:light-stream 1.4s ease-in-out infinite}
.transfer-motion[data-direction="receive"] .motion-source,.transfer-motion[data-direction="receive"] .motion-target{display:none}.transfer-motion[data-direction="receive"] .syncfi-cuttie{display:block;position:absolute;width:54px;height:58px;left:calc(50% - 47px);bottom:8px;z-index:2}.cuttie-face{position:absolute;inset:8px 4px 4px;border-radius:46% 46% 42% 42%;background:radial-gradient(circle at 35% 25%,#ffe1e9,#eea3bf);border:1px solid #d38fae;box-shadow:0 4px 16px #bb648828}.cuttie-face b{position:absolute;left:12px;top:17px;width:4px;height:6px;border-radius:50%;background:#714254}.cuttie-face b:nth-child(2){left:auto;right:12px}.cuttie-face em{position:absolute;left:19px;top:25px;width:9px;height:5px;border-bottom:2px solid #9b526e;border-radius:50%}.cuttie-ear{position:absolute;top:2px;width:16px;height:20px;border-radius:70% 70% 20% 20%;background:#f3b1c7;border:1px solid #d493b0;transform:rotate(-20deg)}.cuttie-ear.left{left:1px}.cuttie-ear.right{right:1px;transform:rotate(20deg)}.cuttie-arm{position:absolute;top:33px;width:23px;height:9px;border-radius:9px;background:#eba2bf;border:1px solid #d790af;z-index:3;animation:gather-arm 1.3s ease-in-out infinite alternate}.cuttie-arm.left{left:-10px;transform-origin:right center}.cuttie-arm.right{right:-10px;transform-origin:left center;animation-delay:.4s}.transfer-motion[data-direction="receive"] .motion-basket{display:block;position:absolute;left:calc(50% + 6px);bottom:4px;width:53px;height:33px;border:2px solid #c58a9f;border-top-width:4px;border-radius:5px 5px 15px 15px;background:repeating-linear-gradient(90deg,transparent 0 7px,#d3a7b76b 7px 9px),repeating-linear-gradient(0deg,#eed4df 0 7px,#d3a7b7 7px 9px);z-index:4}.gathered-papers{position:absolute;bottom:1px;left:5px;right:5px;height:var(--gathered,0%);max-height:100%;border-radius:4px;background:repeating-linear-gradient(0deg,#ffedf5 0 4px,#df9bbb 4px 6px);transition:height .3s ease}.transfer-motion[data-direction="receive"] .motion-papers i{left:calc(50% + 19px);bottom:auto;top:-20px;animation-name:gather-paper}.transfer-motion[data-direction="receive"] .motion-scene{height:105px}
.transfer-motion[data-style="glow"] .motion-papers{display:none}.transfer-motion[data-style="glow"] .motion-beam{display:block}.transfer-motion[data-style="quiet"] .motion-scene{display:none}.transfer-motion:not([data-state="active"]) .motion-papers i,.transfer-motion:not([data-state="active"]) .cuttie-arm,.transfer-motion:not([data-state="active"]) .motion-beam{animation-play-state:paused}.transfer-motion[data-state="preparing"] .motion-papers,.transfer-motion[data-state="complete"] .motion-papers,.transfer-motion[data-state="canceled"] .motion-papers,.transfer-motion[data-state="error"] .motion-papers{opacity:0}.transfer-motion[data-state="complete"] .syncfi-cuttie{animation:cuttie-happy .5s ease-out}.transfer-motion[data-state="complete"] .cuttie-face em{height:8px;border-bottom-width:3px}.transfer-motion[data-state="paused"]{border-color:#c9b8c4}.transfer-motion[data-state="error"]{border-color:#bc6481}
@keyframes paper-throw{0%{transform:translate(0,0) rotate(-7deg);opacity:0}10%{opacity:1}35%{transform:translate(42px,-38px) rotate(8deg)}75%{opacity:1}100%{transform:translate(190px,8px) rotate(-12deg);opacity:0}}
@keyframes gather-paper{0%{transform:translate(-30px,-4px) rotate(-15deg);opacity:0}20%{opacity:1}68%{opacity:1}100%{transform:translate(0,83px) rotate(7deg);opacity:0}}
@keyframes gather-arm{from{rotate:-12deg}to{rotate:17deg}}
@keyframes light-stream{0%,100%{opacity:.25;scale:.6 1}50%{opacity:1;scale:1 1}}
@keyframes cuttie-happy{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:520px){.motion-stack{right:12px;bottom:12px;width:min(280px,calc(100vw - 24px))}.transfer-motion{padding:13px}.motion-scene{height:84px}}
@media(prefers-reduced-motion:reduce){.transfer-motion *{animation:none!important;transition:none!important}.transfer-motion .motion-papers i{opacity:0}.transfer-motion .motion-beam{opacity:.5}}

.file-preview .transfer-motion{text-align:left;margin:0;padding:8px;background:none;border:0;box-shadow:none}.file-preview:has(.transfer-motion:not([hidden]))>span{display:none}.file-preview:has(.transfer-motion:not([hidden])){max-height:none}
/* SynCloud: rose and white, light vector outlines and event-driven motion. */
:root{--bg:#fff8fb;--ink:#513f4a;--line:#f0d5e1;--purple:#ce426e;--rose:#ef94b4;--surface:#fff}
body{background:linear-gradient(140deg,#fffafd,#fff0f6);color:var(--ink)}
.sidebar{background:linear-gradient(170deg,#a8496e,#853554);border-right-color:#c46d91;box-shadow:none}.workspace-tag,.sidebar-bottom p,.cloud-state,.nav,.nav>span{color:#ffe6f0}.nav-caption{color:#f4c4d7}.nav.active{background:#ffffff24;border-color:#ffffff45;color:#fff;box-shadow:none}.nav.active>span,.secure-mark{color:#fff}.nav:hover{background:#ffffff17}.sidebar-bottom h3{color:#fff}.cloud-state{border-color:#ffffff35}.sidebar .logo-symbol{background:#f5a9c5;box-shadow:none}
header{background:#fffbfd;border-color:#f1dae5;backdrop-filter:none}.hero{background:radial-gradient(ellipse at 80% 50%,#ffc1d95c,transparent 52%),linear-gradient(120deg,#fff,#ffe6f0);border-color:#f1cada;box-shadow:none}.hero h1{color:#674254}.hero h1 em{color:#c14c79;text-shadow:none}.stats>div,.device-card,.settings-card,.transfer-row,.storage-summary,.plan-card{background:#fff;border-color:#efd3df;box-shadow:0 3px 14px #984e6d05}.send-zone{background:#ffeaf3;border-color:#e5aac3;box-shadow:none}.empty-state{background:#fff6fa;border-color:#edcfde}.principle{background:#fff6fa;border-color:#efd3df}.native-note{background:#fbe7f0}.file-preview{background:#ffe6f0}.transfer-motion{background:linear-gradient(135deg,#f6aac8,#de779f);color:#672e49;border-color:#f5b6cf;box-shadow:0 8px 28px #b65f8020}.motion-stack .transfer-motion{backdrop-filter:none}.motion-heading,.motion-percent{color:#64243f}.motion-caption{color:#672e49!important}.motion-filename{color:#70354e}
.vault-folders{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.vault-folder{min-height:205px;padding:28px 24px;text-align:center;background:linear-gradient(145deg,#ec98b9,#d66b97);border:1px solid #e5a3be;border-radius:22px;box-shadow:inset 0 1px #ffffff55;transition:transform .16s ease,border-color .16s ease}.vault-folder:hover,.vault-folder.selected{background:linear-gradient(145deg,#e689af,#ca5c8b);border-color:#b9507f;box-shadow:0 5px 20px #b9547d16}.vault-folder:hover{transform:translateY(-2px)}.vault-folder>span,.vault-folder:nth-child(2)>span,.vault-folder:nth-child(3)>span{display:grid;place-items:center;margin:0 auto 21px;color:#fff;width:82px;height:82px}.vault-folder svg{width:82px;height:82px;stroke:#fff;filter:none}.vault-folder strong{font:650 15px Manrope;color:#27101c}.vault-folder small{font-size:11px;color:#25101a;margin-top:8px}.vault-folder.selected strong:after{content:' · selected';font:500 10px 'DM Sans'}.vault-folder:focus-visible{outline:3px solid #8e315b;outline-offset:4px}
.clipboard-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.clipboard-layout .settings-card{margin-top:0}.clipboard-actions{display:flex;gap:10px;margin:18px 0}.clipboard-layout textarea{margin-top:9px;line-height:1.65}.clipboard-layout label{display:block;margin:18px 0}.clipboard-layout .toggle-row{display:flex;margin-top:0}.clipboard-receive{text-align:center}.clipboard-receive label{text-align:left}.clipboard-offer{display:flex;align-items:center;gap:14px;padding:17px 20px;margin-top:22px;background:#fff;border:1px solid #e9b1cb;border-radius:18px;box-shadow:0 6px 24px #d2799d0e}.clipboard-offer div{flex:1;min-width:0}.clipboard-offer strong{display:block;color:#863d5c;line-height:1.5}.clipboard-offer small{display:block;margin-top:4px;color:#846376}.clipboard-offer[hidden]{display:none}
.mini-cloud{display:inline-block;position:relative;flex:none;width:44px;height:31px;margin-top:8px;background:#f5b7cf;border:1px solid #e5a0bc;border-radius:20px;isolation:isolate}.mini-cloud:before,.mini-cloud:after{content:'';position:absolute;border:1px solid #e5a0bc;background:#f5b7cf;border-bottom:0;border-radius:50% 50% 0 0;z-index:-1}.mini-cloud:before{width:22px;height:19px;top:-12px;left:6px}.mini-cloud:after{width:16px;height:13px;top:-7px;right:3px}.mini-cloud i:before,.mini-cloud i:after{content:'';position:absolute;width:3px;height:4px;top:10px;border-radius:50%;background:#783951}.mini-cloud i:before{left:13px}.mini-cloud i:after{right:13px}.mini-cloud b{position:absolute;left:19px;top:16px;width:7px;height:4px;border-bottom:1.5px solid #9d4c70;border-radius:50%}.mini-cloud.large{width:66px;height:46px;margin:24px auto 15px;transform:scale(1.15)}.mini-cloud.large:before{width:30px;height:26px;top:-16px;left:8px}.mini-cloud.large:after{width:23px;height:18px;top:-10px;right:5px}.mini-cloud.large i:before{top:17px;left:21px}.mini-cloud.large i:after{top:17px;right:21px}.mini-cloud.large b{top:25px;left:30px}
/* Tiny, bounded paths. They move only when an operation is actually active. */
.flow-rail{position:fixed;right:7px;top:calc(50% - 145px);width:38px;min-height:274px;z-index:19;display:flex;align-items:center;flex-direction:column;gap:7px;border:1px solid #eeacc7;border-radius:24px;background:#e88cad;pointer-events:none;padding:10px 3px;color:#fff}.flow-rail[hidden]{display:none}.flow-rail svg{height:200px;width:28px;overflow:visible}.flow-rail path{fill:none;stroke:#fff;stroke-width:2.4;opacity:.35}.flow-rail .flow-dots{stroke-width:3;opacity:1;stroke-dasharray:14 16}.flow-rail[data-state="active"] .flow-dots{animation:white-wave 1.2s linear infinite}.flow-rail[data-direction="send"] .flow-dots{animation-direction:reverse}.flow-rail[data-direction="both"] .flow-dots{animation-direction:alternate}.flow-direction{font-size:26px;line-height:1}.flow-rail[data-state="active"] .flow-direction{animation:flow-arrow-down .85s ease-in-out infinite}.flow-rail[data-direction="send"] .flow-direction{animation-name:flow-arrow-up}.flow-rail[data-direction="both"] .flow-direction{animation:none}.flow-rail>span:last-child{font-size:8px;font-weight:600;writing-mode:vertical-rl;letter-spacing:1px}.flow-rail[data-state="complete"]{background:#dc8aaa}.flow-rail[data-quiet="true"] *{animation:none!important}
.white-wave-scene{position:absolute;left:47px;right:47px;top:18px;width:calc(100% - 94px);height:58px;overflow:visible;opacity:.9}.white-wave-scene path{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-dasharray:10 12}.transfer-motion[data-state="active"] .white-wave-scene path{animation:scene-wave 1.3s linear infinite}.transfer-motion[data-direction="receive"] .white-wave-scene path{animation-direction:reverse}.transfer-motion[data-style="quiet"] .white-wave-scene{display:none}.transfer-motion:not([data-state="active"]) .white-wave-scene path{animation:none;opacity:.45}.motion-papers i{background:#fff;border-color:#fff;color:#d76c97;box-shadow:none}.motion-beam{background:#fff;box-shadow:none}.transfer-motion[data-style="glow"] .motion-beam{display:none}.cuttie-arm{animation:none}.transfer-motion[data-direction="receive"] .syncfi-cuttie{transform:scale(.8);transform-origin:bottom center}.transfer-motion[data-state="active"] .cuttie-arm{animation:gather-arm 1.7s ease-in-out infinite alternate}.transfer-motion[data-state="complete"] .syncfi-cuttie{animation:cuttie-happy .5s ease-out 1}.clipboard-offer .mini-cloud{animation:cloud-hello .6s ease-out 1}
@keyframes white-wave{to{stroke-dashoffset:-60}}@keyframes scene-wave{to{stroke-dashoffset:-44}}@keyframes flow-arrow-up{0%,100%{transform:translateY(2px)}50%{transform:translateY(-4px)}}@keyframes flow-arrow-down{0%,100%{transform:translateY(-2px)}50%{transform:translateY(4px)}}@keyframes cloud-hello{0%,100%{transform:translateY(0)}45%{transform:translateY(-5px)}}
.page-hidden *, .page-hidden *:before,.page-hidden *:after{animation-play-state:paused!important}.page-hidden .flow-rail{visibility:hidden}
@media(max-width:1100px){.vault-folder{min-height:185px;padding:24px 18px}.vault-folder>span,.vault-folder svg{width:72px;height:72px}}
@media(max-width:700px){.vault-folders{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vault-folder{min-height:185px;padding:24px 15px}.vault-folder>span,.vault-folder svg{width:76px;height:76px}.clipboard-layout{grid-template-columns:1fr}.clipboard-offer{flex-wrap:wrap;padding:16px}.clipboard-offer .primary{margin-left:58px}.clipboard-offer .icon-button{margin-left:auto}.flow-rail{right:2px;width:27px;min-height:210px;top:calc(50% - 110px);padding:8px 2px;background:#d46e98}.flow-rail svg{height:147px;width:22px}.flow-direction{font-size:23px}.flow-rail>span:last-child{font-size:7px}.motion-stack{right:35px;width:min(280px,calc(100vw - 50px))}}
@media(prefers-reduced-motion:reduce){.flow-rail *,.white-wave-scene path,.mini-cloud,.transfer-motion *{animation:none!important;transition:none!important}.flow-rail .flow-dots{stroke-dasharray:none}.vault-folder:hover{transform:none}}

/* The orbit is a direction cue, driven by the same actual transfer state. */
.hero-art .art-center{background:#f9c2d8;border:4px solid #fff1f8;box-shadow:none;transform:none;width:76px;height:76px;border-radius:25px}.hero-art .hero-cuttie{margin-top:11px;background:#fff7fb;border-color:#df9ab7}.hero-cuttie:before,.hero-cuttie:after{background:#fff7fb;border-color:#df9ab7}.hero-cuttie em{position:absolute;width:13px;height:7px;background:#fff7fb;border:1px solid #df9ab7;border-radius:9px;left:-8px;top:15px;transform-origin:right center}.electron-orbit{position:absolute;left:calc(50% - 101px);top:calc(50% - 70px);width:202px;height:140px;border-radius:50%;transform:rotate(-25deg);pointer-events:none}.data-electron{display:block;position:absolute;left:calc(50% - 5px);top:-5px;width:10px;height:10px;border:1px solid #f3b2cd;background:#fff;border-radius:50%;box-shadow:0 0 0 4px #ffffff50}.electron-orbit.second{transform:rotate(155deg);width:160px;height:160px;left:calc(50% - 80px);top:calc(50% - 80px)}.second .data-electron{width:6px;height:6px;left:calc(50% - 3px);top:-3px;opacity:.7}.hero-art[data-state="active"] .electron-orbit{animation:electron-flow 3.2s linear infinite}.hero-art[data-state="active"] .electron-orbit.second{animation-duration:4.4s;animation-delay:-1.6s}.hero-art[data-state="active"][data-direction="receive"] .electron-orbit{animation-direction:reverse}.hero-art[data-state="active"][data-direction="both"] .electron-orbit.second{animation-direction:reverse}.hero-art[data-state="active"] .hero-cuttie em{animation:little-wave .8s ease-in-out 3 alternate}.hero-art[data-state="complete"] .hero-cuttie{animation:cloud-hello .6s ease-out 1}.hero-art[data-state="complete"] .hero-cuttie em{animation:little-wave .4s ease-in-out 2 alternate}.hero-art[data-quiet="true"] *{animation:none!important}
@keyframes electron-flow{from{transform:rotate(-25deg)}to{transform:rotate(335deg)}}@keyframes little-wave{from{transform:rotate(-15deg)}to{transform:rotate(25deg)}}
@media(prefers-reduced-motion:reduce){.hero-art *{animation:none!important}}

/* Static reflections make liquid glass without a constantly repainting filter. */
.hero,.settings-card,.stats>div,.device-card,.storage-summary{background-image:linear-gradient(135deg,#ffffffd9,#ffffff85 40%,#ffe9f25c);border-top-color:#fff;box-shadow:inset 0 1px 0 #fff,0 7px 24px #b6688b09}.hero{background:radial-gradient(ellipse at 90% 5%,#fff9 0,transparent 55%),linear-gradient(130deg,#fff,#ffe1ee);border-color:#f0c5d8}.primary{background:linear-gradient(165deg,#ef85a8 0,#d95c89 48%,#c94777 51%,#d66490 100%);border:1px solid #d66a91;box-shadow:inset 0 1px #ffdfeb9c,0 4px 12px #cf669332;transition:transform .15s ease}.primary:active,.secondary:active{transform:scale(.97)}.sidebar{background:radial-gradient(ellipse at 0 0,#d380a2,transparent 70%),linear-gradient(155deg,#ab537c,#803351)}.logo-symbol{box-shadow:inset 0 1px #fff8!important}
.vault-folder{position:relative;overflow:visible;background:radial-gradient(ellipse at 17% 0,#ffffff70,transparent 64%),linear-gradient(155deg,#f5b4ce 0%,#e992b6 48%,#d875a1 100%);border:1px solid #d991b1;border-top-color:#ffe9f3;border-radius:26px;box-shadow:inset 0 1px 0 #fff9,inset 0 -1px 0 #b55e8533,0 8px 20px #b95f8112;transition:transform .18s ease,box-shadow .18s ease}.vault-folder:before{content:'';position:absolute;inset:1px 1px 45%;border-radius:25px 25px 40% 40%;background:linear-gradient(150deg,#ffffff38,#ffffff00 70%);pointer-events:none}.vault-folder:hover,.vault-folder.selected{background:radial-gradient(ellipse at 17% 0,#ffffff80,transparent 64%),linear-gradient(155deg,#f4aac9,#de83ae 55%,#ce699b);box-shadow:inset 0 1px #fff9,0 10px 24px #af527c20}.vault-folder:hover{transform:translateY(-4px)}.vault-folder:active{transform:translateY(-1px) scale(.98)}
.vault-folder>.cloud-category-icon,.vault-folder:nth-child(2)>.cloud-category-icon,.vault-folder:nth-child(3)>.cloud-category-icon{position:relative;width:96px;height:96px;border-radius:32% 45% 36% 43%;background:radial-gradient(ellipse at 27% 13%,#fff6,transparent 68%),linear-gradient(140deg,#ffffff29,#ffffff05);border:1px solid #ffffff38;border-top-color:#ffffff9c;box-shadow:inset 0 1px 0 #ffffff66,inset 0 -2px 6px #b6527d08;display:grid;place-items:center;margin-bottom:18px}.cloud-category-icon svg{width:78px;height:78px;filter:drop-shadow(0 1px 1px #c0678a3b);position:relative;z-index:1}.vault-folder>.folder-grip{position:absolute;right:13px;top:9px;display:grid;place-items:center;width:34px;height:34px;margin:0;color:#fff;font-size:24px;opacity:.75;background:#ffffff12;border-radius:10px;cursor:grab;touch-action:none;z-index:3}.folder-grip:hover{opacity:1;background:#ffffff30}.vault-folder.is-dragging{z-index:10;transform:translate(var(--drag-x,0px),var(--drag-y,0px)) scale(1.03) rotate(1deg);box-shadow:0 18px 32px #8c315b35;transition:none;cursor:grabbing;opacity:.95}.vault-folder.is-dragging .folder-grip{cursor:grabbing}.cloud-move-help{font-size:10px;margin-top:14px}.mini-cloud{box-shadow:inset 0 1px #fff9}
@media(max-width:700px){.vault-folder>.cloud-category-icon,.vault-folder:nth-child(2)>.cloud-category-icon,.vault-folder:nth-child(3)>.cloud-category-icon{width:92px;height:92px}.cloud-category-icon svg{width:76px;height:76px}.vault-folder>.folder-grip{right:6px;top:5px;width:29px;height:29px}}
@media(prefers-reduced-motion:reduce){.vault-folder:hover,.vault-folder:active,.primary:active,.secondary:active{transform:none}.vault-folder.is-dragging{transform:translate(var(--drag-x,0px),var(--drag-y,0px))}}

.motion-meter{margin-top:8px}.motion-meter progress,.transfer-meter progress{display:block;width:100%;height:6px;appearance:none;-webkit-appearance:none;border:0;border-radius:8px;overflow:hidden;background:#ffffff42}.motion-meter progress::-webkit-progress-bar{background:#ffffff42;border-radius:8px}.motion-meter progress::-webkit-progress-value{background:#fff;border-radius:8px;transition:width .2s ease}.motion-meter progress::-moz-progress-bar{background:#fff;border-radius:8px}.motion-size{display:block;font-size:10px;margin-top:7px;color:#672e49;font-variant-numeric:tabular-nums}.transfer-meter{display:block;max-width:240px;margin-top:9px}.transfer-meter progress{height:4px;background:#f6dce7}.transfer-meter progress::-webkit-progress-bar{background:#f6dce7;border-radius:8px}.transfer-meter progress::-webkit-progress-value{background:linear-gradient(90deg,#f5a7c3,#ce5b8b);border-radius:8px;transition:width .2s ease}.transfer-meter progress::-moz-progress-bar{background:#ce5b8b;border-radius:8px}.transfer-meter small{display:block;font-size:9px;margin-top:5px;color:#8f6178;font-variant-numeric:tabular-nums}.file-title>div{min-width:0}

.delivery-check,.transfer-status.completed{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;font-size:11px;font-weight:700;padding:7px 12px;white-space:nowrap;letter-spacing:.1px;color:#fff!important}.delivery-check[hidden]{display:none}.delivery-check[data-direction="send"],.transfer-status.sent{background:#cc3557!important}.delivery-check[data-direction="receive"],.transfer-status.received.completed{background:#278356!important}.delivery-check b,.transfer-status.completed b{color:#fff;font-size:14px;line-height:1}.motion-heading:has(.delivery-check:not([hidden])){flex-wrap:wrap}.motion-heading .delivery-check{margin-left:auto}.motion-heading:has(.delivery-check:not([hidden])) .motion-percent{font-size:10px}

/* Bolder, classic category symbols scaled to their cards. */
.vault-folder{min-height:228px}.vault-folder>.cloud-category-icon,.vault-folder:nth-child(2)>.cloud-category-icon,.vault-folder:nth-child(3)>.cloud-category-icon{width:112px;height:112px}.cloud-category-icon svg{width:98px;height:98px;filter:none;shape-rendering:geometricPrecision}
@media(max-width:700px){.vault-folder{min-height:208px;padding:24px 10px}.vault-folder>.cloud-category-icon,.vault-folder:nth-child(2)>.cloud-category-icon,.vault-folder:nth-child(3)>.cloud-category-icon{width:100px;height:100px}.cloud-category-icon svg{width:88px;height:88px}}

/* Keep Isa's deep pink; gloss is a restrained highlight, never a washout. */
.sidebar{background:radial-gradient(ellipse at 0 0,#d46d9b66,transparent 70%),linear-gradient(155deg,#bd427e,#8f2d61)}.vault-folder,.vault-folder:hover,.vault-folder.selected{background:radial-gradient(ellipse at 18% 0,#ffffff26,transparent 65%),linear-gradient(155deg,#e367a3 0%,#cf4c8c 52%,#b73578 100%);border-color:#b9447d;border-top-color:#fca4cf;box-shadow:inset 0 1px #ffc2df7d,inset 0 -1px #8c285d33,0 8px 20px #a72f681c}.vault-folder:before{background:linear-gradient(150deg,#ffffff20,#ffffff00 75%)}.vault-folder strong{color:#fff}.vault-folder small{color:#ffe2ef}.vault-folder>.cloud-category-icon,.vault-folder:nth-child(2)>.cloud-category-icon,.vault-folder:nth-child(3)>.cloud-category-icon{background:radial-gradient(ellipse at 27% 13%,#ffffff26,transparent 70%),linear-gradient(140deg,#ffffff12,#ffffff03);border-color:#ffffff30;border-top-color:#ffffff76;box-shadow:inset 0 1px #ffffff33}.primary{background:linear-gradient(165deg,#d84d8c 0,#c73378 48%,#ad2464 51%,#c13a7b 100%);border-color:#b72f70}.primary:hover{background:linear-gradient(165deg,#e665a4,#bd2b70)}.art-center,.hero-art .art-center{background:#e771ac;border-color:#ffdeed}.hero{background:radial-gradient(ellipse at 90% 5%,#ffffff50,transparent 55%),linear-gradient(130deg,#fff4fa,#f6c3df)}
.convert-controls{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.convert-controls label{flex:1;min-width:210px}.convert-controls select{margin-top:8px}.convert-file-list{list-style:none;padding:0;display:grid;gap:10px}.convert-file-list li,.converted-file{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 16px;background:#fff;border:1px solid #efd2e1;border-radius:13px;min-width:0}.convert-file-list strong{display:block;font-size:12px;overflow-wrap:anywhere}.convert-file-list small{display:block;font-size:10px;color:#8c637b;margin-top:5px}.convert-output-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.convert-output-actions[hidden]{display:none}#convert-progress-wrap{display:flex;align-items:center;gap:12px;margin-top:16px}#convert-progress-wrap[hidden]{display:none}#convert-progress{height:7px;accent-color:#c7347c;width:100%;flex:1}#convert-percent{font-size:12px;color:#993361;font-variant-numeric:tabular-nums}#convert-status{white-space:pre-wrap;overflow-wrap:anywhere}.convert-file-list li>div{min-width:0}.convert-remove{background:none;color:inherit;font-size:13px;line-height:1;padding:6px 9px;border-radius:8px;flex-shrink:0;opacity:.6}.convert-remove:hover{opacity:1;background:#8882}.convert-list-summary{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:10px;font-size:11px;color:var(--theme-muted,#8c637b)}.convert-list-summary[hidden]{display:none}.convert-list-summary strong{font-size:12px}
/* Larger glass-bodied symbols with a quiet white edge, no surrounding ring. */
.vault-folder{min-height:250px}.vault-folder>.cloud-category-icon,.vault-folder:nth-child(2)>.cloud-category-icon,.vault-folder:nth-child(3)>.cloud-category-icon{width:140px;height:140px;border:0;background:none;box-shadow:none;border-radius:0;margin-bottom:12px}.cloud-category-icon svg{width:128px;height:128px;fill:#ffffff24;stroke:#ffffffa0;stroke-width:1.45;filter:none}.vault-folder strong{font-size:16px}.vault-folder small{font-size:12px}
@media(max-width:700px){.vault-folder{min-height:223px;padding:22px 7px}.vault-folder>.cloud-category-icon,.vault-folder:nth-child(2)>.cloud-category-icon,.vault-folder:nth-child(3)>.cloud-category-icon{width:118px;height:118px}.cloud-category-icon svg{width:112px;height:112px}}
@media(min-width:801px){.sidebar{padding-top:25px;padding-bottom:20px}.sidebar nav{min-height:0;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent}.sidebar .nav{padding-top:11px;padding-bottom:11px;margin-top:3px;margin-bottom:3px}.nav-caption{margin-top:25px}.sidebar-bottom{flex:none;padding-top:10px}.sidebar-bottom .cloud-state{margin-top:10px;padding-top:13px}}
@media(min-width:801px) and (max-height:950px){.sidebar-bottom>.secure-mark,.sidebar-bottom>h3,.sidebar-bottom>p{display:none}}

/* Consistent desktop symbols; preserve the original logo and wave scale. */
.nav>span{display:grid;place-items:center;width:31px;height:31px;flex:none}.nav>span svg{width:27px;height:27px;fill:#ffffff18;stroke:currentColor;stroke-width:2}.device-icon svg{width:39px;height:39px}.upload-symbol svg{width:33px;height:33px}.art-device svg{width:40px;height:40px}.file-icon svg{width:29px;height:29px}.sidebar .logo-symbol{background:#f5a9c5!important;width:32px;height:36px;font-size:29px}.running-mark{display:grid;place-items:center;width:18px;height:18px;border-radius:6px;background:#e48bad;position:relative}.running-mark svg{width:12px;height:12px;fill:none;stroke:white;stroke-width:2}.running-mark:after{content:'';position:absolute;right:-2px;bottom:-2px;width:5px;height:5px;border-radius:50%;background:#419668;border:1px solid white}
/* Gold ring connectivity jewel — brand gold #E8B84B. Tiny persistent indicator
   at the top of the app: lit + slow pulse while the background connection is
   live, dimmed grey while disconnected/reconnecting.
   Owner directive (Oct 25, 2026): the bubble is 90% BRIGHT SOLID GOLD — a
   filled gold disc with only a thin deep-gold edge and a small dark glyph;
   no big dark/black center showing through. */
#running-mark{width:20px;height:20px;border-radius:50%;background:linear-gradient(150deg,#F7D774 0%,#EFC65C 45%,#E8B84B 100%);border:2px solid #C9962B;box-shadow:0 0 10px rgba(232,184,75,.45),inset 0 0 6px rgba(255,246,205,.55)}
#running-mark svg{width:11px;height:11px;fill:none;stroke:#2A1F05;stroke-width:2.2}
#running-mark:after{content:'';position:absolute;right:-3px;bottom:-3px;width:6px;height:6px;border-radius:50%;background:#B98A2B;border:1px solid #fff}
#running-mark[data-state="inactive"]{border-color:#9aa0ae;background:#D4D8E0;box-shadow:none;animation:none;opacity:.55}
#running-mark[data-state="inactive"] svg{stroke:#5F6672}
#running-mark[data-state="inactive"]:after{background:#9aa0ae}
#running-mark[data-state="connecting"]{box-shadow:0 0 8px rgba(232,184,75,.35),inset 0 0 6px rgba(232,184,75,.20)}
#running-mark[data-state="connecting"] svg{animation:ring-spin 1.6s linear infinite;transform-origin:center}
#running-mark[data-state="active"]{animation:ring-pulse 2.8s ease-in-out infinite}
@keyframes ring-spin{to{transform:rotate(360deg)}}
@keyframes ring-pulse{0%,100%{box-shadow:0 0 6px rgba(232,184,75,.30),inset 0 0 6px rgba(232,184,75,.20);transform:scale(1)}50%{box-shadow:0 0 15px rgba(232,184,75,.70),inset 0 0 8px rgba(232,184,75,.30);transform:scale(1.07)}}
@media(prefers-reduced-motion:reduce){#running-mark,#running-mark svg{animation:none!important}}
/* Smoother clipboard offer arrival + reduced-motion coverage */
@keyframes offer-spring{from{opacity:0;transform:translateY(16px) scale(.94)}60%{opacity:1;transform:translateY(-3px) scale(1.01)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#clipboard-offer.arrive{animation:none}}
/* OTP offer accents: gold edge + urgent countdown state */
#clipboard-offer.is-otp{border-left:3px solid #E8B84B}
#clipboard-offer.otp-urgent #clipboard-received-label{color:#b3541e;font-weight:700}

/* A small puppy stays visible; its greeting is brief and uses transforms only. */
.puppy{position:relative;display:block;width:44px;height:42px;background:#fff8f2;border-radius:42% 42% 46% 46%;border:1px solid #e8baae;isolation:isolate}.puppy:before,.puppy:after{content:'';position:absolute;top:0;width:16px;height:28px;background:#cf997e;border:1px solid #b97e67;border-radius:70% 35% 60% 40%;z-index:-1}.puppy:before{left:-9px;transform:rotate(15deg)}.puppy:after{right:-9px;transform:rotate(-15deg)}.puppy i:before,.puppy i:after{content:'';position:absolute;top:14px;width:4px;height:5px;background:#543c37;border-radius:50%}.puppy i:before{left:11px}.puppy i:after{right:11px}.puppy b{position:absolute;top:23px;left:18px;width:8px;height:6px;background:#543c37;border-radius:50% 50% 65% 65%}.puppy em{position:absolute;left:20px;top:29px;width:5px;height:7px;border-radius:0 0 5px 5px;background:#e08b9e}.hero-art[data-state="complete"] .puppy{animation:cuttie-happy .5s ease-out 2}.hero-art[data-state="active"] .puppy{animation:cuttie-happy 1.8s ease-in-out 3}.hero-art[data-quiet="true"] .puppy{animation:none}.syncfi-cuttie{display:block;position:absolute;left:calc(50% - 22px);bottom:5px;width:44px;height:42px;background:#fff8f2;border:1px solid #e8baae;border-radius:42% 42% 46% 46%}.cuttie-ear{position:absolute;top:0;width:16px;height:28px;background:#cf997e;border-radius:60%}.cuttie-ear.left{left:-10px;transform:rotate(15deg)}.cuttie-ear.right{right:-10px;transform:rotate(-15deg)}.cuttie-face b{position:absolute;top:14px;left:11px;width:4px;height:5px;border-radius:50%;background:#543c37}.cuttie-face b+b{left:auto;right:11px}.cuttie-face em{position:absolute;top:25px;left:18px;width:8px;height:6px;background:#543c37;border-radius:50%}.transfer-motion[data-style="quiet"] .syncfi-cuttie{display:none}@media(prefers-reduced-motion:reduce){.puppy{animation:none!important}}

/* Crisp branding: the i dot is pink; the resting full stop is white. */
.logo{gap:9px}.logo .wordmark{display:inline-block;letter-spacing:-1.5px;white-space:nowrap}.brand-i{position:relative;display:inline-block}.i-dot{position:absolute;background:#ff91c1;width:5px;height:5px;border-radius:50%;left:50%;transform:translateX(-50%);top:8px}.logo .logo-dot{color:#fff;margin-left:0}.plan-card h3{font-size:28px;letter-spacing:-1px}.plan-card h3 em{display:inline-block;font-weight:750;color:#bf3678;margin-left:1px}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-cloud{display:block;width:52px;height:45px;color:#bb3f7c;margin-bottom:16px}.plan-cloud svg{width:52px;height:45px;fill:#f5b9d333;stroke-width:2.1}.cloud-heading{display:flex;align-items:center;gap:12px}.cloud-heading>span,.summary-cloud{display:inline-grid;place-items:center;width:42px;height:38px;color:#ba3774}.cloud-heading svg,.summary-cloud svg{width:40px;height:36px;fill:#eab4cc33;stroke-width:2}.delivery-route .route-cloud{display:block;flex:none;width:38px;height:38px}.route-cloud svg{width:38px;height:38px}.security-actions{display:flex;gap:10px;flex-wrap:wrap}.security-actions a{text-decoration:none}.security-actions .secondary{display:inline-flex;align-items:center;justify-content:center}.cloud-category-icon svg{stroke:#fff9;stroke-width:1.8;fill:#ffffff29}.nav>span svg{stroke-width:2.1}.nav{transition:background .15s ease}.settings-card,.plan-card,.stats>div{box-shadow:inset 0 1px #fff,0 5px 18px #a53b6c09}.plan-card.featured{border:1px solid #ce5896;background:linear-gradient(145deg,#fff8fc,#f8d8e9)}
/* One position equals one percentage. No clock-driven fake data movement. */
.transfer-motion .motion-papers i{animation:none!important;left:var(--packet-left,8%);bottom:24px;transform:translateX(-50%);transition:left .12s linear;opacity:0}.transfer-motion[data-state="active"] .motion-papers i:first-child{opacity:1}.transfer-motion[data-direction="receive"] .motion-papers i{top:auto;bottom:24px;left:var(--packet-left,8%)}.transfer-motion .white-wave-scene path{animation:none!important;stroke-dashoffset:var(--wave-phase,0);transition:stroke-dashoffset .12s linear}.transfer-motion[data-state="preparing"] .white-wave-scene,.transfer-motion[data-state="finishing"] .white-wave-scene{opacity:.25}.hero-art[data-state="active"] .electron-orbit,.hero-art[data-state="active"] .electron-orbit.second{animation:none;transform:rotate(var(--flow-angle,-25deg));transition:transform .12s linear}.hero-art[data-state="active"] .electron-orbit.second{transform:rotate(calc(var(--flow-angle,-25deg) + 180deg))}.flow-rail[data-state="active"] .flow-dots{animation:none;stroke-dashoffset:var(--flow-offset,0px);transition:stroke-dashoffset .12s linear}.flow-rail[data-state="active"] .flow-direction{animation:none}.transfer-motion[data-state="finishing"] .motion-papers{opacity:0}.motion-percent{font-variant-numeric:tabular-nums}
.clipboard-offer{position:fixed;top:86px;right:55px;max-width:570px;width:calc(100% - 300px);z-index:25;box-shadow:0 8px 26px #9c3b6924;border-color:#d3669b}.clipboard-offer strong{font-size:13px}.clipboard-offer .primary{flex:none}.clipboard-offer>div{min-width:110px}.sidebar nav{overscroll-behavior:contain}.sidebar .nav{padding-top:8px;padding-bottom:8px}@media(max-width:800px){.clipboard-offer{right:12px;width:calc(100% - 24px);top:72px}.plan-grid{grid-template-columns:1fr}.i-dot{top:8px}}@media(prefers-reduced-motion:reduce){.transfer-motion .motion-papers i,.transfer-motion .white-wave-scene path,.hero-art .electron-orbit,.flow-rail .flow-dots{transition:none!important}}

/* Flowing, calligraphic membership letters, with a small wave-like flourish. */
.plan-card h3 em{position:relative;font-family:'Baskerville','Palatino Linotype','Book Antiqua',Georgia,serif;font-style:italic;font-weight:700;font-size:1.28em;line-height:.95;letter-spacing:-.06em;margin-left:.08em;padding:0 .13em .05em .02em;transform:skewX(-7deg) rotate(-5deg) translateY(1px);transform-origin:50% 75%;text-shadow:0 1px 0 #fff8}.plan-card h3 em:after{content:'';position:absolute;left:-.04em;right:.04em;bottom:-.03em;height:.14em;border-bottom:2px solid #d35a94;border-radius:0 0 70% 45%;transform:rotate(-7deg);opacity:.7;pointer-events:none}

/* Five saved interface palettes. White remains the common surface. */
:root{--theme-accent:#bd427e;--theme-deep:#8f2d61;--theme-mid:#cf4c8c;--theme-light:#f6c3df;--theme-pale:#fff4fa;--theme-line:#efd3df;--theme-ink:#513f4a;--theme-muted:#795d70}
:root[data-theme="space"]{--theme-accent:#49505b;--theme-deep:#242830;--theme-mid:#626b78;--theme-light:#d5d9df;--theme-pale:#f3f4f6;--theme-line:#d9dde3;--theme-ink:#262c35;--theme-muted:#555e69}
:root[data-theme="ocean"]{--theme-accent:#226baf;--theme-deep:#17466f;--theme-mid:#3984bf;--theme-light:#c4dff3;--theme-pale:#f0f8ff;--theme-line:#c9dfef;--theme-ink:#243c51;--theme-muted:#486276}
:root[data-theme="emerald"]{--theme-accent:#23765e;--theme-deep:#154d3d;--theme-mid:#379779;--theme-light:#c3e4d8;--theme-pale:#f0faf6;--theme-line:#c8e2d8;--theme-ink:#253f36;--theme-muted:#4a665a}
:root[data-theme="plum"]{--theme-accent:#754b99;--theme-deep:#492c65;--theme-mid:#9065b2;--theme-light:#dfcdee;--theme-pale:#f9f3ff;--theme-line:#dfd0eb;--theme-ink:#44324f;--theme-muted:#665373}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]){--ink:var(--theme-ink);--line:var(--theme-line);--purple:var(--theme-accent);--bg:var(--theme-pale)}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) body{background:linear-gradient(140deg,#fff,var(--theme-pale));color:var(--theme-ink)}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) .sidebar{background:radial-gradient(ellipse at 0 0,#ffffff18,transparent 70%),linear-gradient(155deg,var(--theme-accent),var(--theme-deep))}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) header{background:#fff;border-color:var(--theme-line)}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) .hero{background:radial-gradient(ellipse at 90% 5%,#ffffff80,transparent 55%),linear-gradient(130deg,#fff,var(--theme-light));border-color:var(--theme-line)}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :is(h1,h2,h3,.hero h1,.device-card h3,.stats strong,.plan-card>strong){color:var(--theme-ink)}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :is(.hero h1 em,.text-button,.plan-card h3 em,.cloud-heading>span,.summary-cloud,.plan-cloud,.upload-symbol,#syncfi-id){color:var(--theme-accent)}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :is(.context-note,.hero p,.hero-caption,.hero-secondary,.eyebrow,.eyebrow.dark,.device-card p,.plan-card p,.plan-card ul,.plan-card>strong small,.transfer-meter small,.breadcrumb,.breadcrumb strong,.convert-file-list small,.file-facts small){color:var(--theme-muted)}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :is(.settings-card,.stats>div,.device-card,.transfer-row,.storage-summary,.plan-card,.converted-file,.convert-file-list li,dialog){border-color:var(--theme-line);background:#fff;box-shadow:inset 0 1px #fff,0 5px 18px #18233009}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :is(.send-zone,.empty-state,.principle,.native-note,.file-preview,.bundle-option,.clipboard-offer,.plan-card.featured){background:linear-gradient(140deg,#fff,var(--theme-pale));border-color:var(--theme-line)}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :is(.primary,.primary:hover){background:linear-gradient(165deg,var(--theme-accent),var(--theme-accent) 48%,var(--theme-deep) 51%,var(--theme-accent));border-color:var(--theme-accent);box-shadow:inset 0 1px #ffffff75,0 4px 12px #18233018;color:#fff}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :is(.secondary,.filter-bar button,.device-icon,.this-device,.file-badge){background:var(--theme-pale);border-color:var(--theme-line);color:var(--theme-accent)}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :is(.vault-folder,.vault-folder:hover,.vault-folder.selected){background:radial-gradient(ellipse at 18% 0,#ffffff30,transparent 65%),linear-gradient(155deg,var(--theme-accent),var(--theme-accent) 52%,var(--theme-deep));border-color:var(--theme-accent);border-top-color:#ffffff70;box-shadow:inset 0 1px #ffffff60,0 8px 20px #18233018}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :is(.vault-folder strong,.vault-folder small){color:#fff}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :is(.art-center,.hero-art .art-center,.flow-rail,.flow-rail[data-state="complete"]){background:var(--theme-mid);border-color:var(--theme-light)}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :is(.orbital,.art-device,.art-chip,.clipboard-offer){border-color:var(--theme-line)}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) .art-device{color:var(--theme-accent);background:#fff}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) .transfer-motion{background:linear-gradient(140deg,var(--theme-light),var(--theme-mid));border-color:var(--theme-line)}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :is(.motion-heading,.motion-percent,.motion-caption,.motion-filename,.motion-size,.bundle-option strong,.bundle-option small,.clipboard-offer strong,.clipboard-offer small){color:var(--theme-ink)!important}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) .plan-card h3 em:after{border-color:var(--theme-mid)}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) .storage-meter>span{background:var(--theme-accent)}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) input,:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) select,:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) textarea{accent-color:var(--theme-accent);border-color:var(--theme-line)}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :focus-visible{outline-color:var(--theme-accent)}
.theme-options{border:0;padding:0;margin:22px 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;min-width:0}.theme-options legend{font-weight:600;margin-bottom:12px;font-size:12px}.theme-choice{position:relative;display:flex!important;flex-direction:column;align-items:center;gap:7px;cursor:pointer;padding:12px 8px;border:2px solid var(--theme-line);border-radius:16px;background:#fff;text-align:center;margin:0!important}.theme-choice input{position:absolute;opacity:0;width:1px;height:1px}.theme-choice:has(input:checked){border-color:var(--theme-accent);box-shadow:0 0 0 3px var(--theme-pale)}.theme-choice:has(input:focus-visible){outline:3px solid var(--theme-accent);outline-offset:3px}.theme-choice strong{font-size:11px}.theme-choice small{font-size:10px;color:var(--theme-muted)}.theme-swatch{position:relative;display:block;width:100%;height:58px;border-radius:9px;background:linear-gradient(140deg,#ffffff45,transparent),var(--swatch);border:1px solid #00000012;overflow:hidden}.theme-swatch i{position:absolute;left:22%;top:8px;right:7px;bottom:8px;border-radius:5px;background:#fff}.theme-swatch b{position:absolute;left:28%;top:15px;right:13px;height:12px;border-radius:3px;background:var(--swatch);opacity:.5}.theme-choice:has(input:checked):after{content:'✓';position:absolute;top:5px;right:6px;background:var(--theme-accent);color:#fff;width:18px;height:18px;border-radius:50%;font-size:12px;display:grid;place-items:center}
.delivery-details{margin:14px 0}.delivery-details summary{cursor:pointer;color:var(--theme-muted);font-size:11px}.device-send{width:auto!important;height:36px!important;border-radius:10px!important;padding:0 12px!important;font-size:11px!important;font-weight:600}.send-zone{cursor:pointer}.send-zone:focus-visible{outline:3px solid var(--theme-accent);outline-offset:4px}#send-allow-network{width:100%;margin:8px 0 12px;font-weight:700;border:1px solid var(--theme-accent)}#send-confirm{min-width:140px;min-height:44px}#send-dialog .dialog-actions{position:sticky;bottom:0;background:#fff;padding:14px 0 0;z-index:2;border-top:1px solid var(--theme-line)}@media(min-width:801px){#swipe-send{display:none}.device-send{opacity:1!important}}@media(max-width:650px){.theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-choice:last-child{grid-column:1/-1}.theme-swatch{max-width:160px}}

/* Brand dots keep their colors across every interface palette. */
.logo .wordmark .i-dot{background:#ff91c1!important}.logo .wordmark .logo-dot{color:#fff!important}#reconnect-device[hidden]{display:none}

/* A small lift on attention, with no idle animation or layout movement. */
.nav>span svg,.cloud-category-icon svg,.device-icon svg,.file-badge svg,.upload-symbol svg,.plan-cloud svg,.theme-swatch{transform-origin:50% 60%;transition:transform 190ms cubic-bezier(.2,.8,.25,1.25)}
@media(hover:hover) and (pointer:fine){
 .nav:hover>span svg{transform:translateY(-1px) scale(1.14)}
 .vault-folder:not(.is-dragging):hover .cloud-category-icon svg{transform:translateY(-2px) scale(1.09)}
 .device-card:hover .device-icon svg,.transfer-row:hover .file-badge svg{transform:translateY(-2px) scale(1.12)}
 .send-zone:hover .upload-symbol svg,.plan-card:hover .plan-cloud svg{transform:translateY(-2px) scale(1.1)}
 .theme-choice:hover .theme-swatch{transform:translateY(-2px) scale(1.04)}
}
.nav:focus-visible>span svg,.vault-folder:not(.is-dragging):focus-visible .cloud-category-icon svg,.device-card:has(:focus-visible) .device-icon svg,.transfer-row:focus-visible .file-badge svg,.send-zone:focus-visible .upload-symbol svg,.plan-card:has(:focus-visible) .plan-cloud svg{transform:translateY(-2px) scale(1.1)}
.theme-choice:has(input:focus-visible) .theme-swatch{transform:translateY(-2px) scale(1.04)}
.nav:active>span svg,.vault-folder:not(.is-dragging):active .cloud-category-icon svg,.transfer-row:active .file-badge svg{transform:scale(1.05)}
@media(prefers-reduced-motion:reduce){.nav>span svg,.cloud-category-icon svg,.device-icon svg,.file-badge svg,.upload-symbol svg,.plan-cloud svg,.theme-swatch{transition:none!important;transform:none!important}}

/* Clearer first-screen navigation and header labels. */
.sidebar .nav{font-family:Manrope,'DM Sans',sans-serif;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:0}.workspace-tag{font-family:Manrope,'DM Sans',sans-serif;font-size:11px;font-weight:500}.nav-caption{font-size:10px;letter-spacing:1.5px}.breadcrumb{font-family:Manrope,'DM Sans',sans-serif;font-size:13px;font-weight:500}.breadcrumb strong{font-weight:700}.hero-secondary{font-size:12px;font-weight:600}.hero-caption{font-size:10px}.sidebar .nav b{font-size:11px}@media(max-width:520px){.breadcrumb{font-size:12px}.sidebar .nav{font-size:13px}.hero-caption{font-size:9px;gap:12px}}

/* iOS and Android browser ergonomics: safe areas, readable form controls, and labeled touch navigation. */
html{scroll-padding-top:12px}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
@media(max-width:800px){
 body{overflow-x:hidden}
 .sidebar{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr;justify-items:start;gap:8px;padding:calc(10px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) 8px calc(14px + env(safe-area-inset-left))}
 .sidebar nav{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;display:flex;gap:5px;padding:2px 2px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x}
 .sidebar nav::-webkit-scrollbar{display:none}
 .sidebar .nav{flex:0 0 64px;min-width:64px;min-height:54px;height:54px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:5px 3px;margin:0;font-size:10px;line-height:1.1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .sidebar .nav>span{width:auto;height:24px;font-size:20px;line-height:1}
 .sidebar .nav>span svg{width:22px;height:22px}
 .sidebar nav .nav b{display:none}
 header{padding-inline:calc(12px + env(safe-area-inset-left)) calc(12px + env(safe-area-inset-right))}
 .header-controls{gap:7px}
 .header-controls .icon-button{min-width:44px;min-height:44px}
 .page{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
 input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px;min-height:44px}
 textarea{min-height:112px}
 dialog{max-height:calc(100vh - 20px);max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 20px);margin:10px auto;padding-bottom:calc(16px + env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 #send-dialog .dialog-actions{position:sticky;bottom:calc(-1 * env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}
}
/* Premium materials use the same readable component system and puppy artwork. */
:root[data-theme="slate-gold"]{--theme-accent:#886923;--theme-deep:#242b34;--theme-mid:#a1823e;--theme-light:#e0d7c3;--theme-pale:#f5f4f0;--theme-line:#d8d3c8;--theme-ink:#28303a;--theme-muted:#605c56}
:root[data-theme="rose-gold"]{--theme-accent:#9e5961;--theme-deep:#55323a;--theme-mid:#b06b76;--theme-light:#f0d9d8;--theme-pale:#fff8f6;--theme-line:#e7cece;--theme-ink:#483239;--theme-muted:#735a60}
:root[data-theme="onyx-gold"]{--theme-accent:#816126;--theme-deep:#17191f;--theme-mid:#a08240;--theme-light:#e4dac1;--theme-pale:#f7f5ef;--theme-line:#dcd4c2;--theme-ink:#24252b;--theme-muted:#645e51}
:root[data-theme="pearl"]{--theme-accent:#526276;--theme-deep:#293341;--theme-mid:#6b7c91;--theme-light:#dce3eb;--theme-pale:#f6f8fa;--theme-line:#d1d9e3;--theme-ink:#263345;--theme-muted:#566577}
:root[data-theme="slate-gold"] .sidebar,:root[data-theme="onyx-gold"] .sidebar{background:radial-gradient(ellipse at top,#ffffff10,transparent),linear-gradient(155deg,#39424d,#181d25);border-right:1px solid #b595554d}
:root[data-theme="slate-gold"] .logo,:root[data-theme="onyx-gold"] .logo{color:#f0d79d}
:root[data-theme="rose-gold"] body,:root[data-theme="pearl"] body{background:repeating-linear-gradient(123deg,transparent 0 110px,#aa9eae06 111px 113px,transparent 114px 350px),var(--theme-pale)}
.theme-options{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-choice strong{font-size:12px;line-height:1.5}.theme-choice small{font-size:10px}
#call-dialog{width:min(760px,calc(100vw - 24px))}#call-media{position:relative;background:#202631;border-radius:16px;overflow:hidden;margin:16px 0;min-height:160px}#call-remote{display:block;width:100%;max-height:55vh;object-fit:cover}#call-local{position:absolute;right:12px;bottom:12px;width:25%;max-height:28%;object-fit:cover;border:1px solid #d5b26b;border-radius:10px}.toggle-row small{max-width:520px}
@media(max-width:650px){.theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-choice:last-child{grid-column:auto}#call-dialog .clipboard-actions{flex-wrap:wrap}#call-media{margin:10px 0}#call-remote{height:62vh;max-height:62vh}#call-local{width:27%;max-height:30%}}

:root[data-theme="slate-gold"]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) .sidebar,:root[data-theme="onyx-gold"]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) .sidebar{background:radial-gradient(ellipse at top,#ffffff10,transparent),linear-gradient(155deg,#39424d,#181d25);border-right:1px solid #b595554d}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :is(.logo-symbol,.running-mark,.avatar){background:var(--theme-pale);color:var(--theme-accent)}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :is(.eyebrow>span,.status-dot){color:var(--theme-accent)}
@media(max-width:800px){.nav{min-height:44px}.theme-choice{min-height:120px}}

:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) .sidebar .logo-symbol{background:var(--theme-light)!important;color:var(--theme-deep)}
/* Apply the selected material consistently across every view. */
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]){--muted:var(--theme-muted)}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :is(.device-card,.settings-card,.stats>div,.transfer-row,.storage-summary,.plan-card,dialog){background:linear-gradient(160deg,#fff 0%,#fff 48%,var(--theme-pale) 100%);border-color:var(--theme-line);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffffb3,0 8px 28px #17202c0a}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :is(.toast,#toast){background:linear-gradient(155deg,var(--theme-deep),#202631);color:#fff;border:1px solid var(--theme-light);box-shadow:inset 0 1px #ffffff30,0 12px 32px #17202c30}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :is(label,.toggle-row strong,.file-title h3,.transfer-peer,.mode h3,.send-zone h3,.principle h3,.native-note h3,.delivery-route strong,.steps li,.selected-file,.storage-summary h3,.vault-folder strong){color:var(--theme-ink)}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :is(.toggle-row small,.file-title p,.transfer-peer small,.transfer-date,.send-zone p,.send-zone small,.principle p,.native-note p,.delivery-route small,.steps small,.storage-summary p,.vault-folder small,dialog p,footer,footer strong,footer button){color:var(--theme-muted)}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :is(input,select,textarea){background:linear-gradient(#fff,var(--theme-pale));border-color:var(--theme-line);color:var(--theme-ink);accent-color:var(--theme-accent)}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :is(input,textarea)::placeholder{color:var(--theme-muted)}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) .primary{background:linear-gradient(180deg,var(--theme-accent) 0%,var(--theme-accent) 43%,var(--theme-deep) 53%,var(--theme-accent) 100%);color:#fff;border:1px solid var(--theme-accent);box-shadow:inset 0 1px #ffffffa0,inset 0 -1px #0003,0 5px 12px #17202c1c}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :is(.secondary,.filter-bar button,.icon-button){color:var(--theme-accent)}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :is(.filter-bar .selected,.vault-folder.selected,.vault-folder:hover,.bundle-option,.safety-hold){background:linear-gradient(135deg,#fff,var(--theme-light));border-color:var(--theme-line)}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :is(.safety-hold strong,.safety-hold p,.safety-hold>span,.transfer-status,.clipboard-offer strong,.clipboard-offer small){color:var(--theme-accent)}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :is(.art-center,.art-chip,.art-device,.orbital){border-color:var(--theme-line);box-shadow:0 8px 28px #28303a13}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :is(.art-center,.art-chip){background:linear-gradient(145deg,#fff,var(--theme-light));color:var(--theme-accent)}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :is(.storage-meter span,.flow-rail){background:linear-gradient(135deg,var(--theme-accent),var(--theme-deep));box-shadow:inset 0 1px #fff7,0 3px 12px #20263120}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :is(.logo-dot,.workspace-tag span,.secure-mark){color:var(--theme-light)}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) .nav.active{background:linear-gradient(155deg,#ffffff30,#ffffff0a);color:#fff;border:1px solid #ffffff60;box-shadow:inset 0 1px #ffffff60,0 6px 18px #0002}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) .nav.active>span{color:#fff}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) .nav b{background:var(--theme-light);color:var(--theme-deep)}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) .running-mark svg{stroke:#2A1F05}
/* Readability (Oct 25, 2026): sidebar text sits on the accent→deep gradient;
   the old #c3c5ce/#babcc5 greys fell to ~3:1 on the accent end. White passes
   on both ends of every theme's sidebar gradient. */
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :is(.nav,.nav>span,.workspace-tag,.nav-caption,.sidebar-bottom h3,.sidebar-bottom p,.cloud-state){color:#fff}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :focus-visible{outline-color:var(--theme-accent)}
:root[data-theme]:not([data-theme="pink"]):not([data-theme="midnight-glass"]) :is(.add-device-card,.add-device-card>span,.send-zone strong,.send-zone b,.send-zone a,.send-zone em,.send-zone u,.steps b){color:var(--theme-accent)}

/* Company attribution sits below the complete app content. */
.corporate-credit{display:flex;flex-direction:column;align-items:center;gap:7px;margin:30px auto 8px;padding:26px 16px 10px;border-top:1px solid var(--theme-line,var(--line));text-align:center;color:var(--theme-muted,#64605a)}
.corporate-name{font-size:12px;font-weight:650;letter-spacing:.035em;color:var(--theme-ink,#28303a)}
.corporate-name sup{position:relative;top:-.15em;font-size:.65em;margin-left:2px;line-height:0;color:var(--theme-accent,#886923)}
.corporate-subsidiary{font-size:10px;letter-spacing:.06em;line-height:1.6}

/* Midnight Glass — approved dark theme (owner, Oct 21 2026). Deep navy, frosted glass, cyan-to-violet speed gradient, gold brand accents. */
:root[data-theme="midnight-glass"]{--mg-ink:#EAEFF7;--mg-muted:#8B93A7;--mg-cyan:#00E5FF;--mg-violet:#7C3AED;--mg-gold:#E8B84B;--theme-accent:#00E5FF;--theme-ink:#EAEFF7;--theme-muted:#8B93A7;--theme-line:rgba(255,255,255,.12)}
:root[data-theme="midnight-glass"] body{background:linear-gradient(135deg,#0B1020,#060913);color:#EAEFF7;transition:background .45s ease,color .45s ease}
:root[data-theme="midnight-glass"] header{background:rgba(11,16,32,.72);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.12)}
:root[data-theme="midnight-glass"] .sidebar{background:linear-gradient(160deg,#0D1326,#070B16);border-right:1px solid rgba(255,255,255,.10)}
:root[data-theme="midnight-glass"] .sidebar .logo-symbol{background:linear-gradient(135deg,#00E5FF,#7C3AED)!important;color:#060913}
:root[data-theme="midnight-glass"] :is(h1,h2,h3,.hero h1,.device-card h3,.stats strong,.plan-card>strong,label,.toggle-row strong,.file-title h3,.transfer-peer,.mode h3,.send-zone h3,.principle h3,.native-note h3,.delivery-route strong,.steps li,.selected-file,.storage-summary h3,.vault-folder strong){color:#EAEFF7}
:root[data-theme="midnight-glass"] :is(.context-note,.hero p,.hero-caption,.hero-secondary,.eyebrow,.eyebrow.dark,.device-card p,.plan-card p,.plan-card ul,.plan-card>strong small,.transfer-meter small,.breadcrumb,.breadcrumb strong,.convert-file-list small,.file-facts small,.toggle-row small,.file-title p,.transfer-peer small,.transfer-date,.send-zone p,.send-zone small,.principle p,.native-note p,.delivery-route small,.steps small,.storage-summary p,.vault-folder small,dialog p,footer,footer strong,footer button){color:#8B93A7}
:root[data-theme="midnight-glass"] :is(.device-card,.settings-card,.stats>div,.transfer-row,.storage-summary,.plan-card,.converted-file,.convert-file-list li,dialog,.send-zone,.empty-state,.principle,.native-note,.file-preview,.bundle-option,.clipboard-offer,.plan-card.featured,.hero){background:rgba(255,255,255,.06);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.45)}
:root[data-theme="midnight-glass"] :is(.primary,.primary:hover){background:linear-gradient(90deg,#00E5FF,#915af0);border:0;color:#060913;box-shadow:0 6px 20px rgba(0,229,255,.25)}
:root[data-theme="midnight-glass"] :is(.secondary,.filter-bar button,.icon-button,.device-icon,.this-device,.file-badge){background:rgba(255,255,255,.06);border:1px solid rgba(232,184,75,.45);color:#EAEFF7}
:root[data-theme="midnight-glass"] :is(input,select,textarea){background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#EAEFF7;accent-color:#00E5FF}
:root[data-theme="midnight-glass"] :is(input,textarea)::placeholder{color:#8B93A7}
:root[data-theme="midnight-glass"] :focus-visible{outline-color:#00E5FF}
:root[data-theme="midnight-glass"] :is(.hero h1 em,.text-button,.plan-card h3 em,.cloud-heading>span,.summary-cloud,.plan-cloud,.upload-symbol,#syncfi-id,.eyebrow>span,.status-dot,.safety-hold strong,.safety-hold p,.safety-hold>span,.transfer-status,.clipboard-offer strong,.clipboard-offer small,.add-device-card,.add-device-card>span,.send-zone strong,.send-zone b,.send-zone a,.send-zone em,.send-zone u,.steps b,.motion-percent){color:#00E5FF}
:root[data-theme="midnight-glass"] :is(.storage-meter>span,.storage-meter span,.flow-rail,.progress>div){background:linear-gradient(90deg,#00E5FF,#7C3AED)}
:root[data-theme="midnight-glass"] :is(.secure-mark,.corporate-name,.lock-line){color:#E8B84B}
:root[data-theme="midnight-glass"] .corporate-name{color:#E8B84B}
:root[data-theme="midnight-glass"] .corporate-credit{border-top-color:rgba(255,255,255,.06)}
:root[data-theme="midnight-glass"] :is(.logo-symbol,.running-mark,.avatar){background:linear-gradient(135deg,#00E5FF,#7C3AED);color:#060913}
:root[data-theme="midnight-glass"] :is(.logo-dot,.workspace-tag span){color:#00E5FF}
:root[data-theme="midnight-glass"] .nav.active{background:rgba(255,255,255,.06);border:1px solid rgba(0,229,255,.35);color:#EAEFF7;box-shadow:inset 0 1px rgba(255,255,255,.12),0 6px 18px rgba(0,0,0,.4)}
:root[data-theme="midnight-glass"] .nav.active>span{color:#EAEFF7}
:root[data-theme="midnight-glass"] .nav b{background:rgba(0,229,255,.15);color:#00E5FF}
:root[data-theme="midnight-glass"] :is(.toast,#toast){background:rgba(11,16,32,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#EAEFF7;border:1px solid rgba(255,255,255,.12)}
:root[data-theme="midnight-glass"] :is(.vault-folder,.vault-folder:hover,.vault-folder.selected){background:radial-gradient(ellipse at 18% 0,rgba(255,255,255,.14),transparent 65%),linear-gradient(155deg,#1b2547,#0a0f22);border:1px solid rgba(0,229,255,.3)}
:root[data-theme="midnight-glass"] :is(.art-center,.art-chip,.art-device,.orbital){border-color:rgba(255,255,255,.12)}
:root[data-theme="midnight-glass"] :is(.art-center,.art-chip){background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));color:#00E5FF}
:root[data-theme="midnight-glass"] .art-device{background:rgba(255,255,255,.06);color:#00E5FF}
:root[data-theme="midnight-glass"] .transfer-motion{background:linear-gradient(140deg,rgba(0,229,255,.10),rgba(124,58,237,.10));border-color:rgba(255,255,255,.12)}
:root[data-theme="midnight-glass"] :is(.motion-heading,.motion-caption,.motion-filename,.motion-size,.bundle-option strong,.bundle-option small){color:#EAEFF7!important}
:root[data-theme="midnight-glass"] .plan-card h3 em:after{border-color:#00E5FF}
/* Restrained micro-animations for Midnight Glass only. */
@media (prefers-reduced-motion:no-preference){
:root[data-theme="midnight-glass"] :is(.storage-summary,.plan-card,.settings-card){position:relative;overflow:hidden}
:root[data-theme="midnight-glass"] :is(.storage-summary,.plan-card,.settings-card)::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.055) 48%,transparent 64%);transform:translateX(-130%);animation:mg-sheen 9s ease-in-out infinite;pointer-events:none}
@keyframes mg-sheen{0%,58%{transform:translateX(-130%)}92%,100%{transform:translateX(130%)}}
:root[data-theme="midnight-glass"] :is(.storage-meter>span,.storage-meter span,.flow-rail,.progress>div){background-size:220% 100%;animation:mg-flow 3.4s linear infinite}
@keyframes mg-flow{to{background-position:-220% 0}}
:root[data-theme="midnight-glass"] :is(.primary,.secondary,.icon-button,.btn){transition:transform 120ms ease}
:root[data-theme="midnight-glass"] :is(.primary,.secondary,.icon-button,.btn):active{transform:scale(.965)}
}
@media (prefers-reduced-motion:reduce){
:root[data-theme="midnight-glass"] :is(.storage-summary,.plan-card,.settings-card)::after{animation:none;display:none}
:root[data-theme="midnight-glass"] :is(.storage-meter>span,.storage-meter span,.flow-rail,.progress>div){animation:none}
:root[data-theme="midnight-glass"] body{transition:none}
}

/* ---- Animated call states (restrained, classy) ---- */
#call-dialog{transition:opacity .22s ease,transform .22s ease}
#call-dialog[data-call-state="ending"]{opacity:0;transform:scale(.96)}
#call-dialog[data-call-state="ringing"] #call-answer{animation:call-ring 1.2s ease-in-out infinite}
#call-dialog:not([data-call-state="ringing"]) #call-answer{animation:none}
#call-mute[data-muted="true"],#call-camera[data-muted="true"]{animation:call-pulse 1.6s ease-in-out infinite}
@keyframes call-ring{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(213,178,107,.45)}50%{transform:scale(1.06);box-shadow:0 0 0 14px rgba(213,178,107,0)}}
@keyframes call-pulse{0%,100%{opacity:1}50%{opacity:.4}}
#call-status{transition:color .25s ease}
@media (prefers-reduced-motion:reduce){#call-dialog{transition:none}#call-dialog[data-call-state="ringing"] #call-answer,#call-mute[data-muted="true"],#call-camera[data-muted="true"]{animation:none}}

/* ---- Clipboard arrival + OTP code ---- */
#clipboard-offer.arrive{animation:offer-spring .45s cubic-bezier(.2,1.35,.4,1)}
/* offer-spring redefined above with a gentler settle */
#clipboard-received.otp-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1.6rem;letter-spacing:.35em;text-align:center;font-weight:700}
/* ---- IVR detected numbers ---- */
.ivr-numbers{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.ivr-numbers a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid #d5b26b;background:#fff8;text-decoration:none;color:inherit;font-weight:600;animation:offer-spring .4s cubic-bezier(.2,1.35,.4,1)}
@media (prefers-reduced-motion:reduce){#clipboard-offer.arrive,.ivr-numbers a{animation:none}}

.clipboard-history-wrap{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.history-heading{display:flex;align-items:center;justify-content:space-between}
.history-heading h4{font-size:12px;color:#67748c;margin:0}
.history-list{display:flex;flex-direction:column;gap:6px;margin-top:10px;max-height:180px;overflow:auto}
.history-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:#f7f8fc;border:1px solid #e6eaf2;border-radius:8px;padding:10px 12px;text-align:left;width:100%;color:#79849f}
.history-item:hover{border-color:#c3bcea}
.history-item .history-text{font-size:11px;color:#5d6985;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.history-item small{font-size:9px;color:#adb5c9}
#clipboard-resend{margin-left:8px}
#clipboard-open-link{margin-left:8px}
@media(prefers-reduced-motion:reduce){.clipboard-offer.arrive{animation:none!important}}.qr-wrap{display:grid;place-items:center;gap:12px;padding:20px;background:#f7f8fc;border-radius:10px;margin:16px 0}.qr-wrap svg{max-width:280px;height:auto;border-radius:8px;box-shadow:0 4px 20px #0001}#nearby-scanner{width:100%;max-height:300px;border-radius:10px;background:#1a1d2e}#nearby-dialog textarea{font-family:monospace;font-size:10px}.referral-card{background:linear-gradient(135deg,#eeedfb,#f7f3ff);border:1px solid #d9d2f5}.referral-code{font-family:monospace;font-size:20px;letter-spacing:2px;background:#fff;border:1px dashed #b9aee8;border-radius:8px;padding:12px 18px;display:inline-block;margin:10px 0}.storage-earned{color:#6a5fc0;font-weight:700}.referral-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:12px 0}
.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:20px 0}.media-card{background:#fff;border:1px solid #e8e6f5;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #0001}.media-thumb{background:linear-gradient(135deg,#1a1d2e,#2d3350);color:#e8b84b;display:flex;align-items:center;justify-content:center;height:120px;font-size:36px;position:relative}.media-thumb small{position:absolute;bottom:8px;right:10px;font-size:10px;background:#0008;color:#fff;padding:2px 8px;border-radius:10px}.media-info{padding:12px 14px}.media-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-info small{color:#888}.media-actions{display:flex;gap:8px;padding:0 14px 14px;flex-wrap:wrap}.media-player-wrap{background:#14172a;border-radius:12px;padding:16px;margin:16px 0}.media-player-wrap video{width:100%;max-height:420px;border-radius:8px;background:#000}.media-player-bar{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:#fff}

/* Welcome floats over the real workspace; no demonstration records are added. */
#signin-dialog.welcome-glass,#account-dialog{color:#edf3ff;background:radial-gradient(ellipse at 12% 0,#477bbb35,transparent 58%),linear-gradient(145deg,#142640f2,#0b1429f7);border:1px solid #d0af6755;border-radius:28px;box-shadow:inset 0 1px #ffffff35,0 35px 110px #0009,0 0 80px #376db51c;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:38px;width:min(540px,calc(100vw - 32px));max-height:92dvh;overflow:auto}
#signin-dialog::backdrop,#account-dialog::backdrop{background:radial-gradient(ellipse at 50% 45%,#0b152c30,#07102088);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.welcome-brand{font-size:29px;font-weight:750;letter-spacing:-1px;margin-bottom:30px}.welcome-brand>span:first-child{display:inline-grid;place-items:center;width:46px;height:46px;border:1px solid #d9b96d;border-radius:50%;margin-right:7px;color:#e3c888;box-shadow:inset 0 1px #fff4,0 0 30px #d9b96d18}.welcome-dot{color:#d9b96d}
#signin-dialog .eyebrow{color:#a7bbd9;font-size:10px;letter-spacing:2px}#signin-dialog h2{font-size:43px;line-height:1.12;letter-spacing:-1.8px;color:#f2f6ff;margin:14px 0 20px;font-weight:650}#signin-dialog h2 em{font-style:normal;color:#dfc487}.welcome-copy{color:#c0cee0;line-height:1.7;max-width:370px}.welcome-actions{display:flex;flex-direction:column;gap:11px;margin-top:26px}.welcome-actions button{width:100%;justify-content:center;padding:15px;font-size:14px}.welcome-footnote{color:#93a6c1;font-size:12px;text-align:center;margin:18px 0 25px}.welcome-link{border-top:1px solid #ffffff16;padding-top:18px;font-size:12px;color:#c6d2e4}.welcome-link summary{cursor:pointer}.welcome-chatgpt{display:block;text-align:center;font-size:12px;color:#cdbb91;margin-top:20px}#account-dialog :is(h2,h3,label){color:#edf3ff}#account-dialog input{color:#edf3ff;background:#ffffff0b;border-color:#ffffff28}#account-dialog .close{color:#edf3ff}#account-recovery{white-space:pre-wrap;background:#0003;padding:15px;border-radius:10px;color:#d8c48e}
:root[data-theme="midnight-glass"] .media-card{background:linear-gradient(140deg,#172740,#0e182b);border-color:#ffffff16;color:#edf3ff}:root[data-theme="midnight-glass"] select option{background:#142039;color:#edf3ff}
:root[data-theme] :is(.account-wizard label small,.account-stepper li,.account-wizard .account-switch-row){font-size:12px}
@media(max-width:560px){#signin-dialog.welcome-glass,#account-dialog{padding:25px;border-radius:23px}#signin-dialog h2{font-size:36px}.welcome-brand{margin-bottom:23px}}

.persistent-account-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.persistent-account-actions button{font-size:12px;padding:8px 11px}@media(max-width:560px){.persistent-account-actions{gap:4px}.persistent-account-actions button{font-size:10px;padding:6px}}

.account-wizard .dialog-top{align-items:flex-start}.account-wizard .dialog-top h2{font-size:30px;letter-spacing:-1px;margin:12px 0 0}.account-intro{line-height:1.6;color:#b6c7dc;font-size:13px;margin:18px 0 25px}.account-stepper{display:flex;gap:9px;list-style:none;padding:0;margin:24px 0 16px}.account-stepper li{flex:1;font-size:11px;color:#8096b4;border-bottom:2px solid #ffffff16;padding-bottom:10px}.account-stepper li span{margin-left:5px}.account-stepper li.current{color:#e1c281;border-color:#d7b875}.account-name-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-wizard label small{font-size:10px;font-weight:400;color:#8fa5c0;margin-left:5px}.account-password-wrap{position:relative}.account-password-wrap input{padding-right:70px}.account-password-wrap button{position:absolute;right:6px;top:7px;border:0;background:transparent;color:#c8b77f;font:inherit;font-size:11px;padding:8px;cursor:pointer}.account-service-note{padding:14px;border:1px solid #cba86b55;background:#cba86b0c;border-radius:12px;color:#d4c9ad;font-size:11px;line-height:1.6;margin:14px 0}.account-form-actions{display:flex;gap:10px;margin-top:22px}.account-form-actions>.primary{flex:1;justify-content:center;padding:13px}.account-switch-row{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:20px;font-size:10px;color:#91a6c1}.account-code-input{text-align:center;letter-spacing:10px;font-size:27px;padding:17px!important}.account-wizard #account-status:empty{display:none}.account-wizard #account-status{font-size:12px;line-height:1.6;color:#dfc487}.account-wizard #account-secret label{margin-top:18px}@media(max-width:420px){.account-name-row{grid-template-columns:1fr}.account-wizard .dialog-top h2{font-size:26px}}

.account-contact-row,.account-credentials-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-credentials-row:not(:has(#account-confirm-field:not([hidden]))){grid-template-columns:1fr}.account-wizard #signup-security-step .context-note{font-size:10px;line-height:1.5}.account-wizard #account-login-method small{display:block;margin:7px 0 0}.account-wizard input{min-width:0}@media(max-width:440px){.account-contact-row,.account-credentials-row{grid-template-columns:1fr}}

.account-access-link{display:flex;justify-content:center;text-decoration:none;margin-top:12px;padding:12px}.account-service-note strong{display:block;color:#ead6a6}.account-service-note p{margin:8px 0;color:#c5cfe0}

/* Send-from-SynCloud (work order #5): destination row + in-place player */
.syncloud-send-row{display:flex;gap:10px;align-items:flex-end;margin-top:14px}
.syncloud-send-row label{flex:1;margin:0}
.syncloud-send-row .secondary{white-space:nowrap}
.file-preview video{width:100%;max-height:190px;border-radius:5px;background:#000}
.file-preview audio{width:100%}


/* Fast, low-cost entrance for the in-app sign-in gate. */
#account-dialog[open]{animation:syncfi-signin-in 220ms cubic-bezier(.2,.75,.25,1) both}
@keyframes syncfi-signin-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){#account-dialog[open]{animation:none}}


/* Readability and contrast pass: preserve the selected theme while lifting small and muted text. */
:root{--muted:#5f6b7e}
:root[data-theme] body{font-size:14px;color:var(--theme-ink,var(--ink))}
:root[data-theme] :is(.breadcrumb,.connection,.eyebrow,.hero-caption,.stats>div>span,.stats>div>small,.text-button,.device-status,.device-card p,.device-card .this-device,.add-device-card,.send-zone p,.send-zone small,.file-title p,.transfer-peer,.transfer-peer small,.transfer-date,.context-note,.settings-card small,.toggle-row small,dialog small,footer,.account-intro,.account-switch-row,#syncfi-account-name){font-size:12px}
:root[data-theme] :is(.breadcrumb,.connection,.eyebrow,.hero p,.hero-caption,.stats>div>span,.stats>div>small,.text-button,.device-card h3,.device-card p,.device-status,.add-device-card,.send-zone h3,.send-zone p,.send-zone small,.file-title h3,.file-title p,.transfer-peer,.transfer-peer small,.transfer-date,.context-note,.toggle-row small,footer,#syncfi-account-name){color:var(--theme-muted,#5f6b7e)}
:root[data-theme] :is(.nav,.primary,.secondary,.hero-secondary,.filter-bar button,.text-button){font-size:13px}
:root[data-theme] :is(button,.nav,input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){min-height:44px}
:root[data-theme] .hero p{font-size:14px;line-height:1.55}
:root[data-theme] .hero .eyebrow,.eyebrow.dark{font-size:12px;letter-spacing:1.2px}
:root[data-theme] .hero-caption{font-size:12px;gap:14px}
:root[data-theme] .stats>div>span{font-size:12px}
:root[data-theme] .stats>div>small{font-size:12px}
:root[data-theme] .device-card{min-height:168px;padding:24px}
:root[data-theme] .device-card h3{font-size:14px}
:root[data-theme] .device-card p{font-size:12px}
:root[data-theme] .device-status{font-size:12px}
:root[data-theme] .device-card .this-device{font-size:11px}
:root[data-theme] .add-device-card{font-size:13px}
:root[data-theme] .send-zone h3{font-size:15px}
:root[data-theme] .send-zone p{font-size:13px}
:root[data-theme] .send-zone small{font-size:12px}
:root[data-theme] .transfer-row{font-size:13px}
:root[data-theme] .transfer-status{font-size:12px}
:root[data-theme] .context-note{font-size:13px;line-height:1.55}
:root[data-theme] .nav-caption{font-size:12px;color:#aeb8d0}
:root[data-theme] .sidebar-bottom p{font-size:12px;color:#aeb8d0}
:root[data-theme] :is(.primary,.secondary,.hero-secondary,.text-button,.nav,.filter-bar button,.icon-button){min-height:44px}
:root[data-theme] .device-card .device-send{width:44px;height:44px;display:grid;place-items:center}
.persistent-account-actions{gap:10px}
#syncfi-account-name{font-weight:600;white-space:nowrap}
@media(max-width:560px){
 header{height:auto;min-height:68px;padding:10px 14px;gap:8px;flex-wrap:wrap}
 header>.breadcrumb{flex:1;min-width:145px}
 header>.header-controls{gap:8px}
 .persistent-account-actions{flex:1 0 100%;justify-content:flex-end;margin-left:0}
 .persistent-account-actions button{min-height:44px;font-size:13px;padding:10px 14px}
}


/* Calls float above the workspace and collapse to the upper-right edge. */
#call-dialog{position:fixed;inset:82px 22px auto auto;margin:0;width:min(460px,calc(100vw - 28px));max-height:calc(100dvh - 100px);overflow:auto;padding:24px;border:1px solid #d5b26b88;border-radius:24px;background:radial-gradient(ellipse at 50% 0,#435b7b55,transparent 58%),linear-gradient(145deg,#142640f5,#0b1429fa);color:#f2f6ff;box-shadow:0 22px 80px #0009,0 0 36px #d5b26b20;z-index:9500}
#call-dialog::backdrop{background:transparent}
.call-profile{position:relative;text-align:center;padding:4px 12px 0}
.call-minimize{position:absolute;right:0;top:0;width:44px;height:44px;border:1px solid #ffffff35;border-radius:50%;background:#ffffff0d;color:#f2f6ff;font-size:23px;cursor:pointer}
.call-phone{display:grid;place-items:center;width:108px;height:108px;margin:14px auto 15px;border-radius:50%;background:linear-gradient(145deg,#243c5e,#17233c);border:1px solid #e1c28188;color:#e7ca86;font-size:52px;box-shadow:inset 0 1px #ffffff22,0 12px 34px #0005}
#call-dialog[data-call-state="ringing"] .call-phone{animation:classic-ring .85s ease-in-out infinite}
@keyframes classic-ring{0%,100%{transform:rotate(0) scale(1)}18%{transform:rotate(-13deg) scale(1.035)}36%{transform:rotate(13deg) scale(1.035)}54%{transform:rotate(-9deg)}72%{transform:rotate(9deg)}}
.call-handler{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:#e7ca86;font-weight:700}
#call-title{margin:5px 0 0;color:#f2f6ff;font-size:28px;line-height:1.15}
#call-kind{margin:6px 0 0;color:#d9e4f2;font-size:14px}
#call-status{min-height:24px;text-align:center;color:#f2f6ff;font-size:14px;line-height:1.5}
#call-media{display:grid;gap:10px}#call-remote{width:100%;max-height:300px;background:#080d18;border-radius:14px}#call-local{width:100%;max-height:140px;background:#080d18;border-radius:12px}
#call-dialog .clipboard-actions{justify-content:center;flex-wrap:wrap}
.call-float{position:fixed;right:18px;top:18px;z-index:9600;display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 16px;border:1px solid #d5b26b;border-radius:999px;background:#142640;color:#f2f6ff;box-shadow:0 8px 28px #0007;font:600 13px system-ui,sans-serif;cursor:pointer}
.call-float[hidden]{display:none}.call-float span:first-child{font-size:22px;color:#e7ca86}
@media(max-width:560px){#call-dialog{inset:72px 10px auto;width:calc(100vw - 20px);padding:18px;max-height:calc(100dvh - 84px)}.call-phone{width:90px;height:90px;font-size:44px}.call-float{top:10px;right:10px}}
@media(prefers-reduced-motion:reduce){#call-dialog[data-call-state="ringing"] .call-phone{animation:none}}

#call-chooser{width:min(420px,calc(100vw - 28px));padding:24px;border:1px solid #d5b26b88;border-radius:20px;background:linear-gradient(145deg,#142640,#0b1429);color:#f2f6ff;box-shadow:0 22px 80px #0009}
#call-chooser::backdrop{background:#06102099;backdrop-filter:blur(3px)}
#call-chooser h2{margin:0 0 18px;color:#f2f6ff;font-size:24px}
#call-chooser label{display:grid;gap:8px;color:#edf3ff;font-size:14px}
#call-chooser select{width:100%;background:#172640;color:#f2f6ff;border:1px solid #ffffff38;border-radius:10px;padding:10px}
#call-chooser .clipboard-actions{margin-top:16px;flex-wrap:wrap}

/* Clipboard Save card — champagne-gold accent so the owner can find it
   at a glance (round-2 fix, Nov 2, 2026). Heading steps UP in size;
   no text on the card goes below the sizes it already had. */
.clipboard-save-card{border:2px solid #E8B84B;border-left:6px solid #E8B84B;border-radius:10px;background:rgba(232,184,75,.08);padding:14px 16px;margin:0 0 14px}
.clipboard-save-heading{font-size:16px;font-weight:800;color:var(--ink)}
.just-saved-card{border:2px solid #E8B84B;border-left:6px solid #E8B84B;border-radius:10px;background:rgba(232,184,75,.14);padding:14px 16px;margin:0 0 14px;font-size:12px}
.just-saved-card strong{font-size:15px;font-weight:800}
.just-saved-name{overflow-wrap:anywhere;font-weight:600}
.just-saved-text{white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border:1px solid #E8B84B;border-radius:8px;padding:10px 12px;margin-top:10px}
.transfer-row.just-saved-highlight{outline:3px solid #E8B84B;outline-offset:2px;box-shadow:0 0 0 6px rgba(232,184,75,.25)}

/* Just-saved arrivals (Nov 2, 2026): the pinned arrival card carries
   the SynCloud mark — the golden cloud with the little lock — and the
   same champagne-gold language as the Clipboard Save card. */
.just-saved-arrival-head{display:flex;align-items:center;gap:10px}
.just-saved-mark{width:32px;height:32px;flex:none}
.just-saved-size{color:#8490a6}
.just-saved-thumb{display:block;max-width:200px;max-height:130px;border-radius:8px;border:1px solid #E8B84B;margin-top:10px;object-fit:cover}
.just-saved-thumb-slot{display:block;width:64px;height:44px;border-radius:8px;border:1px dashed rgba(232,184,75,.7);background:rgba(232,184,75,.12);margin-top:10px}
.file-badge.has-thumb{overflow:hidden;padding:0}
.vault-thumb{width:100%;height:100%;object-fit:cover;display:block}