:root{--color-bg:#f0f0f0;--color-bg-secondary:#e8e8e8;--color-surface:#fff;--color-border:#ddd;--color-text:#1a1a1a;--color-text-muted:#666;--color-primary:#3498db;--color-primary-hover:#2980b9;--color-danger:#e74c3c;--color-success:#27ae60;--primary-button-color:#333;--primary-button-hover-color:#555;--radius:8px;--shadow:0 4px 8px #0000001a}@media (prefers-color-scheme:dark){:root{--color-bg:#1a1a1a;--color-bg-secondary:#242424;--color-surface:#2c2c2c;--color-border:#444;--color-text:#f0f0f0;--color-text-muted:#aaa;--shadow:0 4px 8px #0006}}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Arial,sans-serif;overflow-x:hidden}h1,h2,h3{text-align:center;color:var(--color-text);margin:0;font-weight:700}button{background:var(--primary-button-color);color:#fff;border-radius:var(--radius);cursor:pointer;touch-action:manipulation;border:none;min-height:44px;margin:5px;padding:10px 20px;font-size:16px;transition:background .3s}button:hover{background:var(--primary-button-hover-color)}input{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);box-sizing:border-box;width:100%;margin:10px 0;padding:10px;font-size:16px}.container{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;width:100%;max-width:360px;padding:20px}.error-message{color:var(--color-danger);margin-top:5px;font-size:12px}.success-message{color:var(--color-success);margin-bottom:10px;font-size:14px}.app{flex-direction:column;min-height:100vh;display:flex}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}