:root{color:#242522;font-synthesis:none;text-rendering:optimizelegibility;--canvas:#cec5bc;--surface:#f7f3ed;--card:#fffdfa;--ink:#242522;--muted:#77736c;--soft:#e9e3d9;--accent:#ffa06d;--accent-strong:#ed8550;--nav:#242522;--shadow:0 22px 60px #3b302624;background:#cec5bc;font-family:Inter,ui-rounded,Avenir Next,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--canvas);overscroll-behavior:none}body{background:var(--canvas);min-width:320px;min-height:100dvh;margin:0}button{color:inherit;font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #ffa06d8c}.app-shell{background:radial-gradient(circle at 92% 7%, #ffa06d2e, transparent 22%), var(--surface);width:min(100%,480px);min-height:100dvh;margin:0 auto;position:relative;overflow:hidden}.topbar{padding:calc(24px + env(safe-area-inset-top)) 22px 20px;justify-content:space-between;align-items:center;gap:20px;display:flex}.eyebrow{color:var(--accent-strong);letter-spacing:.09em;text-transform:uppercase;margin:0 0 5px;font-size:.74rem;font-weight:760}h1,h2,p{margin-top:0}h1{letter-spacing:-.045em;margin-bottom:0;font-size:clamp(1.65rem,7vw,2.1rem);line-height:1.04}h2{letter-spacing:-.035em}.brand-mark{background:var(--card);border-radius:17px;flex:none;grid-template-columns:repeat(2,8px);place-content:center;gap:5px;width:48px;height:48px;display:grid;box-shadow:0 9px 24px #483a2d14}.brand-mark span{background:var(--ink);border-radius:50%;width:8px;height:8px}.brand-mark span:nth-child(2),.brand-mark span:nth-child(3){background:var(--accent)}.screen{padding:0 16px calc(122px + env(safe-area-inset-bottom));animation:.24s ease-out screen-in}@keyframes screen-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.content-stack{gap:14px;display:grid}.hero-card{background:var(--accent);min-height:360px;box-shadow:var(--shadow);isolation:isolate;border-radius:34px;display:grid;position:relative;overflow:hidden}.hero-card:after{content:"";z-index:-1;border:58px solid #ffffff29;border-radius:50%;width:280px;height:280px;position:absolute;inset:auto -80px -110px auto}.hero-copy{z-index:2;align-self:end;width:70%;padding:22px;position:relative}.pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdfac7;border-radius:999px;padding:8px 12px;font-size:.72rem;font-weight:720;display:inline-flex}.hero-copy h2{max-width:280px;margin:18px 0 10px;font-size:clamp(2rem,10vw,2.75rem);line-height:.96}.hero-copy p{max-width:255px;margin-bottom:18px;font-size:.9rem;line-height:1.45}.button{cursor:pointer;border:0;border-radius:17px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 18px;font-weight:720;display:inline-flex}.button svg{width:19px;height:19px}.button-dark{color:#fff;background:var(--ink);box-shadow:0 10px 22px #2425222e}.table-illustration{width:168px;height:210px;position:absolute;top:24px;right:20px}.card-shape{border-radius:22px;width:105px;height:146px;position:absolute;box-shadow:0 20px 28px #4f2d182e}.card-back{border:7px solid var(--card);background:repeating-linear-gradient(45deg,#31322f 0 8px,#454641 8px 16px);top:12px;right:28px;transform:rotate(13deg)}.card-front{background:var(--card);place-items:center;display:grid;top:44px;right:0;transform:rotate(-7deg)}.meeple{color:var(--accent-strong);font-size:3.5rem;transform:rotate(7deg)}.token{z-index:2;border:5px solid var(--card);width:42px;height:42px;color:var(--card);background:var(--ink);border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;box-shadow:0 9px 16px #3225192e}.token-one{top:4px;left:0}.token-two{background:var(--accent-strong);bottom:0;right:2px}.metric-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.metric-card{background:var(--card);border-radius:25px;align-content:space-between;min-height:112px;padding:17px;display:grid}.metric-card strong{letter-spacing:-.06em;font-size:2rem}.metric-card span{color:var(--muted);font-size:.76rem;font-weight:700}.metric-card.peach{background:#ffd1b8}.metric-card.cream{background:#e9e3d9}.metric-card.dark{color:#fff;background:var(--ink)}.metric-card.dark span{color:#c9c9c4}.section-block,.empty-panel,.profile-placeholder{background:var(--card);border-radius:30px;box-shadow:0 12px 34px #483a2d0f}.section-block{padding:22px}.section-heading h2{margin-bottom:0;font-size:1.18rem}.empty-row{background:var(--surface);border-radius:20px;align-items:center;gap:13px;margin-top:20px;padding:15px;display:flex}.empty-row p{color:var(--muted);margin:0;font-size:.86rem}.empty-row-icon,.empty-panel-icon,.avatar-placeholder{color:var(--ink);background:var(--accent);border-radius:17px;place-items:center;display:grid}.empty-row-icon{width:45px;height:45px}.empty-row-icon svg,.empty-panel-icon svg,.avatar-placeholder svg{width:23px;height:23px}.segment-control{background:#e9e3d9;border-radius:20px;grid-template-columns:repeat(2,1fr);gap:6px;padding:5px;display:grid}.segment-control button{min-height:46px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:16px;font-weight:720}.segment-control button.selected{color:var(--ink);background:var(--card);box-shadow:0 6px 18px #483a2d14}.empty-panel{text-align:center;align-content:center;place-items:center;min-height:380px;padding:42px 28px;display:grid}.empty-panel.accent{background:linear-gradient(145deg, #ffd6c0, var(--accent))}.empty-panel-icon{background:var(--soft);width:66px;height:66px;margin-bottom:22px}.empty-panel.accent .empty-panel-icon{color:#fff;background:var(--ink)}.empty-panel h2{max-width:290px;margin-bottom:10px;font-size:1.65rem}.empty-panel p{max-width:300px;color:var(--muted);margin-bottom:0;line-height:1.55}.empty-panel.accent p{color:#242522b8}.empty-panel .button{margin-top:24px}.chart-placeholder{background:var(--ink);border-radius:30px;justify-content:center;align-items:end;gap:11px;height:190px;padding:30px 26px 22px;display:flex}.chart-placeholder span{background:var(--accent);opacity:.42;border-radius:14px 14px 5px 5px;width:14%;max-width:48px}.chart-placeholder span:nth-child(4){opacity:.78}.profile-placeholder{align-items:center;gap:18px;padding:20px;display:flex}.profile-placeholder h2{margin-bottom:0;font-size:1.15rem}.avatar-placeholder{flex:none;width:64px;height:64px}.bottom-nav{z-index:20;right:max(12px,50vw - 228px);bottom:calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#242522f7;border:1px solid #ffffff0d;border-radius:28px;grid-template-columns:repeat(5,1fr);align-items:center;min-height:82px;padding:8px 6px;display:grid;position:fixed;left:max(12px,50vw - 228px);box-shadow:0 17px 45px #18171547}.nav-item{color:#f4f3ef;cursor:pointer;opacity:.72;background:0 0;border:0;border-radius:21px;align-content:center;place-items:center;gap:4px;min-width:0;min-height:62px;padding:4px 2px;display:grid}.nav-item.active{color:var(--accent);opacity:1}.nav-item.primary{min-height:66px;color:var(--ink);background:var(--accent);opacity:1}.nav-icon{place-items:center;width:26px;height:26px;display:grid}.nav-icon svg{width:23px;height:23px}.nav-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.58rem;font-weight:700;overflow:hidden}@media (width>=560px){body{padding:22px 0}.app-shell{border:8px solid #ffffff59;border-radius:42px;min-height:calc(100dvh - 44px);box-shadow:0 30px 90px #3a312938}.bottom-nav{bottom:34px}}@media (width<=370px){.hero-card{min-height:390px}.hero-copy{width:82%;padding:18px}.table-illustration{transform-origin:100% 0;right:4px;transform:scale(.88)}.metric-card{padding:14px}.nav-label{font-size:.52rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}