:root{--color-bg-base: #0a0f12;--color-bg-raised: rgba(10, 15, 18, .92);--color-border-subtle: rgba(255, 255, 255, .06);--color-text-primary: #f8fafc;--color-text-secondary: #a7b4bd;--color-text-tertiary: #6b7684;--color-accent-primary: #047857;--color-accent-primary-hover: #065f46;--color-accent-primary-active: #064e3b;--color-accent-bright: #10b981;--color-accent-glow: rgba(16, 185, 129, .22);--radius-button: 12px;--radius-card: 24px;--radius-pill: 999px;--layout-content-max-width: 520px;--layout-header-height: 56px;--layout-bottom-nav-height: 72px;--transition-quick: .1s ease;--transition-base: .15s ease;--shadow-button: 0 10px 24px var(--color-accent-glow)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,Yu Gothic Medium,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button{font-family:inherit;font-size:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--color-accent-bright);outline-offset:2px}