:root{--radius:0.8rem;--card-radius:1rem}body,html{margin:0;padding:0;min-height:100%}body{font-family:Sora,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}:root{--green:#00C853;--green-dark:#00A846;--green-darker:#007A32;--green-dim:#E8F5E9;--green-mid:#C8E6C9;--green-text:#1B5E20;--green-glow:rgba(0,200,83,0.25);--shamar-dark:#1B5E20;--shamar-mid:#2E7D32;--shamar-light:#388E3C;--shamar-dim:rgba(27,94,32,0.08);--shamar-gold:#C9A84C;--shamar-gold-dim:#FDF6E3;--sq-pequeno:#81C784;--sq-medio:#1B5E20;--sq-grande:#F9A825;--sq-epico:#C62828;--sq-empty:#EEF2EE;--sq-hover:#00C853;--gold:#F9A825;--gold-dark:#B45309;--gold-dim:#FFF8E1;--gold-mid:#FDE68A;--red:#D32F2F;--red-dim:#FFEBEE;--blue:#1565C0;--blue-dim:#E3F2FD;--purple:#6A1B9A;--purple-dim:#F3E5F5;--rose:#C2185B;--rose-dim:#FCE4EC;--diamond:#00897B;--bg:#F4F7F4;--bg-card:#FFFFFF;--bg-input:#F5F5F5;--bg-header:#00C853;--bg-nav:#FFFFFF;--bg-section:#F9FBF9;--bg-hover:#F0F7F0;--text:#1A1A1A;--text2:#555555;--text3:#999999;--text-on-green:#FFFFFF;--text-on-card:#1A1A1A;--border:#E8E8E8;--border-green:#C8E6C9;--border-strong:#CCCCCC;--shadow-sm:0 1px 4px rgba(0,0,0,0.08);--shadow-card:0 2px 12px rgba(0,0,0,0.08);--shadow-md:0 4px 20px rgba(0,0,0,0.10);--shadow-lg:0 8px 32px rgba(0,0,0,0.12);--shadow-green:0 4px 16px rgba(0,200,83,0.30);--font-body:"Sora",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"Space Mono","Courier New",monospace;--font-display:"Playfair Display",Georgia,serif;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--bottom-nav-height:64px;--fab-size:52px;--header-height:auto;--padding-screen:16px;--padding-card:20px;--gap-grid:12px;--gap-list:8px;--green-2:var(--green);--green-accent:#DDF5E4;--bg2:var(--bg-card);--bg3:var(--bg-input);--bg4:var(--bg-section);--bg-deep:var(--bg);--bg-elevated:var(--bg-card);--bg-surface:var(--bg-input);--bg-overlay:var(--bg-card);--text-2:var(--text2);--text-3:var(--text3);--text-muted:var(--text3);--muted:var(--text2);--muted-dark:var(--text3);--dim:var(--text2);--border-2:var(--border);--border-3:var(--border-strong);--border2:var(--border);--line-soft:rgba(26,26,26,0.08);--line-softer:rgba(26,26,26,0.06);--hover-soft:var(--bg-hover);--hover-softer:color-mix(in srgb,var(--bg-hover) 72%,transparent);--btn-outline-hover-border:var(--border-strong);--btn-hover-border:var(--border-strong);--overlay:rgba(17,35,24,0.45);--theme-pill:var(--bg-input);--theme-pill-border:var(--border-green);--theme-pill-text:var(--green-dark);--theme-pill-active-bg:var(--green);--theme-pill-active-text:var(--text-on-green);--shadow-glow:var(--green-glow);--shadow-hover:var(--shadow-md);--shadow-fab:var(--shadow-green);--radius-card:var(--radius-xl);--radius-nav:var(--radius-xl);--radius-bloco:var(--radius-lg);--radius-badge:var(--radius-md);--gap-section:20px;--status-bar-height:44px;--transition:all 0.2s ease;--transition-slow:all 0.3s ease}*{box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.page-content{padding-bottom:calc(var(--bottom-nav-height) + 36px);min-height:100vh}[role=button],a,button{min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.text-display{font-weight:800}.text-display,.text-heading{font-family:var(--font-display);color:var(--text)}.text-heading{font-weight:700}.text-body{font-weight:400;color:var(--text2);line-height:1.6}.text-body,.text-label{font-family:var(--font-body)}.text-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--text3)}.text-mono{font-family:var(--font-mono);font-weight:700}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden}.card-interactive{cursor:pointer;transition:var(--transition)}.card-interactive:hover{border-color:var(--border-green);transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-green{border:1px solid var(--border-green);border-radius:var(--radius-xl)}.card-green,.card-saldo{background:var(--green-dim)}.card-saldo{border-color:var(--border-green)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1px solid;white-space:nowrap}.badge-green{background:var(--green-dim);color:var(--green-text);border-color:var(--border-green)}.badge-gold{background:var(--gold-dim);color:var(--gold-dark);border-color:var(--gold-mid)}.badge-red{background:var(--red-dim);color:var(--red);border-color:#FFCDD2}.badge-blue{background:var(--blue-dim);color:var(--blue);border-color:#BBDEFB}.badge-purple{background:var(--purple-dim);color:var(--purple);border-color:#E1BEE7}.badge-rose{background:var(--rose-dim);color:var(--rose);border-color:#F8BBD9}.badge-neutral{background:var(--bg-input);color:var(--text2);border-color:var(--border)}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:var(--green);color:var(--text-on-green);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--green-dark);box-shadow:var(--shadow-green)}.btn-primary:active{transform:scale(.98)}.btn-secondary{width:100%;background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);padding:13px 24px;font-family:var(--font-body);font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.btn-secondary:hover{border-color:var(--green-mid);background:var(--green-dim)}.input,.textarea{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;font-family:var(--font-body);font-size:14px;color:var(--text);outline:none;transition:all .2s}.textarea{min-height:92px;resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--text3)}.input:focus,.textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-dim);background:var(--bg-card)}.section-label{font-size:11px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:1.5px;padding:14px var(--padding-screen) 8px}.progress-track{height:5px;background:var(--green-mid);overflow:hidden}.progress-fill,.progress-track{border-radius:var(--radius-full)}.progress-fill{height:100%;background:var(--green);transition:width .4s ease}.avatar{border-radius:50%;justify-content:center}.avatar,.coin-chip{display:inline-flex;align-items:center;font-weight:700}.coin-chip{gap:6px;border-radius:var(--radius-full);border:1px solid transparent;padding:5px 10px;font-family:var(--font-mono);font-size:12px;white-space:nowrap}.coin-chip.gold{background:var(--gold-dim);border-color:var(--gold-mid);color:var(--gold-dark)}.coin-chip.blue{background:var(--blue-dim);border-color:#BBDEFB;color:var(--blue)}.home-hub-screen{min-height:100vh;background:var(--bg);color:var(--text)}.home-hub-main{min-height:100vh;padding-bottom:calc(var(--bottom-nav-height) + var(--fab-size) + 28px)}.home-hub-finance{padding:16px 20px 0}.home-hub-explore-label{width:100%;max-width:640px;margin:0 auto;padding:14px 20px 10px;color:var(--text3);font-family:var(--font-body);font-size:14px;font-weight:800;line-height:1;letter-spacing:2px;text-transform:uppercase}.home-hub-nav-grid{width:100%;max-width:640px;margin:0 auto;padding:0 20px 14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.hub-nav-card{width:100%;aspect-ratio:1/.74;min-height:128px;position:relative;border-radius:var(--radius-xl);border:2px solid var(--border-green);background:var(--bg-card);box-shadow:var(--shadow-card);padding:14px 12px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-decoration:none;cursor:pointer;transition:var(--transition)}.hub-nav-card.locked{cursor:not-allowed;border-color:var(--border);background:color-mix(in srgb,var(--bg-card) 80%,var(--bg-input));box-shadow:none;opacity:.68}.hub-nav-card:active,.hub-nav-card:hover{transform:translateY(-2px);border-color:var(--green);background:var(--green-dim);box-shadow:var(--shadow-md)}.hub-nav-card.locked:active,.hub-nav-card.locked:hover{transform:none;border-color:var(--border);background:color-mix(in srgb,var(--bg-card) 80%,var(--bg-input));box-shadow:none}.hub-nav-card:focus-visible{outline:2px solid var(--green);outline-offset:2px}.hub-nav-card-lock{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:999px;display:inline-flex;background:var(--bg-input);border:1px solid var(--border);font-size:13px;line-height:1}.hub-nav-card-lock,.hub-nav-card-media{align-items:center;justify-content:center}.hub-nav-card-media{width:100%;min-height:60px;display:flex}.hub-nav-card-icon{display:inline-flex;align-items:center;justify-content:center;font-size:clamp(48px,7vw,68px);line-height:1;filter:none}.hub-nav-card-label{color:var(--text);font-family:var(--font-body);font-size:clamp(13px,2.1vw,16px);font-weight:900;line-height:1.1;letter-spacing:.6px;text-transform:uppercase;text-align:center}.swipe-hint{opacity:0;transition:opacity .2s;pointer-events:none}@media (hover:hover){.swipe-container:hover .swipe-hint{opacity:1}}@media (max-width:520px){.home-hub-explore-label{padding:14px 16px 10px;font-size:12px;letter-spacing:1.6px}.home-hub-nav-grid{padding:0 16px 10px;gap:10px}.hub-nav-card{border-radius:var(--radius-lg);padding:10px 8px;gap:6px}.hub-nav-card-media{min-height:52px}.hub-nav-card-icon{font-size:clamp(40px,11vw,54px)}.hub-nav-card-label{font-size:12px;letter-spacing:.5px}}