@font-face{font-family:IBM Plex Sans;src:url(/IBMPlexSans-Regular.ttf)format("truetype");font-weight:400}@font-face{font-family:IBM Plex Sans;src:url(/IBMPlexSans-SemiBold.ttf)format("truetype");font-weight:600}@font-face{font-family:IBM Plex Mono;src:url(/IBMPlexMono-Regular.ttf)format("truetype");font-weight:400}:root{color:#292929;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f7f7;font-family:IBM Plex Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{cursor:pointer;font:inherit;border:0;border-radius:4px}button:focus-visible{outline-offset:2px;outline:2px solid #0017e7}.app-shell{min-height:100vh}.app-header{background:#fff;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex}.brand{color:#292929;align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.brand-mark{width:24px;height:24px}.token-balance{color:#7832d2;font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:600}.app-content{max-width:900px;margin:0 auto;padding:40px 28px 64px}.page-heading{margin:0 0 8px;font-size:24px;line-height:1.2}.page-helper{color:#5f5f5f;margin:0 0 28px}.streak-card,.step-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px}.streak-card{padding:22px}.streak-header{justify-content:space-between;align-items:baseline;display:flex}.streak-title{font-size:18px;font-weight:600}.streak-progress{background:#e5e5e5;border-radius:999px;height:8px;margin:18px 0 12px;overflow:hidden}.streak-progress-fill{border-radius:inherit;background:#8e4ae7;height:100%;transition:width .3s}.mono{font-family:IBM Plex Mono,monospace}.muted{color:#5f5f5f;font-size:13px}.step-list{gap:14px;margin:18px 0 0;padding:0;list-style:none;display:grid}.step-card{align-items:center;gap:16px;padding:18px;display:flex}.step-number{color:#54268e;background:#f1e5ff;border-radius:50%;flex:0 0 34px;justify-content:center;align-items:center;height:34px;font-family:IBM Plex Mono,monospace;font-weight:600;display:flex}.step-copy{flex:1}.step-title{margin:0 0 4px;font-size:15px;font-weight:600}.step-description{color:#5f5f5f;margin:0;font-size:13px}.primary-button,.secondary-button{min-height:40px;padding:0 16px}.primary-button{color:#fff;background:#8e4ae7}.primary-button:hover{background:#a56eec}.secondary-button{color:#292929;background:#f1f1f1}.secondary-button:hover{background:#e5e5e5}.done-label{color:#067900;font-size:13px;font-weight:600}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (width<=640px){.app-header{height:56px;padding:0 16px}.app-content{padding:28px 16px 48px}.step-card{flex-wrap:wrap;align-items:flex-start}.step-card .primary-button,.step-card .secondary-button{width:calc(100% - 50px);margin-left:50px}}