:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#06100c;color:#f5f3e8}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#153d2a,#06100c 55%)}button,input,select{font:inherit}.hidden{display:none!important}.shell{min-height:100vh;display:grid;place-items:center;padding:22px}.panel{width:min(100%,520px);background:rgba(10,29,20,.94);border:1px solid #3c694f;border-radius:22px;padding:24px;box-shadow:0 22px 70px #0008}.coin{display:block;width:90px;height:90px;object-fit:cover;border-radius:50%;margin:0 auto 18px;box-shadow:0 0 30px #d5b85e55}h1,h2{margin:.25rem 0 1rem;color:#fff}small{color:#b9c8bd}label{display:grid;gap:7px;margin:14px 0;color:#d9e2dc}input,select{width:100%;padding:13px 14px;border-radius:12px;border:1px solid #54735f;background:#07140f;color:#fff}button{width:100%;padding:13px;border:0;border-radius:12px;background:#d6b95e;color:#142017;font-weight:800;cursor:pointer;margin-top:12px}.secondary{background:transparent;color:#e8ddb8;border:1px solid #786e4e}.error{color:#ffaaa2}.notice{padding:14px 17px;border-radius:14px;background:#182b20;border:1px solid #3f6049;margin:18px 0}.paused{border-color:#82683d;color:#f1d69b}header{display:flex;justify-content:space-between;align-items:center;padding:18px 5vw;border-bottom:1px solid #274333;background:#07140fee}header div{display:grid;gap:4px}header button{width:auto;margin:0;padding:9px 18px}.content{width:min(100% - 32px,760px);margin:28px auto 60px}.balance{padding:28px;border-radius:24px;background:linear-gradient(145deg,#1d5537,#0b2418);border:1px solid #66906f;display:grid;gap:10px}.balance strong{font-size:clamp(2rem,8vw,4rem);color:#f0d576}.balance span{color:#c8d8cd}.content .panel{margin-top:18px;width:100%}.secret{word-break:break-all;background:#030a07;padding:12px;border-radius:9px;color:#f0d576}.history{grid-column:1/-1}.movement{display:grid;grid-template-columns:1fr auto;gap:5px 14px;padding:13px 0;border-bottom:1px solid #294235}.movement:last-child{border:0}.movement strong.in{color:#7de1a1}.movement strong.out{color:#f0c26c}.movement small{grid-column:1/-1}#receipt{margin-top:15px;padding:14px;border-radius:12px;background:#153a28;border:1px solid #5f9470;color:#dff4e5}@media(min-width:700px){.content{display:grid;grid-template-columns:1fr 1fr;gap:18px}.balance,.notice{grid-column:1/-1}.content .panel{margin:0}}