:root{color:#152033;font-synthesis:none;--bg:#f4f7ff;--surface:#ffffffd1;--surface-solid:#fff;--surface-soft:#f4f7ffd1;--text:#152033;--muted:#667085;--line:#576fa029;--blue:#2f63e8;--blue-bright:#3977ff;--violet:#7c5ce7;--danger:#b42318;--shadow:0 28px 80px #23408024;--soft-shadow:0 12px 32px #2340801f;background:#f4f7ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color:#eef3ff;--bg:#080d19;--surface:#10182ad1;--surface-solid:#111a2c;--surface-soft:#18233ab8;--text:#eef3ff;--muted:#a6b2c8;--line:#a4b5da29;--blue:#5b8cff;--blue-bright:#77a0ff;--violet:#a78bfa;--danger:#ff8a82;--shadow:0 32px 90px #0000006b;--soft-shadow:0 14px 36px #0000004d;background:#080d19}*{box-sizing:border-box}html{background:var(--bg);min-width:320px;min-height:100%}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0;overflow-x:hidden}button,input,select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark] button,:root[data-theme=dark] input,:root[data-theme=dark] select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.visual-world{pointer-events:none;z-index:0;background:radial-gradient(circle at 50% -25%,#4a7cff29,#0000 45%);position:fixed;inset:0;overflow:hidden}.visual-world:before{content:"";opacity:.45;transform-origin:bottom;background-image:linear-gradient(#4b6fb80e 1px,#0000 1px),linear-gradient(90deg,#4b6fb80e 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;transform:perspective(500px)rotateX(62deg)scale(1.55)translateY(20%);-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.visual-world span{aspect-ratio:1;filter:blur(70px);opacity:.18;border-radius:50%;width:360px;animation:16s ease-in-out infinite alternate drift;position:absolute}.visual-world span:first-child{background:#2778ff;top:12%;left:-140px}.visual-world span:nth-child(2){background:#8b5cf6;animation-delay:-6s;top:25%;right:-120px}.visual-world span:nth-child(3){background:#32d5ed;animation-delay:-11s;bottom:-260px;left:45%}main{z-index:1;width:min(1040px,100% - 32px);margin:0 auto;padding:16px 0 28px;position:relative}header{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(22px)saturate(1.2);backdrop-filter:blur(22px)saturate(1.2);border-radius:22px;justify-content:space-between;align-items:center;min-height:72px;margin-bottom:18px;padding:10px 14px;display:flex;position:relative;box-shadow:0 10px 40px #223c7614}.brand-lockup{align-items:center;gap:11px;min-width:max-content;display:flex}.brand-mark{filter:drop-shadow(0 8px 12px #3560df40);width:43px;height:43px;transform:perspective(200px)rotateY(5deg)}.brand-copy{line-height:1;display:grid}.brand-copy strong{letter-spacing:-.025em;font-size:1.05rem}.brand-copy small{color:var(--muted);letter-spacing:.11em;text-transform:uppercase;margin-top:5px;font-size:.65rem;font-weight:750}.header-actions,nav{align-items:center;gap:7px;display:flex}nav{border:1px solid var(--line);background:var(--surface-soft);border-radius:14px;padding:4px}button,.button,.file-picker{font:inherit;cursor:pointer;border:0;border-radius:12px;padding:11px 17px;font-weight:720;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,color .18s,border-color .18s}button:disabled{cursor:wait;opacity:.65}button:hover:not(:disabled),.button:hover,.file-picker:hover{transform:translateY(-2px)}nav button{min-height:40px;color:var(--muted);background:0 0;padding:8px 14px}nav button.active{color:#fff;background:linear-gradient(135deg, var(--blue-bright), var(--blue));box-shadow:0 8px 18px #2f63e847}.help-button{border-radius:11px;width:40px;min-width:40px;height:40px;padding:0;font-size:1rem}.theme-button{border:1px solid var(--line);background:var(--surface-soft);width:42px;height:42px;color:var(--muted);border-radius:13px;place-items:center;padding:0;display:grid}.theme-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.language-picker select{border:1px solid var(--line);background:var(--surface-soft);max-width:132px;min-height:42px;color:var(--text);font:inherit;cursor:pointer;border-radius:13px;padding:0 34px 0 12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-stage{perspective:1200px;animation:.45s cubic-bezier(.22,1,.36,1) both page-enter}section{isolation:isolate;border:1px solid var(--line);background:var(--surface);min-height:510px;box-shadow:var(--shadow);text-align:center;-webkit-backdrop-filter:blur(24px)saturate(1.12);backdrop-filter:blur(24px)saturate(1.12);transform-style:preserve-3d;border-radius:32px;padding:clamp(36px,7vw,72px);position:relative;overflow:hidden}section:before{content:"";z-index:-1;filter:blur(16px);background:radial-gradient(circle,#5080ff3d,#0000 70%);border-radius:50%;width:420px;height:240px;position:absolute;top:-185px;left:50%;transform:translate(-50%)}h1{color:var(--text);letter-spacing:-.06em;text-wrap:balance;margin:0;font-size:clamp(2.35rem,6vw,4.35rem);line-height:.98}section>p,.lead{color:var(--muted);font-size:clamp(1rem,2vw,1.12rem);line-height:1.6}section>p:first-of-type{margin:24px auto 20px}.file-picker,.button{color:#fff;background:linear-gradient(135deg, var(--blue-bright), var(--blue) 58%, #4f55d9);justify-content:center;align-items:center;margin:20px 0;display:inline-flex;box-shadow:0 11px 26px #2f63e845,inset 0 1px #ffffff3d}.file-picker:hover,.button:hover{box-shadow:0 15px 32px #2f63e857,inset 0 1px #ffffff4d}.file-picker input,.gif-picker-button input{display:none}.secondary-button{border:1px solid var(--line);background:var(--surface-solid);color:var(--text);font:inherit;cursor:pointer;box-shadow:var(--soft-shadow);border-radius:12px;padding:11px 17px;font-weight:700;transition:transform .18s,border-color .18s,box-shadow .18s;display:inline-block}.secondary-button:hover{border-color:color-mix(in srgb, var(--blue) 45%, var(--line));transform:translateY(-2px)}.secondary-button input{display:none}.send-primary .file-picker{margin:8px 0 10px}.send-options{width:min(100%,620px);margin:0 auto 18px}.send-options summary{color:var(--muted);cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:7px 11px;font-size:.92rem;font-weight:700;list-style:none;transition:color .18s,background .18s;display:inline-flex}.send-options summary::-webkit-details-marker{display:none}.send-options summary:before{content:"›";font-size:1.15rem;line-height:1;transition:transform .2s;display:inline-block;transform:rotate(90deg)}.send-options[open] summary:before{transform:rotate(-90deg)}.send-options summary:hover{color:var(--blue);background:var(--surface-soft)}.send-options-panel{border:1px solid var(--line);background:var(--surface-soft);border-radius:18px;margin-top:10px;padding:17px 20px 20px;animation:.25s both reveal-options;box-shadow:inset 0 1px #ffffff52}.password-fields{text-align:start;grid-template-columns:1fr 1fr;gap:12px;width:min(100%,560px);margin:18px auto 4px;display:grid}.password-fields label,.password-receive{color:var(--muted);font-weight:700}.password-fields input,.password-receive input{border:1px solid var(--line);background:var(--surface-solid);width:100%;color:var(--text);font:inherit;border-radius:11px;outline:none;margin-top:7px;padding:12px;transition:border-color .18s,box-shadow .18s;display:block}.password-fields input:focus,.password-receive input:focus{border-color:var(--blue);box-shadow:0 0 0 4px color-mix(in srgb, var(--blue) 16%, transparent)}.password-receive{text-align:start;width:min(100%,380px);margin:22px auto;display:block}.unlock-panel{border:1px solid var(--line);background:var(--surface-soft);border-radius:18px;width:min(100%,480px);margin:28px auto 18px;padding:20px}.unlock-panel .password-receive{margin:0 auto 4px}.unlock-panel .button{margin:14px 0 0}.encryption-option{color:var(--text);justify-content:center;align-items:center;gap:9px;margin:4px 0 8px;font-weight:700;display:flex}.encryption-option input{width:18px;height:18px;accent-color:var(--blue)}.qr-color{color:var(--muted);justify-content:center;align-items:center;gap:10px;margin:14px auto 0;font-weight:700;display:flex}.qr-color select{border:1px solid var(--line);background:var(--surface-solid);color:var(--text);border-radius:10px;padding:8px 30px 8px 10px}.transfer{margin-top:26px;animation:.5s cubic-bezier(.22,1,.36,1) both transfer-rise}.qr{width:min(100%,450px);image-rendering:pixelated;background:#fff;border:1px solid #465f961f;border-radius:26px;margin:8px auto 24px;padding:15px;display:block;transform:perspective(900px)rotateX(1.5deg)translateZ(10px);box-shadow:0 28px 60px #192f6033,inset 0 3px #fffc}.qr-placeholder{min-height:300px;color:var(--muted);place-items:center;display:grid}.video-estimate{font-size:.9rem}.video-progress{grid-template-columns:1fr auto auto;align-items:center;gap:10px;width:min(100%,560px);margin:16px auto;display:grid}.video-progress progress{width:100%;accent-color:var(--blue)}.source-choice{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:27px 0;display:flex}.source-choice .button{margin:0}.camera{aspect-ratio:4/3;border:1px solid var(--line);object-fit:cover;background:#070b14;border-radius:24px;width:min(100%,640px);margin-top:22px;box-shadow:0 26px 55px #0a142d3d}.error{color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 22%, transparent);background:color-mix(in srgb, var(--danger) 8%, var(--surface-solid));border-radius:11px;padding:12px}.notice{border:1px solid color-mix(in srgb, var(--blue) 20%, var(--line));background:color-mix(in srgb, var(--blue) 7%, var(--surface-solid));width:min(100%,620px);color:var(--muted);border-radius:12px;margin:18px auto;padding:13px 16px}.help-page{text-align:start}.help-page>h1,.help-page>.lead,.help-page>h2{text-align:center}.help-page h2{margin-top:38px}.help-page h3{color:var(--text);margin:0 0 9px}.help-page p{color:var(--muted);margin:0;line-height:1.65}.steps{counter-reset:steps;grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.steps article,.help-details article{border:1px solid var(--line);background:var(--surface-soft);border-radius:19px;padding:22px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.steps article:hover,.help-details article:hover{border-color:color-mix(in srgb, var(--blue) 35%, var(--line));box-shadow:var(--soft-shadow);transform:translateY(-4px)translateZ(10px)}.steps article:after{content:"";background:linear-gradient(135deg,#3977ff29,#8b5cf624);border-radius:50%;width:70px;height:70px;position:absolute;bottom:-30px;right:-28px}.help-details{grid-template-columns:1fr 1fr;gap:14px;margin-top:24px;display:grid}.help-details h2{margin:0 0 8px;font-size:1.08rem}footer{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;justify-content:center;align-items:center;gap:7px;padding:22px 10px 4px;font-size:.72rem;font-weight:700;display:flex}footer span:last-child{opacity:.62;margin-left:5px}.status-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #22c55e21,0 0 12px #22c55e73}:focus-visible{outline-offset:3px;outline:3px solid #84adff}[dir=rtl] .language-picker select{padding:0 12px 0 34px}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)rotateX(-1.2deg)}to{opacity:1;transform:none}}@keyframes reveal-options{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}@keyframes transfer-rise{0%{opacity:0;transform:translateY(16px)scale(.985)}to{opacity:1;transform:none}}@keyframes drift{0%{transform:translate(-2%,-3%)scale(.96)}to{transform:translate(5%,4%)scale(1.08)}}@media (width<=800px){main{width:min(100% - 22px,1040px);padding-top:10px}header{flex-direction:column;align-items:flex-start;gap:12px}.header-actions{justify-content:space-between;width:100%}.help-details,.steps{grid-template-columns:1fr}}@media (width<=520px){main{width:min(100% - 14px,1040px)}header{border-radius:18px;padding:10px}.brand-mark{width:39px;height:39px}.brand-copy small{display:none}.header-actions{flex-wrap:wrap}nav{order:3;width:100%}nav button:not(.help-button){flex:1}.theme-button{margin-left:auto}section{border-radius:24px;min-height:460px;padding:38px 18px}h1{font-size:clamp(2.25rem,14vw,3.2rem)}section>p:first-of-type{margin-top:20px}.password-fields{grid-template-columns:1fr}.send-options-panel{padding-inline:13px}.source-choice{flex-direction:column;align-items:stretch}.source-choice .button{width:100%}.video-progress{grid-template-columns:1fr auto}.video-progress button{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}