:root{--big-stone: #17283c;--big-stone-deep: #101d2c;--big-stone-raised: #1d3149;--sorrell: #cfb48d;--sorrell-deep: #766748;--botticelli: #ccdce9;--botticelli-muted: rgba(204, 220, 233, .62);--hairline: rgba(207, 180, 141, .22);--hairline-soft: rgba(204, 220, 233, .14)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--big-stone);color:var(--botticelli);font-family:Instrument Sans,system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100dvh}.shell{min-height:100dvh;max-width:640px;margin:0 auto;display:flex;flex-direction:column;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.topbar{padding:calc(16px + env(safe-area-inset-top)) 20px 14px;border-bottom:1px solid var(--hairline-soft)}.wordmark{margin:0;display:flex;flex-direction:column;gap:3px}.wordmark-name{font-weight:600;font-size:1rem;letter-spacing:.14em;color:var(--sorrell)}.wordmark-sub{font-weight:400;font-size:.68rem;letter-spacing:.34em;color:var(--botticelli-muted)}.offline{background:var(--big-stone-deep);border-bottom:1px solid var(--hairline);color:var(--botticelli-muted);font-size:.85rem;padding:8px 20px}.content{flex:1;padding:24px 20px 8px}.screen{display:flex;flex-direction:column;gap:18px}.greeting,.screen-title{font-weight:600;font-size:1.75rem;line-height:1.2;letter-spacing:-.01em;margin:0;color:#fff}.screen-lede{margin:-6px 0 0;color:var(--botticelli-muted);max-width:46ch}.member-card{position:relative;border-radius:16px;padding:20px;background:var(--big-stone-raised);border:1px solid var(--sorrell-deep);overflow:hidden}.member-card:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:11px;border:1px solid var(--hairline);pointer-events:none}.mc-top{display:flex;justify-content:space-between;align-items:baseline;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--botticelli-muted);margin-bottom:26px}.mc-tier{color:var(--sorrell)}.mc-name{font-weight:500;font-size:1.3rem;margin:0 0 22px;color:#fff}.mc-row{display:flex;gap:36px}.mc-label{margin:0 0 2px;font-size:.78rem;color:var(--botticelli-muted)}.mc-figure{margin:0;font-weight:600;font-size:1.28rem;color:var(--sorrell);font-variant-numeric:lining-nums tabular-nums}.note{margin:0;font-size:.85rem;color:var(--botticelli-muted);max-width:52ch}.quick{display:flex;flex-direction:column}.quick-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-top:1px solid var(--hairline-soft);color:var(--botticelli);font:inherit;font-weight:500;text-align:left;padding:15px 2px;cursor:pointer}.quick-item:last-child{border-bottom:1px solid var(--hairline-soft)}.quick-item:hover{color:var(--sorrell)}.list{display:flex;flex-direction:column;border-top:1px solid var(--hairline-soft)}.list-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 2px;border-bottom:1px solid var(--hairline-soft)}.li-title{margin:0;font-weight:500;color:#fff}.li-sub{margin:2px 0 0;font-size:.85rem;color:var(--botticelli-muted)}.li-state{font-size:.78rem;color:var(--sorrell);white-space:nowrap}.empty{border:1px solid var(--hairline-soft);border-radius:14px;padding:28px 22px;background:var(--big-stone-deep)}.empty-title{margin:0 0 4px;font-weight:600;font-size:1.05rem;color:#fff}.empty-sub{margin:0;font-size:.88rem;color:var(--botticelli-muted);max-width:44ch}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:640px;display:flex;background:#101d2cf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--hairline-soft);padding-bottom:env(safe-area-inset-bottom)}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 8px;color:var(--botticelli-muted);font-family:inherit;font-size:.68rem;cursor:pointer;position:relative}.tab svg{width:22px;height:22px}.tab.active{color:var(--sorrell)}.tab.active:before{content:"";position:absolute;top:0;width:22px;height:2px;border-radius:0 0 2px 2px;background:var(--sorrell)}:focus-visible{outline:2px solid var(--sorrell);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: no-preference){.member-card{animation:settle .5s ease-out both}@keyframes settle{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}