*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:#f7f7fb;color:#1c1c1e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.app{min-height:100vh}header{height:60px;position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e7eb;display:grid;grid-template-columns:48px 1fr 96px;align-items:center;z-index:5}header h1{text-align:center;font-size:19px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actions{display:flex;justify-content:flex-end}.icon{border:0;background:transparent;color:#2563eb;font-size:29px;height:60px;min-width:44px}.icon:first-letter{font-size:32px}main{max-width:760px;margin:auto;padding:18px 16px 32px}.cards{display:grid;gap:12px}.cards article,.draw,.history{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.main{width:100%;border:0;background:#fff;padding:16px;display:flex;align-items:center;text-align:left}.main span{display:grid;gap:4px;flex:1}.main b{font-size:17px}.main small{font-size:14px;color:#6b7280}.main strong{font-size:28px;color:#2563eb;font-weight:400}article footer{display:flex;border-top:1px solid #eee}article footer button{flex:1;padding:11px;border:0;background:#fff;color:#2563eb}article footer button+button{border-left:1px solid #eee;color:#dc2626}.empty{min-height:55vh;display:flex;align-items:center;justify-content:center;gap:9px;flex-direction:column;color:#6b7280;text-align:center}.empty b{color:#1c1c1e;font-size:19px}.empty.small{min-height:120px}.primary{background:#2563eb;color:#fff;border:0;border-radius:10px;padding:13px 18px;font-weight:650}.form{display:grid;gap:20px}.form label{display:grid;gap:7px;font-weight:650}.form input{padding:13px;border:1px solid #ccc;border-radius:10px;background:#fff}.form small{font-weight:400;color:#6b7280;line-height:1.45}.muted{color:#6b7280}.draw{padding:20px;display:grid;gap:16px;text-align:center}.draw strong{font-size:54px;color:#2563eb}.draw button:not(.primary){padding:12px;border:1px solid #ddd;border-radius:10px;background:#fff}.history div{display:flex;align-items:center;gap:12px;padding:11px 13px;border-bottom:1px solid #eee}.history div:last-child{border:0}.history b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#2563eb;color:#fff}.history span{flex:1;color:#6b7280;font-size:14px}.history em{font-size:11px;color:#16a34a;font-style:normal;font-weight:700}h2{font-size:18px;margin:25px 0 12px}.data-actions{display:flex;justify-content:center;gap:12px;margin:22px 0;flex-wrap:wrap}.data-actions button{background:transparent;border:0;color:#2563eb;padding:8px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:20;padding:20px;overflow:auto}.help{position:relative;max-width:650px;margin:5vh auto;background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 40px #0003;line-height:1.5}.help h2{margin-top:0}.help h3{font-size:16px;margin:22px 0 6px}.help p{margin:7px 0}.help a{color:#2563eb;word-break:break-word}.close{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:30px;color:#666}.note{font-size:13px;color:#6b7280}@media(max-width:480px){main{padding:14px 12px 28px}.help{padding:20px 18px}.data-actions{display:grid;gap:2px}}