/* Keep five compact destinations usable on small Android screens. */
.send-limit {margin:18px 0;color:var(--muted);font-size:12px;line-height:1.5;text-align:center;}
.scanner .scanner-overlay {padding-bottom:calc(48px + env(safe-area-inset-bottom,0px));}
.scanner .scanner-actions {flex-shrink:0;margin-bottom:20px;}
.app:has(.help-info),.app:has(.my-qr-gallery),.app:has(.saved-qr-detail) {height:auto;min-height:100dvh;overflow:visible;padding-bottom:calc(110px + env(safe-area-inset-bottom,0px));}
.help-info,.saved-qr-detail {min-width:0;overflow-wrap:anywhere;}
.help-video {display:flex;gap:16px;align-items:center;padding:20px;margin:8px 0 20px;border-radius:18px;background:#ffffff0d;border:1px solid #ffffff26;color:var(--ink);text-decoration:none;}
.help-video>span {font-size:28px;color:var(--coral);}
.help-video small {display:block;margin-top:6px;color:var(--muted);font-size:12px;}
.help-accordion details,.help-footer details {border-bottom:1px solid #ffffff20;}
.help-info summary {padding:17px 4px;cursor:pointer;min-height:52px;font-size:19px;font-weight:700;line-height:1.35;color:#f5f3ff;overflow-wrap:anywhere;}
.help-info details p {font-size:17px;line-height:1.6;color:#d4d0e2;padding:0 4px 18px;margin:0;}
.wifi-scan-result {overflow-wrap:anywhere;}
.wifi-scan-result .button {width:100%;margin-top:12px;}
.wifi-scan-result p {font-size:16px;line-height:1.5;}
.app:has(.wifi-scan-result) {height:auto;min-height:100dvh;overflow:visible;padding-bottom:calc(110px + env(safe-area-inset-bottom,0px));}
.help-footer {margin-top:28px;}
.help-footer a {display:block;padding:12px 4px;color:var(--coral);}
.my-qr-gallery {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.my-qr-card {display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0;padding:14px 10px;border:1px solid #ffffff24;border-radius:18px;color:var(--ink);background:#ffffff08;cursor:pointer;overflow-wrap:anywhere;}
.my-qr-card img {width:100%;max-width:180px;aspect-ratio:1;background:white;border-radius:8px;}
.my-qr-card strong {font-size:14px;max-width:100%;}
.my-qr-card span,.my-qr-card time {font-size:12px;color:var(--muted);}
.my-qr-empty {grid-column:1/-1;text-align:center;padding:36px 0;}
.my-qr-empty>span {font-size:52px;color:var(--coral);}
.my-qr-empty p {line-height:1.5;}
.qr-count {text-align:center;font-size:12px;}
.saved-qr-detail {text-align:center;}
.saved-qr-detail .qr {display:block;width:min(100%,320px);height:auto;margin:18px auto;}
.qr-actions {display:grid;gap:10px;margin-top:16px;}
.qr-actions .button {width:100%;}
.qr-feedback:not(:empty) {padding:12px;margin:16px 0;border-radius:12px;background:#ffffff10;border:1px solid #ffffff30;line-height:1.5;}
.qr-feedback.error {border-color:var(--coral);}
.qr-feedback p {margin:4px 0;}
.saved-qr-detail .field {margin-top:18px;text-align:left;}
.saved-qr-detail .field .button {margin-top:10px;width:100%;}
@media(max-height:600px) {.scanner .scan-frame{width:170px;height:170px;flex-shrink:1;}.scanner .scan-hint{margin:12px 0;}.scanner .scanner-overlay{padding-bottom:calc(30px + env(safe-area-inset-bottom,0px));}}
.bottom-nav { grid-template-columns:repeat(5,minmax(0,1fr)); }
.bottom-nav button { min-width:0; min-height:52px; font-size:11px; line-height:1.25; padding:6px 2px; }
.bottom-nav button b { font-size:23px; line-height:1.15; }
@media(max-width:879px) {
  .bottom-nav { --nav-label-size:13px; --nav-inactive:#cec8d9; }
  .bottom-nav button { font-size:var(--nav-label-size); line-height:13.75px; }
  .bottom-nav button:not(.active) { color:var(--nav-inactive); }
}
.back,.icon-btn { min-width:44px; min-height:44px; }
.free-file-list { list-style:none; padding:0; max-height:36vh; overflow:auto !important; flex-shrink:0; }
.free-file-list li { display:flex; gap:10px; align-items:center; padding:8px 0; }
.free-file-list li span { flex:1; min-width:0; overflow-wrap:anywhere; }
.free-file-list button { min-width:44px; min-height:44px; }
.free-limit { border:1px solid var(--coral,#ed8e83); padding:12px; border-radius:14px; }
.help-cards { display:grid; gap:12px; }
.help-cards article { padding:16px; border:1px solid #ffffff20; border-radius:16px; }
.help-cards p { line-height:1.5; }
.help-cards h2 { font-size:20px; }
.help-cards p { font-size:15px; }
.help-cards .help-icon { font-size:28px; }
.update-notice { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:8px 0; padding:10px; border-radius:12px; background:#ffffff0a; }
.update-notice button { min-height:44px; }
@media(min-width:880px) { .help-cards { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.transfer-benefits { margin:12px 0; color:var(--muted); font-size:12px; line-height:1.45; }
.transfer-benefits p { margin:4px 0; }
.history-delete { color:var(--muted) !important; }
.history-delete svg { display:block; margin:auto; }
.transfer-qr-instruction { margin:12px 0; line-height:1.4; overflow-wrap:anywhere; }
.transfer-qr-instruction strong { display:block; font-size:16px; }
.transfer-qr-instruction p { font-size:13px; color:var(--muted); margin:6px 0; }
.transfer-qr-alternative { overflow-wrap:anywhere; }
.app:has(.help-cards),.app:has(.transfer-qr-instruction) { height:auto; min-height:100dvh; overflow:visible; padding-bottom:calc(110px + env(safe-area-inset-bottom)); }
.help-cards article { min-width:0; overflow-wrap:anywhere; }
@media(min-width:880px) and (min-height:720px) {
  .app:has(.session-code) .transfer-qr-instruction { grid-column:2; grid-row:4; text-align:center; }
  .app:has(.session-code) .session-code { grid-row:5/7; }
  .app:has(.session-code) .transfer-qr-alternative { grid-column:1; }
}