body.embedded{background:#e9edf1}body.embedded .topbar{display:none}
.stage{display:flex;justify-content:center;padding:10px}
.phone{width:300px;height:560px;background:#fff;border-radius:26px;border:8px solid #17212b;display:flex;flex-direction:column;overflow:hidden;position:relative}
body:not(.embedded) .phone{height:600px}
@media(max-width:520px){body:not(.embedded) .stage{padding:0}body:not(.embedded) .phone{width:100vw;height:calc(100vh - 36px);border:0;border-radius:0}}
.statusbar{display:flex;justify-content:space-between;padding:6px 14px 2px;font-size:10px;color:var(--mute)}
.wal-hd{padding:6px 14px;display:flex;align-items:center;gap:8px}.wal-hd .logo{width:22px;height:22px;border-radius:7px;background:linear-gradient(135deg,#0b6e69,#5fb3a8)}
.screen{flex:1;padding:6px 14px 12px;display:flex;flex-direction:column;gap:8px;overflow:auto}
.screen h1{font-size:15px}
.wal-card{border-radius:10px;padding:10px;color:#fff;background:linear-gradient(135deg,#0b6e69,#254e70)}
.wal-card .n{font-family:var(--mono);font-size:11px;opacity:.9;word-break:break-all}
.kv{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;font-size:12px}.kv .k{color:var(--mute)}
.big{font-size:22px;font-weight:700}
.spinner{width:34px;height:34px;border:4px solid #d6e7e5;border-top-color:var(--accent);border-radius:50%;animation:sp 0.9s linear infinite;margin:10px auto}
@keyframes sp{to{transform:rotate(360deg)}}
.fp{width:74px;height:74px;border-radius:50%;border:3px solid var(--accent);display:flex;align-items:center;justify-content:center;margin:8px auto;font-size:30px;cursor:pointer;background:var(--accent-soft)}
.phone button.primary{padding:9px}
.picker .opt{border:1px solid var(--line);border-radius:8px;padding:8px;display:flex;gap:8px;align-items:center;cursor:pointer}
.mini-log{font-family:var(--mono);font-size:10px;color:var(--mute);max-height:90px;overflow:auto}