:root{color:#202822;font-synthesis:none;--ink:#202822;--muted:#6e786f;--surface:#fff;--green:#356b4b;--lime:#c9ef9e;--line:#dfe6df;background:#eef2ed;font-family:Inter,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}main{background:#f7f9f6;max-width:760px;min-height:100vh;margin:auto;padding:0 18px 92px}.top{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3;background:#f7f9f6e8;justify-content:space-between;align-items:center;padding:27px 2px 18px;display:flex;position:sticky;top:0}.top h1{margin:2px 0;font-family:Georgia,serif;font-size:30px}.eyebrow{letter-spacing:2px;color:var(--green);font-size:10px;font-weight:800}.round,.icon{background:#e7eee8;border:0;border-radius:50%;width:42px;height:42px;font-size:22px}.content{gap:13px;display:grid}.hero{color:#fff;background:linear-gradient(135deg,#263b2e,#426c51);border-radius:25px;padding:24px;box-shadow:0 15px 35px #284d3530}.hero.green{background:linear-gradient(135deg,#426b4d,#619b66)}.hero small,.hero span{opacity:.75;display:block}.hero strong{margin:15px 0 5px;font:700 36px Georgia,serif;display:block}.stats{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.stats div{border:1px solid var(--line);background:#fff;border-radius:17px;padding:13px}.stats small,.stats b{display:block}.stats small{color:var(--muted);min-height:30px;font-size:11px}.stats b{margin-top:6px;font-size:13px}h2{margin:15px 0 3px;font:700 20px Georgia,serif}.row,.wallet,.settings section{border:1px solid var(--line);background:#fff;border-radius:18px;padding:15px}.row{align-items:center;gap:9px;display:flex}.row>div{flex:1;min-width:0}.row b,.row small{display:block}.row small{color:var(--muted);margin-top:5px;font-size:12px}.row strong{white-space:nowrap;font-size:13px}.row button{background:#edf2ed;border:0;border-radius:10px;padding:7px 10px}.row .danger{color:#a94343;background:#fbeaea}.wallet{padding:3px}.wallet .row{border:0}.progress{padding:9px 14px 15px}.progress span{justify-content:space-between;font-size:13px;display:flex}.progress i{background:#e5eae4;border-radius:20px;height:7px;margin:8px 0;display:block}.progress em{background:var(--green);border-radius:20px;height:100%;display:block}.progress small{color:var(--muted)}.primary{background:var(--ink);color:#fff;border:0;border-radius:14px;padding:14px 18px;font-weight:700}.primary:disabled{opacity:.35}.ok,.warn{color:#28653d;background:#e9f7e6;border-radius:14px;padding:13px}.warn{color:#8a5a00;background:#fff0d3}.search{border:1px solid var(--line);background:#fff;border-radius:14px;width:100%;padding:13px}.settings>button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:16px;padding:17px;font-weight:700}.settings>button span{float:right}.settings label{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.settings input{border:1px solid var(--line);border-radius:9px;padding:8px}.preview{background:#fff2bd;border-radius:9px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:9px;font-size:11px;display:flex}.error{color:#8d2920;background:#ffe4df;border-radius:14px;margin-bottom:12px;padding:13px}.error button{float:right;background:0 0;border:0;text-decoration:underline}.loading{justify-content:center;gap:7px;padding:80px;display:flex}.loading i{background:var(--green);border-radius:50%;width:9px;height:9px;animation:1s infinite alternate pulse}.loading i:nth-child(2){animation-delay:.2s}.loading i:nth-child(3){animation-delay:.4s}@keyframes pulse{to{opacity:.2;transform:translateY(-7px)}}nav{border-top:1px solid var(--line);width:100%;max-width:760px;padding:8px 8px max(8px,env(safe-area-inset-bottom));z-index:5;background:#fff;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}nav button{color:#849087;background:0 0;border:0;font-size:11px}nav b{margin-bottom:2px;font-size:21px;display:block}nav .active{color:var(--green)}.shade{z-index:10;background:#101b1388;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:25px 25px 0 0;width:min(100%,760px);max-height:90vh;padding:22px;overflow:auto}.modal header,.modal footer{justify-content:space-between;align-items:center;display:flex}.modal h2{margin:0}.modal form{gap:14px;display:grid}.modal label{color:var(--muted);font-size:12px;font-weight:700}.modal input,.modal select{border:1px solid var(--line);border-radius:12px;width:100%;margin-top:5px;padding:13px;display:block}.modal footer{gap:10px}.modal footer button{border:0;border-radius:12px;flex:1;padding:13px}.empty,.browser{text-align:center;color:var(--muted);place-items:center;gap:10px;padding:70px 20px;display:grid}.empty:first-letter{font-size:45px}.browser{height:100vh}.browser b{color:var(--ink);font:700 28px Georgia,serif}@media (width>=700px){main{padding-left:30px;padding-right:30px}.stats div{padding:18px}.shade{align-items:center}.modal{border-radius:25px;max-width:520px}}