:root{font-family:"Times New Roman",Times,serif;color:#263238;background:#f7fbfb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 5%,#e9f8f1 0,transparent 32%),radial-gradient(circle at 85% 12%,#e9f1ff 0,transparent 30%),linear-gradient(180deg,#fbfdfd,#f4f9fa);color:#21343b}.shell{max-width:640px;margin:0 auto;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 24px) 20px calc(env(safe-area-inset-bottom) + 28px);display:flex;flex-direction:column}.home{justify-content:flex-start}.hero{text-align:center;margin:24px 0 32px}.app-logo{width:88px;height:88px;margin:0 auto 18px;border-radius:25px;background:linear-gradient(135deg,#a9e4d3,#b7cdf8);display:grid;place-items:center;box-shadow:0 14px 36px #70949b2a;position:relative}.app-logo:before,.app-logo:after{content:"";width:24px;height:38px;border:3px solid #173f4a;border-radius:8px;position:absolute;transform:translateX(-17px)}.app-logo:after{transform:translateX(17px)}.app-logo span{position:relative;z-index:2;font:700 28px Arial;background:#fff;border-radius:999px;width:38px;height:38px;display:grid;place-items:center;color:#285d68}.hero h1{font-size:34px;margin:0 0 8px}.hero p{font-size:18px;margin:0;color:#587078}.primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px}.primary{border:0;border-radius:27px;min-height:190px;padding:22px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#173f4a;box-shadow:0 10px 30px #6b929b21;cursor:pointer}.primary:active,.cta:active,.category-grid button:active{transform:scale(.98)}.primary.send{background:linear-gradient(160deg,#c9f2de,#aee4cf)}.primary.receive{background:linear-gradient(160deg,#dce9ff,#c4d8fa)}.action-icon{font:700 50px Arial;line-height:1}.primary strong{font-size:29px}.primary small{font-size:15px;color:#47676f}.secondary-actions{margin-top:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.secondary-actions button{border:1px solid #dce9e8;background:#fff9;border-radius:18px;padding:14px 8px;font:700 22px "Times New Roman";color:#3c5860;display:flex;flex-direction:column;gap:5px;align-items:center}.secondary-actions span{font-size:13px;font-weight:400}.privacy-note{text-align:center;color:#6d8287;font-size:14px;margin-top:auto;padding-top:26px}.topbar{display:grid;grid-template-columns:46px 1fr 46px;align-items:center;min-height:54px;margin-bottom:24px}.topbar h2{text-align:center;margin:0;font-size:24px}.icon-btn{width:44px;height:44px;border:0;border-radius:16px;background:#fff;box-shadow:0 6px 16px #5c7a8122;font-size:30px;color:#38565e}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.category-grid button{border:0;border-radius:24px;background:#fff;padding:28px 12px;min-height:140px;box-shadow:0 10px 28px #607d8618;color:#244850}.category-grid button:last-child{grid-column:1/-1;min-height:105px}.category-grid b{display:block;font:700 38px Arial;margin-bottom:10px}.category-grid span{font:700 19px "Times New Roman"}.hint-card,.empty-card{margin-top:22px;padding:16px 18px;border-radius:18px;background:#eef8f4;color:#4f676e;text-align:center}.summary-card{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#e6f8ef,#eaf1ff);border-radius:22px;padding:20px 22px;font-size:20px;margin-bottom:18px}.summary-card span{color:#527079}.file-list{display:flex;flex-direction:column;gap:10px;margin-bottom:18px;max-height:52vh;overflow:auto}.file-list>div{display:flex;align-items:center;gap:12px;background:#fff;border-radius:17px;padding:12px 14px;box-shadow:0 5px 18px #607d8613}.file-dot{width:42px;height:42px;border-radius:13px;background:#e8f5f0;display:grid;place-items:center;font:700 20px Arial}.file-list p{margin:0;min-width:0;flex:1}.file-list b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-list small{display:block;color:#74888d;margin-top:3px}.cta,.secondary-cta{width:100%;border:0;border-radius:19px;padding:17px 18px;font:700 19px "Times New Roman";cursor:pointer}.cta{background:#285f6a;color:#fff;box-shadow:0 10px 24px #285f6a38;margin-top:auto}.secondary-cta{background:#edf3f3;color:#426069;margin-top:10px}.pair-instruction{text-align:center;font-size:18px;color:#566f76;line-height:1.45}.qr-card{background:#fff;border-radius:30px;padding:28px;display:grid;place-items:center;margin:12px auto 22px;box-shadow:0 14px 35px #5b788222;max-width:370px;width:100%}.qr-card img,.qr-card canvas{max-width:100%!important;height:auto!important}.muted{color:#73888e}.tiny{font-size:13px;text-align:center}.center{align-items:center;text-align:center;justify-content:center}.success-ring,.pulse-icon,.incoming-icon{width:86px;height:86px;border-radius:999px;background:#dff5e9;display:grid;place-items:center;font:700 42px Arial;color:#2b7356;margin:10px auto 20px}.success-ring.big{width:110px;height:110px;font-size:58px}.pulse-icon{background:#e5efff;color:#3b6293;animation:pulse 1.6s infinite}.incoming-icon{background:#dce9ff;color:#385f91}.confirm-code{font:800 42px Arial;letter-spacing:10px;background:#fff;border-radius:22px;padding:18px 20px;margin:12px 0 24px;box-shadow:0 8px 22px #5a798322}.scanner-screen{min-height:100dvh;background:#111;color:#fff;padding:calc(env(safe-area-inset-top) + 10px) 12px env(safe-area-inset-bottom)}.topbar.dark .icon-btn{background:#ffffff20;color:#fff}.camera-wrap{position:relative;height:calc(100dvh - 90px);border-radius:26px;overflow:hidden;background:#000;display:grid;place-items:center}.camera-wrap video{width:100%;height:100%;object-fit:cover}.camera-wrap p{position:absolute;bottom:28px;background:#0009;padding:10px 14px;border-radius:999px}.scan-frame{position:absolute;width:min(72vw,320px);aspect-ratio:1;border:4px solid #fff;border-radius:28px;box-shadow:0 0 0 9999px #0005}.transfer{justify-content:center}.progress-ring{width:190px;height:190px;border-radius:999px;background:conic-gradient(#64b996 0 0%,#e4efec 0);display:grid;place-items:center;box-shadow:inset 0 0 0 18px #fff;margin:10px auto 20px}.progress-ring strong{font:800 39px Arial}.progress-main{font-size:24px;margin:0}.current-file{font-weight:700;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin-top:28px}.control-row button{border:0;background:#fff;border-radius:18px;padding:15px 8px;font:700 23px Arial;color:#35545c;box-shadow:0 6px 18px #607d8618}.control-row button span{display:block;font:400 12px "Times New Roman";margin-top:6px}.mini-btn{border:0;border-radius:12px;padding:8px 12px;background:#e3f2ed;color:#285f52}.history-list,.settings-card{display:flex;flex-direction:column;gap:10px}.history-list>div,.settings-card>div{background:#fff;border-radius:18px;padding:15px 17px;display:flex;flex-direction:column;gap:5px}.history-list span,.settings-card span{color:#6b8086}.center-text{text-align:center}.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 24px);transform:translateX(-50%);z-index:99999;background:#173f4a;color:#fff;padding:13px 18px;border-radius:16px;box-shadow:0 12px 35px #0003;max-width:min(90vw,520px);text-align:center;line-height:1.35}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}@media(max-width:420px){.shell{padding-left:15px;padding-right:15px}.primary{min-height:165px}.hero{margin-top:12px}.hero h1{font-size:30px}.category-grid button{min-height:125px}.qr-card{padding:22px}}