:root{--app-bg-color: #f0f2f5;--app-card-bg-color: #ffffff;--app-text-color-primary: #333333;--app-text-color-secondary: #666666;--app-text-color-faint: #999999;--app-border-color: #e0e0e0;--app-accent-color: #667eea;--app-accent-color-hover: #5568d3;--app-shadow-color: rgba(0, 0, 0, .2)}[data-theme=dark]{--app-bg-color: #121212;--app-card-bg-color: #1e1e1e;--app-text-color-primary: #e0e0e0;--app-text-color-secondary: #aaaaaa;--app-text-color-faint: #777777;--app-border-color: #333333;--app-accent-color: #768fff;--app-accent-color-hover: #8a9fff;--app-shadow-color: rgba(0, 0, 0, .5)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0;padding:20px;background-color:var(--app-bg-color);color:var(--app-text-color-primary);min-height:100vh;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease,color .3s ease}main{width:100%;max-width:600px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}