:root{font-family:Inter,"Segoe UI",system-ui,sans-serif;color:#211b35;background:#faf9fc;--ink:#211b35;--muted:#746e82;--line:#ebe7f0;--indigo:#4f3cc9;--deep:#342477;--coral:#f17862;--surface:#fff;--soft:#f4f1fb;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,#f0ebff 0,transparent 30%),#faf9fc}button,input,textarea,select{font:inherit}.app{width:min(560px,100%);min-height:100vh;margin:auto;padding:22px 18px 92px}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:54px}.brand{display:flex;align-items:center;gap:11px}.brand strong{font-size:1.25rem}.brand small{display:block;color:var(--muted);font-size:.7rem}.logo{width:42px;height:42px}.icon-btn{border:0;background:var(--surface);border:1px solid var(--line);width:42px;height:42px;border-radius:14px;color:var(--ink);cursor:pointer}.hero{padding:42px 4px 27px}.hero h1{font-size:clamp(2.3rem,10vw,3.5rem);line-height:.96;letter-spacing:-.055em;margin:0 0 15px}.hero p{color:var(--muted);font-size:1.08rem;margin:0}.stack{display:grid;gap:13px}.action-card{width:100%;display:flex;align-items:center;gap:16px;text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.88);border-radius:20px;padding:19px;box-shadow:0 8px 30px #31265d0a;cursor:pointer;color:var(--ink)}.action-card:hover{transform:translateY(-1px);box-shadow:0 12px 30px #31265d12}.action-card.featured{background:linear-gradient(135deg,#f78970,#ec6d5b);color:#fff;border-color:transparent;box-shadow:0 15px 35px #ee74534a}.action-icon{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:15px;background:var(--soft);color:var(--indigo);font-size:1.3rem}.featured .action-icon{background:#ffffff29;color:#fff}.action-copy{flex:1}.action-copy strong{display:block;font-size:1.08rem;margin-bottom:3px}.action-copy span{font-size:.87rem;color:var(--muted)}.featured .action-copy span{color:#fffce9}.arrow{font-size:1.35rem}.privacy-note{text-align:center;color:var(--muted);font-size:.79rem;margin:28px 0}.screen-head{display:flex;align-items:center;gap:13px;margin:12px 0 25px}.screen-head h1{font-size:1.75rem;margin:0;letter-spacing:-.035em}.back{border:0;background:transparent;font-size:1.5rem;padding:8px;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.type-card{min-height:124px;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:17px;text-align:left;color:var(--ink);cursor:pointer}.type-card b{display:block;margin:13px 0 4px}.type-card span{color:var(--muted);font-size:.78rem}.send-options{display:grid;gap:14px}.send-choice{border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:24px;text-align:left;cursor:pointer;color:var(--ink)}.send-choice:first-child{border-color:#ffd2c7;background:#fff9f6}.send-choice b{font-size:1.15rem}.send-choice p{margin:6px 0 0;color:var(--muted)}.field{display:grid;gap:7px;margin-bottom:16px}.field label{font-weight:700;font-size:.86rem}.field input,.field textarea,.field select{width:100%;border:1px solid #ddd7e6;background:var(--surface);border-radius:14px;padding:14px;color:var(--ink)}.field textarea{min-height:120px;resize:vertical}.button{border:0;border-radius:15px;padding:14px 18px;font-weight:750;cursor:pointer;text-decoration:none;text-align:center;display:inline-flex;justify-content:center;align-items:center}.button.primary{width:100%;background:var(--indigo);color:#fff}.button.coral{width:100%;background:var(--coral);color:#fff}.button.secondary{background:var(--soft);color:var(--deep)}.button.danger{background:#fff0ed;color:#b9382b}.preview{width:100%;max-height:290px;object-fit:contain;background:#f1eef5;border-radius:20px;margin-bottom:16px}.file-meta{padding:15px;background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:18px}.file-meta strong{display:block;word-break:break-word}.file-meta span{color:var(--muted);font-size:.83rem}.qr-wrap{text-align:center}.qr{width:min(100%,330px);border-radius:18px;background:#fff;padding:8px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--coral);font-size:.7rem;font-weight:800}.status-title{font-size:1.75rem;margin:8px 0}.muted{color:var(--muted);line-height:1.5}.expiry{font-variant-numeric:tabular-nums;font-weight:700;margin:13px 0}.progress-ring{position:relative;width:148px;height:148px;margin:30px auto}.progress-ring svg{transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:10}.progress-ring .track{stroke:#eeeaf4}.progress-ring .value{stroke:var(--coral);stroke-linecap:round;transition:stroke-dashoffset .25s}.progress-label{position:absolute;inset:0;display:grid;place-items:center;font-size:1.55rem;font-weight:800}.transfer-logo{width:82px;margin:22px auto;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.06);opacity:.76}}.success{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:#e9f8ef;color:#1f8a4c;font-size:2rem;margin:34px auto 20px}.dev-panel{margin-top:18px;border:1px dashed #cfc8dc;border-radius:14px;padding:12px;font-size:.76rem;color:var(--muted);display:none}.dev-panel.visible{display:grid;gap:5px}.scanner{position:fixed;inset:0;background:#151222;color:#fff;z-index:10;display:flex;flex-direction:column}.scanner video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78}.scanner-overlay{position:relative;z-index:2;padding:calc(18px + env(safe-area-inset-top)) 18px 25px;display:flex;flex-direction:column;min-height:100%;background:linear-gradient(#110d21aa,transparent 30%,transparent 65%,#110d21dd)}.scanner-head{display:flex;justify-content:space-between;align-items:center}.scan-frame{width:min(72vw,310px);aspect-ratio:1;border:3px solid #fff;border-radius:26px;margin:auto;box-shadow:0 0 0 999px #0b081550}.scanner-actions{display:flex;justify-content:center;gap:12px}.scanner-actions .button{background:#ffffff1f;color:#fff;backdrop-filter:blur(10px)}.result-card,.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:12px}.result-value{word-break:break-all;background:var(--soft);padding:13px;border-radius:12px}.history-item{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0}.history-item div{flex:1}.history-item small{color:var(--muted)}.history-item button{border:0;background:transparent;color:#b9382b}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(560px,100%);display:grid;grid-template-columns:repeat(4,1fr);background:#ffffffed;border-top:1px solid var(--line);padding:9px 12px calc(9px + env(safe-area-inset-bottom));backdrop-filter:blur(18px);z-index:5}.bottom-nav button{border:0;background:transparent;color:var(--muted);font-size:.67rem;display:grid;gap:4px;place-items:center}.bottom-nav b{font-size:1.15rem}.bottom-nav button.active{color:var(--indigo)}.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:#211b35;color:#fff;padding:11px 16px;border-radius:13px;font-size:.83rem;z-index:20}@media(max-width:370px){.app{padding-inline:13px}.grid{grid-template-columns:1fr}.hero{padding-top:24px}}@media(prefers-color-scheme:dark){html[data-theme=system] :root{color-scheme:dark}}html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] body{background:#151221}html[data-theme=dark] :root{--ink:#f6f2ff;--muted:#aaa2b9;--line:#393247;--surface:#211c2d;--soft:#2e273e}html[data-theme=dark] .bottom-nav{background:#211c2ded}