:root{--ink-900:#111;--ink-900_unchanged:#111;--ink-700:#2a2a2a;--ink-500:#6b6b6b;--ink-300:#9a9a9a;--ink-100:#d8d8d8;--line:#ececec;--paper:#f6f5f2;--white:#fff;--white_unchanged:#fff;--track:#e8e8e8;--danger:#c0362c;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:18px;--maxw:1080px;--font:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font);color:var(--ink-900);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root.dark{--ink-900:#f5f5f5;--ink-700:#d8d8d8;--ink-500:#a8a8a8;--ink-300:#bababa;--ink-100:#3a3a3a;--line:#323232;--paper:#171717;--white:#1b1b1b;--track:#2b2b2b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink-900)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink-900);min-height:100svh}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{letter-spacing:-.02em;color:var(--ink-900);margin:0;font-weight:700}p{margin:0}a{color:inherit;text-decoration:none}.overline{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-300);font-size:11px;font-weight:600}.app{background:var(--paper);flex-direction:column;min-height:100svh;display:flex}.topbar{background:var(--ink-900_unchanged);color:var(--white)}.topbar__inner{max-width:var(--maxw);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:14px 28px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand__mark{background:var(--white_unchanged);width:fit-content;color:var(--ink-900_unchanged);border-radius:7px;justify-content:center;align-items:center;display:flex}.brand__mark img{width:50px;height:auto}.brand__name{letter-spacing:-.02em;color:var(--white_unchanged);font-size:25px;font-weight:700}.nav{text-wrap:nowrap;align-items:center;gap:10px;display:flex}.nav a{color:#ffffff9e;font-size:20px;font-weight:500;transition:color .15s}.nav a:hover{color:var(--white_unchanged)}.navButtonContainer{gap:5px;display:flex}.nav__chip{background-color:var(--ink-900_unchanged);color:var(--white_unchanged);cursor:pointer;aspect-ratio:1;border:1px solid #ffffff38;border-radius:8px;justify-content:center;align-items:center;height:38px;padding:8px;font-size:15px;font-weight:600;display:flex}.nav__theme{background-color:var(--ink-900_unchanged);color:var(--white_unchanged);cursor:pointer;aspect-ratio:1;border:1px solid #ffffff38;border-radius:8px;justify-content:center;align-items:center;margin-right:-10px;padding:8px;font-size:17px;font-weight:600;display:flex}.nav__chip:hover,.nav__theme:hover{border-color:#ffffff80}.stage{width:100%;max-width:var(--maxw);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;margin:0 auto;padding:56px 28px;animation:.25s rise;display:flex}.hero__title{letter-spacing:-.035em;margin:8px 0 10px;font-size:clamp(28px,5vw,44px);line-height:1.08}.hero__sub{color:var(--ink-500);max-width:30ch;font-size:15px;font-weight:500}.receiveContainer{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:640px;display:flex}.receiveHeaderContainer{flex-direction:column;justify-content:center;align-items:center;display:flex}.qr-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:0 1px 0 var(--line);margin-top:32px;padding:18px;display:inline-flex}.qr-card canvas{border-radius:6px;display:block}.qr-note{color:var(--ink-300);text-align:center;margin:16px 0 0;font-size:12.5px}.qr-skel{background-size:200% 100%;background:linear-gradient(-45deg, var(--ink-700), var(--ink-100));background-size:200% 200%;border-radius:10px;width:220px;height:220px;animation:1s infinite gradient-shift}.dark .qr-skel{background:linear-gradient(-45deg, var(--ink-700), var(--ink-900_unchanged));background-size:200% 200%;animation:1s infinite gradient-shift}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.countDownContainer{letter-spacing:5px;justify-content:center;align-items:center;min-width:100px;padding:10px 0;font-size:1.5rem;display:flex}.devpanel{flex-direction:column;gap:10px;width:100%;max-width:540px;margin-top:18px;display:flex}.devtoggle{color:var(--ink-500);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding-left:2px;font-size:12.5px;font-weight:600;display:flex}.devtoggle input{appearance:none;background:var(--ink-100);cursor:pointer;border-radius:999px;flex:none;width:34px;height:20px;transition:background .15s;position:relative}.devtoggle input:after{content:"";background:var(--white);border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.devtoggle input:checked{background:var(--ink-900)}.devtoggle input:checked:after{transform:translate(14px)}.devtoggle__label{flex:1}.devtoggle__state{letter-spacing:.06em;color:var(--ink-300);background:var(--paper);border:1px solid var(--line);border-radius:6px;flex:none;padding:3px 7px;font-size:10px;font-weight:700}.devtoggle__state.is-on{color:var(--white);background:var(--ink-900);border-color:var(--ink-900)}.devbox{background:var(--paper);border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;width:100%;max-width:540px;padding:7px 7px 7px 12px;display:flex}.devbox__tag{letter-spacing:.08em;color:var(--white);background:var(--ink-900);border-radius:5px;flex:none;padding:3px 6px;font-size:10px;font-weight:700}.devbox__url{min-width:0;color:var(--ink-500);white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;overflow:hidden}.devbox__copy{font-family:var(--font);color:var(--ink-900);background:var(--white);border:1px solid var(--ink-100);cursor:pointer;border-radius:8px;flex:none;align-items:center;gap:6px;padding:7px 11px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.devbox__copy:hover{background:var(--paper);border-color:var(--ink-300)}.devbox__copy:active{transform:scale(.97)}.btn{font-family:var(--font);cursor:pointer;border:1.5px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:8px 15px;font-size:14px;font-weight:600;line-height:1;transition:transform .12s,background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.985)}.btn--primary{background:var(--ink-900);color:var(--white)}.btn--primary:hover{background:var(--ink-300);color:var(--ink-900_unchanged)}.btn--secondary{background:var(--white);color:var(--ink-900);border-color:var(--ink-900);flex:1;min-width:57px;min-height:43px}.btn--secondary:hover{background:var(--ink-700);color:var(--paper)}.btn--block{width:100%}.btn:disabled{background:var(--ink-300);color:var(--ink-700);cursor:not-allowed;opacity:.6;transform:none}.dark .btn:disabled{background:var(--ink-300);color:var(--ink-900);cursor:not-allowed;transform:none}#refreshQR{margin-top:1em}.upload-wrap{background:var(--paper);justify-content:center;align-items:center;width:100%;padding:24px 18px;display:flex}.sheet{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);width:100%;max-width:420px;overflow:hidden;box-shadow:0 10px 40px -24px #00000040}.sheet__bar{background:var(--ink-900);color:var(--white);align-items:center;gap:9px;padding:10px 18px;display:flex}.sheet__bar .overline{color:var(--ink-100);margin-left:auto;font-size:.9rem}.sheet__bar .brand__name,svg{font-size:1rem}.sheet__bar .brand__name{color:var(--ink-100)}.sheet__body{flex-direction:column;gap:16px;padding:22px 20px 24px;display:flex}.sheet__title{font-size:19px}.dropzone{border:1.5px dashed var(--ink-100);background:var(--white);color:var(--ink-500);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:9px;padding:30px 16px;transition:border-color .15s,background .15s;display:flex}.dropzone:hover{border-color:var(--ink-300);background:var(--paper)}.dropzone__icon{color:var(--ink-900)}.dropzone__hint{font-size:13px}.dropzone input{display:none}.filerow{background:var(--paper);border-radius:var(--r-md);text-align:left;align-items:center;gap:12px;padding:11px 13px;display:flex}.filerow__tile{background:var(--ink-900);width:36px;height:36px;color:var(--white);border-radius:9px;flex:none;justify-content:center;align-items:center;display:flex}.filerow__meta{flex:1;min-width:0}.filerow__name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.filerow__size{color:var(--ink-300);margin-top:2px;font-size:11.5px}.filerow__action{color:var(--ink-300);flex:none;align-items:center;display:flex}.filerow__remove{width:28px;height:28px;color:var(--ink-300);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex}.filerow__remove:hover{background:var(--ink-900);color:var(--ink-100)}.filerow__remove:active{transform:scale(.92)}.downloadingIcon{animation:2s linear infinite spin}.progress{background:var(--track);border-radius:4px;height:5px;margin-top:7px;overflow:hidden}.progress>i{background:var(--ink-900);border-radius:4px;height:100%;transition:width .3s;display:block}.filelist{flex-direction:column;gap:8px;display:flex;margin-top:0!important}.note{align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.note--ok{color:var(--ink-900)}.note--err,.fileCount .note--err,.batchSize .note--err{color:var(--danger)}.feErrorContent{text-align:center}.received,.filelist{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);text-align:left;flex-direction:column;gap:12px;width:100%;max-width:420px;margin-top:16px;padding:16px;animation:.25s rise;display:flex}.received__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.received__clear{font-family:var(--font);color:var(--ink-300);cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:5px;padding:4px 6px;font-size:12px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.received__clear:hover{background:var(--ink-100);color:var(--ink-900)}.received__list{flex-direction:column;gap:8px;max-height:280px;display:flex;overflow-y:auto}.filerow__dl{width:34px;height:34px;color:var(--ink-500);background:var(--white);border:1px solid var(--line);cursor:pointer;border-radius:9px;flex:none;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.filerow__dl:hover{background:var(--ink-900);color:var(--white);border-color:var(--ink-900)}.filerow__dl:active{transform:scale(.94)}.steps{border-top:1px solid var(--line);margin-top:1em}.steps__inner{max-width:var(--maxw);flex-wrap:wrap;justify-content:center;gap:28px;margin:0 auto;padding:14px 20px;display:flex}.step{color:var(--ink-500);text-wrap:nowrap;align-items:center;gap:9px;font-size:12.5px;display:flex}.step__num{background:var(--ink-900);width:20px;height:20px;color:var(--white);border-radius:6px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.hub{flex-direction:column;gap:12px;width:100%;max-width:460px;margin-top:32px;display:flex}.hub__card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);text-align:left;box-shadow:0 1px 0 var(--line);align-items:center;gap:14px;padding:16px 18px;transition:transform .14s,border-color .15s,box-shadow .15s;display:flex}.hub__card:hover{border-color:var(--ink-300);transform:translateY(-2px);box-shadow:0 12px 30px -20px #00000059}.hub__card:active{transform:translateY(0)}.hub__icon{background:var(--ink-900);width:44px;height:44px;color:var(--white);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.hub__text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.hub__title{letter-spacing:-.01em;color:var(--ink-900);font-size:16px;font-weight:700}.hub__sub{color:var(--ink-500);font-size:12.5px}.hub__arrow{color:var(--ink-300);flex:none;align-items:center;transition:color .15s,transform .15s;display:flex}.hub__card:hover .hub__arrow{color:var(--ink-900);transform:translate(2px)}.panel{flex-direction:column;gap:16px;width:100%;max-width:420px;margin-top:28px;animation:.25s rise;display:flex}.qrreceive{flex-direction:column;align-items:center;min-width:400px;animation:.25s rise;display:flex}.codebox{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 1px 0 var(--line);flex-direction:column;align-items:center;gap:12px;padding:22px 18px;display:flex}.codebox__label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-300);font-size:11px;font-weight:600}.codebox__digits{letter-spacing:.16em;color:var(--ink-900);padding-left:.16em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:clamp(30px,9vw,42px);font-weight:700}.codebox__copy{margin-top:2px}.codeinput{letter-spacing:.3em;text-align:center;text-transform:uppercase;width:100%;color:var(--ink-900);background:var(--white);border:1.5px solid var(--ink-100);border-radius:var(--r-md);outline:none;padding:16px 12px 16px .3em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:clamp(24px,7vw,32px);font-weight:700;transition:border-color .15s,box-shadow .15s}.codeinput::placeholder{color:var(--ink-300);letter-spacing:.16em}.codeinput:focus{border-color:var(--ink-900);box-shadow:0 0 0 3px #11111114}.prefixInput{letter-spacing:.01em;width:70%;color:var(--ink-900);background:var(--white);border:1.5px solid var(--ink-100);border-radius:var(--r-md);outline:none;margin:.25em auto;padding:6px 16px;font-size:1rem;font-weight:700;transition:border-color .15s,box-shadow .15s}.prefixInput::placeholder{color:var(--ink-300);letter-spacing:.01em}.prefixInput:focus{border-color:var(--ink-900);box-shadow:0 0 0 3px #11111114}.nameInput{letter-spacing:.01em;width:100%;color:var(--ink-900);background:var(--white);border:1.5px solid var(--ink-100);border-radius:var(--r-md);outline:none;margin:.25em auto;padding:6px 16px;font-size:1rem;font-weight:700;transition:border-color .15s,box-shadow .15s}.nameInput::placeholder{color:var(--ink-300);letter-spacing:.01em}.nameInput:focus{border-color:var(--ink-900);box-shadow:0 0 0 3px #11111114}.tabs{background:var(--white);border:1px solid var(--line);border-radius:12px;gap:4px;margin-top:26px;padding:4px;display:inline-flex}.tab{font-family:var(--font);color:var(--ink-500);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.tab:hover{color:var(--ink-900)}.tab.is-active{background:var(--ink-900);color:var(--white)}.qr-card--sm{align-self:center;margin-top:0;padding:14px}.feedback--input{text-transform:none;letter-spacing:normal;letter-spacing:.01em;width:70%;color:var(--ink-900);background:var(--white);border:1.5px solid var(--ink-100);border-radius:var(--r-md);outline:none;margin:.25em auto 0;padding:6px 16px;font-size:1rem;font-weight:700;transition:border-color .15s,box-shadow .15s}.feedback--input::placeholder{color:var(--ink-900);opacity:.4;font-size:.85rem;font-style:italic}.feedback--textarea{resize:vertical;font:inherit;letter-spacing:.01em;width:100%;min-height:360px;color:var(--ink-900);background:var(--white);border:1.5px solid var(--ink-100);border-radius:var(--r-md);outline:none;margin:.25em auto;padding:6px 16px;font-size:1rem;font-weight:700;transition:border-color .15s,box-shadow .15s}.feedback--textarea:focus,.feedback--input:focus{border-color:var(--ink-900);box-shadow:0 0 0 3px #11111114}.char--counter{text-align:right}.note--success{color:var(--ink-900)}.note--error{color:var(--danger);position:absolute}.contactInfoContainer{flex-direction:column;justify-content:center;align-items:center;display:flex}@media (width<=640px){.topbar__inner{padding:12px 18px}.nav{gap:8px}.nav a,.nav span{font-size:1rem}.nav__theme{padding:7px}.nav__theme svg{font-size:14px}.nav__chip{aspect-ratio:1;height:33.5px;margin-right:0;padding:7px}.stage{padding:40px 18px 0}.receiveContainer{min-height:70svh}.steps__inner{gap:12px;padding:12px 18px}.codeinput{letter-spacing:.22em;padding-left:.22em}.codebox__digits{letter-spacing:.12em;padding-left:.12em}.tab{padding:9px 16px}.feedback--textarea{min-height:200px}}@media (width<=480px){.topbar__inner{gap:0}.nav{justify-content:flex-end;gap:14px;width:70%;display:flex}.nav a{font-size:.9rem}.nav__theme{margin-right:0;padding:5px}.nav__theme svg{font-size:14px}.nav__chip{aspect-ratio:1;width:29.5px;height:29.5px;margin-right:0;padding:7px}.navButtonContainer{flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.navButtonContainer a{text-align:right;width:100%}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}