:root{--bg: #0b1020;--surface: #131c30;--surface2: #19243b;--border: #26364f;--text: #eaf0fc;--muted: #99aac7;--accent: #47d2b2;--accent2: #75ffe2;--danger: #fc7183;--radius: 16px}:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(circle at 80% 2%,#152c45 0,transparent 40%),var(--bg);font-size:14px}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{opacity:.45;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(1.08)}.app{min-height:100dvh;max-width:740px;margin:auto;padding-bottom:calc(86px + var(--safe-bottom))}.header{display:flex;align-items:center;gap:12px;padding:calc(18px + var(--safe-top)) 18px 12px;border-bottom:1px solid var(--border);background:#0c1526}.mark{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#45caaa,#2588e1);color:#07131e;font-size:26px;font-weight:900;flex:none}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#8093ae;font-weight:800}.header h1{font-size:20px;letter-spacing:-.5px;margin:3px 0 0}.connection{margin-left:auto;color:var(--muted);font-size:11px;white-space:nowrap}.connection.online{color:var(--accent)}main{padding:18px}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.pill,.tag{border-radius:999px;border:1px solid #2a4a63;background:#20344b;color:#9fbdcd;padding:5px 9px;font-size:10px;letter-spacing:.7px;font-weight:800}.muted,.hint{color:var(--muted)}.stack{display:grid;gap:15px}.card{background:linear-gradient(158deg,#162239,#11192b);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:0 12px 35px #040a1624}.card h2{font-size:17px;letter-spacing:-.25px;margin:0 0 5px}.card p{line-height:1.55}.section-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:17px}.section-title>span{width:31px;height:31px;border-radius:9px;background:#193d4b;color:var(--accent2);display:grid;place-items:center;font-weight:800;font-size:12px;flex:none}.section-title p{margin:0;color:var(--muted);font-size:12px}.account{color:var(--muted);font-size:12px}label{display:block;margin:16px 0 7px;font-size:12px;font-weight:700;color:#c7d6ed}input{width:100%;min-width:0;background:#0b1527;border:1px solid #33425e;border-radius:9px;outline:0;color:var(--text);padding:12px}input:focus{border-color:var(--accent)}button.primary,button.secondary,button.ghost{border-radius:9px;padding:12px 15px;font-weight:800}button.primary{background:linear-gradient(110deg,#35bfa4,#229ab5);color:#071923}button.secondary{background:#233957;color:#d0e9fa;border:1px solid #34516c}button.ghost{background:#152237;color:#9dbed5;border:1px solid #26364f}.full{width:100%;margin-top:14px}.hint{font-size:12px;margin:15px 0 0}.notice{border:1px solid #9c5b64;background:#472737;color:#ffd6dc;border-radius:10px;padding:12px;margin-bottom:15px;line-height:1.45}.list{display:grid;gap:8px}.list-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:#0e1a2d;border:1px solid #293a56;border-radius:10px;text-align:left;padding:12px}.list-row.selected,.method.selected{border-color:#46bda9;background:#183340}.list-row strong,.method strong{display:block;font-size:13px}.list-row small,.method small{display:block;color:var(--muted);font-size:11px;line-height:1.4;margin-top:4px}.list-row .tag{font-size:9px;max-width:100px;overflow:hidden;text-overflow:ellipsis}.facts{display:grid;gap:9px}.facts>div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--border);padding:8px 0}.facts span{color:var(--muted)}.facts b{font-size:12px}.method{width:100%;display:flex;align-items:center;gap:11px;background:#0e1a2d;border:1px solid #293a56;border-radius:11px;padding:13px;text-align:left;margin:8px 0}.method-icon{width:35px;height:35px;display:grid;place-items:center;background:#193d4b;color:var(--accent);border-radius:9px;font-size:20px;flex:none}.method>span:nth-child(2){flex:1}.radio{width:17px;height:17px;border:2px solid #6e829d;border-radius:100%;flex:none}.method.selected .radio{border:5px solid var(--accent)}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.actions button{flex:1;min-width:150px}.status-card{background:#0e1a2d;border:1px solid #293a56;border-radius:11px;padding:15px;display:grid;gap:6px}.status-card span{font-size:11px;color:var(--muted)}.status-card strong{font-size:16px;color:var(--accent2)}.status-card small{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.sync{display:flex;align-items:center;gap:8px;margin-top:15px;color:var(--muted);font-size:12px}.sync-dot{width:9px;height:9px;border-radius:100%;background:#edb85e}.sync-dot.synchronized{background:var(--accent)}.sync-dot.upload_incomplete,.sync-dot.unavailable{background:var(--danger)}.tiny{background:transparent;color:var(--accent2);font-size:11px;padding:5px;margin-left:auto}.card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.danger{color:var(--danger)!important}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(100%,740px);display:grid;grid-template-columns:repeat(4,1fr);padding:8px 5px calc(8px + var(--safe-bottom));background:#0c1526;border-top:1px solid var(--border);z-index:10}.bottom-nav button{display:grid;justify-items:center;gap:2px;background:transparent;color:#9babca;padding:7px 2px;border-radius:9px}.bottom-nav button.active{background:#193d4b;color:var(--accent2)}.bottom-nav span{font-size:19px;line-height:20px}.bottom-nav small{font-size:10px;font-weight:700}@media(min-width:700px){main{padding:25px}.header{border-left:1px solid var(--border);border-right:1px solid var(--border)}}.code-display{margin-top:12px;padding:15px;border:1px solid #2b7665;border-radius:11px;background:#163e38;text-align:center}.code-display span{display:block;color:#b1e9da;font-size:11px}.code-display strong{display:block;color:var(--accent2);font-size:27px;letter-spacing:6px;margin-top:6px}