:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--radius-full: 0px;--font-xs: 12px;--font-sm: 14px;--font-md: 16px;--font-lg: 20px;--font-xl: 28px;--font-2xl: 40px;--color-bg: #F7F5EF;--color-surface: #FFFFFF;--color-surface2: #EFEDE6;--color-border: #1a1a1a;--color-text: #1a1a1a;--color-text-muted: #666666;--pixel-shadow: 4px 4px 0 #1a1a1a;--pixel-shadow-sm: 3px 3px 0 #1a1a1a;--pixel-shadow-xs: 2px 2px 0 #1a1a1a;--transition: .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,PingFang SC,Helvetica Neue,sans-serif;background:var(--color-bg);background-image:linear-gradient(rgba(0,0,0,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 1px);background-size:24px 24px;color:var(--color-text);min-height:100dvh;line-height:1.6;overflow-x:hidden}#root{min-height:100dvh;display:flex;flex-direction:column}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit;border:none;outline:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border)}.page-container{max-width:480px;margin:0 auto;width:100%;padding:0 var(--spacing-md);flex:1;display:flex;flex-direction:column}.pixel-btn{border:2px solid var(--color-border);box-shadow:var(--pixel-shadow);transition:transform .1s,box-shadow .1s;border-radius:0}.pixel-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #1a1a1a}