*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#333;--primaryLight:#555;--accent:#888;--background:#fff;--surface:#f5f5f5;--surfaceAlt:#ebebeb;--border:#e0e0e0;--text:#1a1a1a;--textSecondary:#666;--textMuted:#999;--navBg:#fff;--navBorder:#e8e8e8;--plusBtn:#333;--plusBtnText:#fff;--card:#fff;--cardBorder:#eee;--inputBg:#f5f5f5;--nav-height:80px;--safe-bottom:env(safe-area-inset-bottom,0px);--text-display:32px;--text-heading:17px;--text-body:15px;--text-caption:13px;--text-eyebrow:11px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.2;--leading-snug:1.35;--leading-base:1.5;--tracking-tight:-.02em;--tracking-snug:-.01em;--tracking-normal:0;--tracking-wide:.08em;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px}html,body{background-color:var(--background);width:100%;height:100%;overflow:hidden}body{background-color:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;transition:background-color .2s,color .2s}#root{background:var(--background);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}@media (width>=600px){#root{max-width:430px;margin:0 auto;box-shadow:0 0 40px #00000014}}h1,h2,h3,h4,h5,h6{font-family:inherit}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea{font-family:inherit}.page-content{padding:0 0 calc(var(--nav-height) + var(--safe-bottom)) 0;-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.page-content::-webkit-scrollbar{display:none}.themed{transition:background-color .2s,color .2s,border-color .2s}.card{background:var(--card);border:1px solid var(--cardBorder);border-radius:16px;transition:background-color .2s,border-color .2s}.drum-scroll{scrollbar-width:none}.drum-scroll::-webkit-scrollbar{display:none}@keyframes thumbPop{0%{transform:scale(1)}35%{transform:scale(1.55)rotate(-8deg)}65%{transform:scale(.88)}to{transform:scale(1)}}.thumb-pop{animation:.38s cubic-bezier(.34,1.56,.64,1) thumbPop}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{width:100%;position:fixed;top:0;bottom:0;left:0}@media (width>=600px){.modal-overlay{max-width:430px;left:50%;transform:translate(-50%)}}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--textMuted);margin-bottom:10px;padding:0 20px;font-size:13px;font-weight:600}