:root{--red:#c8102e;--red2:#a50d26;--ink:#1d2433;--mute:#667085;--line:#e4e7ec;--bg:#f4f5f8;--navy:#1b2140}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}
html{background:var(--navy)}
body{margin:0 auto;max-width:560px;min-height:100vh;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg);padding-bottom:calc(80px + env(safe-area-inset-bottom));line-height:1.45}
@media(min-width:600px){body{box-shadow:0 0 60px rgba(0,0,0,.35)}}
h1,h2{margin:0}h2{font-size:1.05rem;margin:24px 0 12px}a{color:inherit;text-decoration:none}
.hero{position:relative;color:#fff;background:var(--navy) url(/img/warsaw-skyline.svg) center bottom/cover no-repeat;padding:calc(20px + env(safe-area-inset-top)) 18px 34px;border-radius:0 0 26px 26px;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,24,48,.78),rgba(20,24,48,.4) 60%,rgba(20,24,48,.72))}
.hero-in{position:relative}.hero h1{font-size:1.75rem;line-height:1.15;margin:12px 0 6px}.hero p{margin:0;opacity:.92}
.badge{display:inline-block;font-size:.8rem;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.28);padding:4px 10px;border-radius:99px;margin:0}
.search{display:flex;align-items:center;gap:8px;background:#fff;border-radius:14px;padding:2px 14px;margin-top:20px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.search input{border:0;outline:0;flex:1;font:inherit;font-size:16px;padding:13px 0;background:none;color:var(--ink)}
.pad{padding:0 16px}
.em{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.em-b{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #fcd5d0;border-left:4px solid var(--red);border-radius:12px;padding:12px;font-weight:600;font-size:.9rem}
.em-b span{font-size:1.4rem}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;background:#fff;border-radius:14px;padding:14px 6px;font-size:.78rem;font-weight:600;border:1px solid var(--line);box-shadow:0 1px 2px rgba(16,24,40,.05);transition:transform .1s}
.tile:active,.em-b:active{transform:scale(.96)}
.ic{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;background:#fff1ee;font-size:1.5rem;flex:none}
.none{color:var(--mute);text-align:center;font-size:.9rem}
.card{background:#fff;border-radius:16px;border:1px solid var(--line);box-shadow:0 4px 18px rgba(16,24,40,.06)}
.install{display:flex;align-items:center;gap:12px;padding:12px;margin:16px 16px 0}
.install img{width:44px;height:44px;border-radius:11px}.install div{flex:1}.install small{display:block;color:var(--mute);font-size:.8rem}
.x{border:0;background:none;font-size:1.5rem;color:var(--mute);padding:0 4px;cursor:pointer}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--red);color:#fff;border:0;border-radius:12px;padding:14px 20px;font:inherit;font-weight:700;font-size:1rem;cursor:pointer}
.btn:active{background:var(--red2)}.btn.sm{padding:9px 14px;font-size:.88rem}.btn.ghost{background:#eef0f4;color:var(--ink)}.btn[disabled]{opacity:.6}
.hero.small{padding-bottom:30px}.backlink{font-size:.9rem;opacity:.85}
.trade-h{display:flex;gap:14px;align-items:center;margin-top:14px}
.trade-h .big{font-size:2.3rem;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.28);border-radius:18px;width:68px;height:68px;display:flex;align-items:center;justify-content:center;flex:none}
.trade-h h1{font-size:1.35rem;margin:0 0 4px}.trade-h p{font-size:.86rem}
.form{padding:18px;margin-top:-16px;position:relative}
.progress{display:flex;gap:6px;margin-bottom:4px}
.ps{flex:1;display:flex;flex-direction:column;gap:6px;font-size:.72rem;color:var(--mute)}
.ps i{height:5px;border-radius:5px;background:var(--line)}.ps.on i{background:var(--red)}.ps.on{color:var(--ink);font-weight:600}
label{display:block;font-weight:600;font-size:.9rem;margin:16px 0 6px}
input,select,textarea{width:100%;font:inherit;font-size:16px;padding:12px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(200,16,46,.15);border-color:var(--red)}
.hint{font-size:.8rem;color:var(--mute);margin:10px 0 6px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{border:1px solid var(--line);background:#f9fafb;border-radius:99px;padding:7px 12px;font:inherit;font-size:.8rem;color:var(--ink);cursor:pointer}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.opt{border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:11px 8px;font:inherit;font-size:.86rem;color:var(--ink);cursor:pointer}
.opt.on{border-color:var(--red);background:#fff1ee;color:var(--red2);font-weight:700}
label.chk{display:flex;gap:10px;font-weight:400;font-size:.8rem;color:#475467;align-items:flex-start}.chk input{width:20px;height:20px;flex:none;margin:0}
.err{color:var(--red);font-size:.85rem;margin:10px 0 0;min-height:1.2em}
.actions{display:flex;gap:10px;margin-top:10px}.actions .btn{flex:1}
.trust{display:flex;justify-content:center;gap:14px;font-size:.78rem;color:var(--mute);margin:14px 0}
.done{text-align:center;padding:calc(44px + env(safe-area-inset-top)) 20px 6px}
.check{width:92px;height:92px;border-radius:50%;background:#12a150;color:#fff;font-size:3rem;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;animation:pop .5s cubic-bezier(.2,1.6,.4,1);box-shadow:0 12px 30px rgba(18,161,80,.35)}
.check.wait{background:#f79009;box-shadow:0 12px 30px rgba(247,144,9,.35)}
@keyframes pop{from{transform:scale(.3);opacity:0}}
.done h1{font-size:1.5rem}.refno{font-size:.9rem;background:#fff;border:1px dashed var(--line);display:inline-block;padding:6px 12px;border-radius:8px}.done p{color:var(--mute)}
.nexts{padding:4px 18px 8px;text-align:left}.nexts h2{margin-top:14px}.nexts ol{padding-left:20px;margin:0}.nexts li{margin:8px 0}
.stack{display:grid;gap:10px;margin:18px 0}
.page-h{padding:calc(24px + env(safe-area-inset-top)) 16px 8px}.page-h h1{font-size:1.6rem}
.req{display:flex;gap:12px;padding:14px;margin-bottom:10px;align-items:flex-start}
.rq{flex:1;min-width:0}.rq small{display:block;color:var(--mute);font-size:.78rem}
.rq p{margin:6px 0;font-size:.88rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.rq a{font-size:.8rem;color:var(--red);font-weight:600}
.st{font-size:.7rem;font-weight:700;padding:4px 8px;border-radius:99px;white-space:nowrap}
.st.sent{background:#dcfae6;color:#067647}.st.queued{background:#fef0c7;color:#b54708}.st.demo{background:#eef2f6;color:#475467}
.empty{text-align:center;padding:50px 20px;color:var(--mute)}.empty .ic{width:84px;height:84px;font-size:2.4rem;border-radius:24px;margin-bottom:12px}.empty b{display:block;color:var(--ink);font-size:1.1rem}
.list{overflow:hidden}
.row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 16px;border:0;border-bottom:1px solid var(--line);width:100%;background:none;font:inherit;color:var(--ink);text-align:left;cursor:pointer}
.row:last-child{border-bottom:0}.row.danger{color:var(--red)}.row i{color:var(--mute);font-style:normal}
.seg.sm{display:flex;gap:4px}.seg.sm .opt{padding:6px 10px}
.ver{text-align:center;color:var(--mute);font-size:.75rem;margin:20px}
.toast{position:fixed;left:50%;bottom:calc(90px + env(safe-area-inset-bottom));transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px;font-size:.88rem;z-index:30;max-width:90%}
.tabs{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:560px;display:flex;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);z-index:10}
.tabs a{flex:1;display:flex;flex-direction:column;align-items:center;padding:9px 0 8px;font-size:.72rem;color:var(--mute);gap:2px}
.tabs a span{font-size:1.3rem;filter:grayscale(1);opacity:.55}.tabs a.on{color:var(--red);font-weight:700}.tabs a.on span{filter:none;opacity:1}
.flag{width:22px;height:16px;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.15);flex:none;object-fit:cover}
.toprow{display:flex;justify-content:space-between;align-items:center;gap:8px}
.lchip{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:99px;padding:5px 10px;font:inherit;font-size:.8rem;font-weight:700;cursor:pointer}
.lrow{border-bottom:0!important;padding-bottom:4px!important}
.lpick{display:grid;gap:8px;padding:4px 16px 16px;border-bottom:1px solid var(--line)}
.sheet .lpick{padding:0;border:0}
.lopt{display:flex;align-items:center;gap:12px;width:100%;border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:13px 14px;font:inherit;font-size:1rem;color:var(--ink);cursor:pointer;text-align:left}
.lopt .flag{width:30px;height:21px}.lopt i{margin-left:auto;color:var(--red);font-style:normal;font-weight:700}
.lopt.on{border-color:var(--red);background:#fff1ee;font-weight:700}.lopt:active{transform:scale(.98)}
.sheet-bg{position:fixed;inset:0;background:rgba(15,18,35,.55);z-index:50;display:flex;align-items:flex-end;justify-content:center;animation:fade .2s}
.sheet{background:#fff;width:100%;max-width:560px;border-radius:22px 22px 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom));animation:up .25s ease-out}
.sheet h2{margin:0 0 16px;font-size:1.2rem;line-height:1.3}.sheet h2 small{font-size:.85rem;color:var(--mute);font-weight:500}
.sheet-logo{display:flex;align-items:center;gap:10px;margin-bottom:14px}.sheet-logo img{width:40px;height:40px;border-radius:10px}
@keyframes fade{from{opacity:0}}@keyframes up{from{transform:translateY(40px);opacity:0}}
#offline{background:#f79009;color:#fff;text-align:center;font-size:.82rem;padding:8px;position:sticky;top:0;z-index:20}