@layer legacy{.pwa-button{min-height:36px;padding:6px 14px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface-raised);color:var(--text);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.pwa-button:hover{background:var(--surface-hover)}.pwa-button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.pwa-button-primary{border-color:var(--accent-solid);background:var(--accent-solid);color:var(--accent-contrast)}.pwa-button-primary:hover{background:var(--accent-solid-hover)}.pwa-link{padding:0;border:0;background:none;color:var(--accent-text);font:inherit;font-weight:600;text-decoration:underline;cursor:pointer}.pwa-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;display:flex;align-items:flex-end;justify-content:center;background:var(--scrim)}@media(min-width:641px){.pwa-scrim{align-items:center}}.pwa-sheet{display:grid;gap:16px;width:min(440px,100%);max-height:calc(100dvh - 24px);overflow:auto;padding:20px 20px calc(20px + env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:14px 14px 0 0;background:var(--surface-panel);color:var(--text);box-shadow:0 -8px 30px #0000004d;font-family:var(--font-sans)}@media(min-width:641px){.pwa-sheet{border-radius:14px;padding-bottom:20px}}.pwa-sheet-head{display:flex;align-items:center;gap:12px}.pwa-sheet-head img{border-radius:9px}.pwa-sheet h2{margin:0;color:var(--text-strong);font-size:18px;line-height:1.3}.pwa-ios-picture{display:flex;justify-content:center;padding:6px 0}.pwa-ios-phone{display:grid;gap:10px;width:220px;padding:12px 12px 10px;border:2px solid var(--line-strong);border-radius:22px;background:var(--surface-sunken)}.pwa-ios-menu{display:grid;overflow:hidden;border-radius:10px;background:var(--surface-raised)}.pwa-ios-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px;padding:4px 10px;border-bottom:1px solid var(--line);color:var(--text-subtle);font-size:12.5px}.pwa-ios-row:last-child{border-bottom:0}.pwa-ios-row-mark{background:var(--accent-soft);color:var(--text-strong);font-weight:600;box-shadow:inset 0 0 0 2px var(--accent)}.pwa-ios-bar{display:flex;align-items:center;justify-content:space-around;min-height:36px;border-radius:10px;background:var(--surface-raised)}.pwa-ios-dot{width:14px;height:14px;border-radius:4px;background:var(--line-strong)}.pwa-ios-share{display:grid;place-items:center;width:34px;height:30px;border-radius:8px;color:var(--info);box-shadow:0 0 0 2px var(--accent)}.pwa-steps{display:grid;gap:12px;margin:0;padding:0;list-style:none;font-size:15px;line-height:1.45}.pwa-steps li{display:grid;grid-template-columns:32px 1fr;align-items:start;gap:10px}.pwa-steps small{display:block;color:var(--text-muted);font-size:13px}.pwa-step-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--surface-raised);color:var(--info)}.pwa-step-number{color:var(--text-strong);font-weight:700}.pwa-update{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:1300;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;width:max-content;max-width:calc(100vw - 32px);padding:10px 12px 10px 16px;transform:translate(-50%);border:1px solid var(--line-strong);border-radius:10px;background:var(--surface-raised);color:var(--text);box-shadow:0 8px 28px #00000059;font-family:var(--font-sans);font-size:14px}.pwa-update>span{flex:1 1 180px}body.pro-body .pwa-update{bottom:calc(76px + env(safe-area-inset-bottom))}@media(min-width:641px){body.pro-body .pwa-update{bottom:20px}}.pwa-load-failed{display:grid;justify-items:start;gap:12px;max-width:560px;margin:32px auto;padding:20px 24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-panel);color:var(--text)}.pwa-load-failed p{margin:0}.pwa-hint{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:0 0 14px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-panel);color:var(--text);font-size:14px}.pwa-hint img{border-radius:7px}.pwa-hint>span:first-of-type{flex:1 1 200px}.pwa-hint-actions{display:flex;gap:8px}.pwa-pending{display:grid;gap:6px;margin:0 0 12px;padding:10px 12px;border:1px solid var(--warn-line);border-radius:8px;background:var(--warn-soft);color:var(--text);font-size:14px}.pwa-pending-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.pwa-pending-row strong{color:var(--text-strong)}.pwa-pending-state{color:var(--text-muted);font-size:13px}.pwa-pending-actions{display:flex;flex-wrap:wrap;gap:8px}.pwa-dialog-actions{display:grid;gap:8px}.pwa-dialog-actions small{color:var(--text-muted);font-size:12.5px}.pwa-danger{border-color:var(--danger-line);color:var(--danger)}}
