:root{--ink:#172721;--muted:#828c84;--green:#19493a;--lime:#dffe93;--line:#e8ece6;--paper:#f8f9f6;--surface:#fff;--gold:#ecae48}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-family:'DM Sans','Manrope',sans-serif;color:var(--ink)}button{font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}#app{min-height:100dvh;max-width:720px;margin:auto;padding-bottom:calc(94px + env(safe-area-inset-bottom));background:var(--paper)}.header{padding:19px 22px 14px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:rgba(248,249,246,.96);backdrop-filter:blur(18px);z-index:8}.brand{display:flex;align-items:center;gap:10px}.brand-symbol{display:grid;place-items:center;width:40px;height:40px;font-size:25px;letter-spacing:-3px;font-weight:800;border-radius:13px;background:var(--green);color:#fff}.brand-dot{color:var(--lime)}.brand strong{display:block;font-size:17px;letter-spacing:3px}.brand small{display:block;margin-top:3px;color:#86928a;font-size:8px;font-weight:800;letter-spacing:1.1px}.wallet-pill{border:1px solid #e2e7df;background:#fff;border-radius:40px;padding:8px 12px;display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px;min-width:94px;justify-content:center}.coin-icon{width:25px;height:25px;background:#f9df9c;color:#8e5c0b;border:2px solid #e3b858;box-shadow:inset 0 0 0 2px #ffe8ae;border-radius:50%;display:inline-grid;place-items:center;font-size:16px;font-weight:700;flex-shrink:0}.wallet-plus{font-size:22px;color:#a1afa4;font-weight:400;margin-top:-2px}main{padding:12px 21px 20px}.eyebrow{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;font-weight:800;color:#859188}.greeting{margin:9px 0 20px;letter-spacing:-1.4px;font-size:31px;line-height:1.15}.greeting span{color:#8c9a90}.hero{background:var(--green);border-radius:25px;color:white;padding:25px 24px 22px;position:relative;overflow:hidden;min-height:210px}.hero::after{content:'✦';position:absolute;right:-25px;top:-64px;font-size:245px;color:rgba(255,255,255,.04)}.hero-top{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1}.hero .light-muted{font-size:12px;color:#b1c9bb}.hero-value{display:flex;gap:9px;align-items:center;font-weight:800;font-size:38px;letter-spacing:-1.5px;margin-top:7px}.hero-value .coin-icon{width:32px;height:32px;font-size:20px}.level{font-size:12px;border:1px solid #5d806e;border-radius:50px;padding:9px 13px;white-space:nowrap}.hero-line{height:1px;background:#426757;margin:21px 0}.hero-bottom{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.hero-bottom b{font-size:21px}.hero-bottom small{font-size:11px;display:block;margin-bottom:7px;color:#aec4b6}.hero-bottom button{border:0;border-radius:12px;padding:13px 17px;font-weight:800;background:var(--lime);color:#244434}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:13px 0 25px}.metric{padding:17px;background:white;border:1px solid var(--line);border-radius:17px}.metric-label{display:block;font-size:11px;color:#8a958d;font-weight:600;margin-bottom:10px}.metric b{font-size:22px}.metric small{font-size:11px;color:#8c978e;margin-left:5px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:28px 0 13px}.section-heading h2{margin:0;font-size:19px;letter-spacing:-.5px}.text-link{border:0;background:none;color:#255c42;font-size:12px;font-weight:800}.refer-card{display:flex;align-items:flex-start;gap:16px;padding:21px 19px;border-radius:20px;background:#e9f0e2;border:1px solid #dde8d3}.refer-graphic{width:49px;height:49px;flex-shrink:0;border-radius:15px;display:grid;place-items:center;background:#d1e1c4;color:#32563b;font-size:23px}.refer-card h3{margin:0 0 7px;font-size:16px}.refer-card p{margin:0 0 15px;font-size:12px;line-height:1.65;color:#5c7063}.btn{background:var(--green);border:0;color:white;font-size:13px;font-weight:800;border-radius:12px;padding:13px 17px}.btn.secondary{background:#f1f4ed;color:var(--green)}.btn.full{width:100%}.small-note{font-size:12px;color:#8a958b;line-height:1.6}.bottom-nav{position:fixed;z-index:9;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,720px);display:flex;justify-content:space-around;background:#fff;border-top:1px solid #e9eee8;padding:12px 5px calc(12px + env(safe-area-inset-bottom))}.bottom-nav button{border:0;background:transparent;color:#96a099;display:flex;flex-direction:column;gap:5px;align-items:center;font-size:9px;font-weight:700;min-width:56px}.bottom-nav button.active{color:var(--green)}.bottom-nav svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.page-heading{font-size:29px;letter-spacing:-1px;margin:7px 0}.page-subtitle{font-size:13px;color:#849188;line-height:1.7;margin:0 0 22px}.book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.book{background:white;border-radius:19px;border:1px solid var(--line);overflow:hidden;padding:10px}.cover{height:180px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ece7df,#b8c0ac);border-radius:13px;overflow:hidden;position:relative}.cover img{height:100%;width:100%;object-fit:cover}.placeholder{font-weight:800;text-align:center;padding:20px;font-size:18px;color:#fff;text-shadow:0 2px 10px #0006;line-height:1.25}.book h3{font-size:13px;margin:11px 3px 4px;line-height:1.4;min-height:35px}.book .author{font-size:11px;color:#89958a;margin:0 3px 13px;min-height:16px}.buyline{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:0 2px 3px}.price{font-size:13px;font-weight:800;white-space:nowrap}.price span{color:#d19936}.buyline button{border:0;border-radius:9px;background:#e4f2d4;padding:9px 10px;font-size:11px;font-weight:800;color:#275039}.list-item{display:flex;align-items:center;gap:12px;background:#fff;padding:15px 14px;border:1px solid var(--line);border-radius:14px;margin-bottom:9px}.avatar{width:40px;height:40px;border-radius:13px;background:#e8eee4;display:grid;place-items:center;font-size:15px;font-weight:800;color:#2b654c;flex-shrink:0}.list-item strong{font-size:13px}.list-item small{font-size:11px;color:#929e93;display:block;margin-top:4px}.list-right{margin-left:auto;text-align:right;font-weight:800;font-size:14px}.rank-no{font-size:13px;color:#879288;width:19px;font-weight:800}.award-card{padding:21px;border-radius:19px;background:white;border:1px solid var(--line);margin-bottom:12px}.award-card .award-icon{display:inline-grid;place-items:center;width:40px;height:40px;background:#edf2e6;border-radius:13px;font-size:22px}.award-card h3{margin:15px 0 7px;font-size:18px}.award-card p{color:#7c887e;line-height:1.6;font-size:12px;margin:0 0 14px}.award-card .count{font-size:12px;font-weight:800;color:#365942}.balance-summary{border-radius:21px;background:#19493a;color:white;padding:26px;margin-bottom:22px}.balance-summary b{font-size:39px;display:block;margin:10px 0}.balance-summary small{color:#b1cbbb}.empty{background:#fff;padding:28px 20px;text-align:center;color:#89968a;border:1px dashed #dce4da;border-radius:17px;font-size:13px;line-height:1.6}.positive{color:#277e50}.negative{color:#b97343}.skeleton{height:180px;border-radius:20px;background:#e8eee6;animation:pulse 1.2s infinite alternate}@keyframes pulse{to{opacity:.45}}#toast{position:fixed;left:50%;bottom:110px;transform:translateX(-50%) translateY(30px);opacity:0;pointer-events:none;background:#183c30;color:white;padding:12px 20px;border-radius:14px;z-index:20;max-width:90%;font-size:13px;transition:.25s}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.flying-coin{position:fixed;z-index:100;pointer-events:none;display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#fbd476;color:#9a6614;font-size:20px;box-shadow:0 4px 20px #7f6d2544;animation:fly .7s cubic-bezier(.22,.7,.14,1) forwards}@keyframes fly{to{transform:translate(var(--dx),var(--dy)) scale(.45);opacity:0}}.registration{padding:36px 10px;text-align:center}.registration .brand-symbol{margin:25px auto;width:80px;height:80px;font-size:51px;border-radius:24px}.registration h1{font-size:29px;margin:20px 0 10px}.registration p{font-size:13px;line-height:1.7;color:#7d8b81;margin:0 auto 25px;max-width:350px}.badge-inline{background:#e6efd9;color:#356046;font-size:10px;border-radius:40px;padding:7px 11px;font-weight:800}.notice{background:#fff6e6;border:1px solid #eee0bf;padding:13px;border-radius:12px;font-size:12px;color:#78643c;margin-top:15px}.row-space{display:flex;align-items:center;justify-content:space-between;gap:8px}.pill{background:#edf4e8;color:#356147;padding:7px 10px;font-size:11px;font-weight:800;border-radius:40px}@media(min-width:600px){main{padding:20px 36px}.header{padding-left:36px;padding-right:36px}.book-grid{grid-template-columns:repeat(3,1fr)}.cover{height:230px}}