:root{--primary-color: #2563eb;--background-color: #f8fafc;--card-background: #ffffff;--accent-color: #3b82f6;--border-color: #e2e8f0;--text-color: #1e293b;--error-color: #ef4444;--spacing-unit: 2rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}:root.dark{--primary-color: #3b82f6;--background-color: #0f172a;--card-background: #1e293b;--accent-color: #60a5fa;--border-color: #334155;--text-color: #f1f5f9}body{margin:0;padding:1rem;background-color:var(--background-color);color:var(--text-color);min-height:100vh;display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box}@media (min-width: 768px){body{padding:var(--spacing-unit)}}h1{font-size:2.5rem;font-weight:600;margin-bottom:var(--spacing-unit);color:var(--text-color)}.card{background-color:var(--card-background);padding:1rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;width:100%;max-width:800px;border:1px solid var(--border-color)}@media (min-width: 768px){.card{padding:var(--spacing-unit)}}.header{width:100%;max-width:800px;margin-bottom:var(--spacing-unit);display:flex;flex-direction:column;gap:1rem;align-items:center}@media (min-width: 768px){.header{flex-direction:row;justify-content:space-between}}.header h1{margin:0;font-size:1.75rem;text-align:center}@media (min-width: 768px){.header h1{font-size:2.5rem;text-align:left}}.header-controls{display:flex;align-items:center;gap:1rem}.home-button{padding:.5rem 1rem;background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:6px;font-size:.875rem;transition:all .2s ease}.home-button:hover{background-color:var(--accent-color)}@media (max-width: 768px){:root{--spacing-unit: 1.5rem}h1{font-size:2rem}.card{padding:var(--spacing-unit)}}.card.card--wide{max-width:1200px}.standalone-home{display:inline-block;margin-bottom:1rem;padding:.5rem 1rem;background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:6px;font-size:.875rem;transition:all .2s ease;align-self:flex-start;width:fit-content}.standalone-home:hover{background-color:var(--accent-color)}@media (max-width: 768px){.standalone-home{margin:0 auto 1rem;align-self:center}}