:root{--color-text:#1a1a1a;--color-bg:#fff;--color-surface:#f5f5f5;--color-border:#e0e0e0;--color-accent:#06c;--color-accent-hover:#0052a3;--color-error:#d32f2f;--color-success:#388e3c;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--duration-fast:.15s;--duration-normal:.3s;--ease-in-out:cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background-color:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}h1{font-size:var(--text-2xl);margin-bottom:var(--space-8);font-weight:600;line-height:1.2}h2{font-size:var(--text-xl);margin-bottom:var(--space-4);font-weight:600;line-height:1.3}p{margin-bottom:var(--space-4)}button{font-family:inherit;font-size:var(--text-base);padding:var(--space-3) var(--space-6);cursor:pointer;transition:all var(--duration-fast) var(--ease-in-out);border:none;border-radius:4px;font-weight:500}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button:active{transform:scale(.98)}input,textarea{font-family:inherit;font-size:var(--text-base);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);background-color:var(--color-bg);color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-in-out);border-radius:4px}input:focus-visible,textarea:focus-visible{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #0066cc1a}article{padding:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);margin-bottom:var(--space-4);transition:box-shadow var(--duration-fast) var(--ease-in-out);border-radius:4px}article:hover{box-shadow:0 2px 8px #00000014}article h3{font-size:var(--text-lg);margin-bottom:var(--space-2);word-break:break-word;font-weight:600}article p{font-size:var(--text-sm);color:#555;white-space:pre-wrap;word-break:break-word}.primary-button{background-color:var(--color-accent);color:#fff}.primary-button:hover{background-color:var(--color-accent-hover)}.secondary-button{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.secondary-button:hover{background-color:var(--color-border)}.danger-button{background-color:var(--color-error);color:#fff;padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.danger-button:hover{background-color:#b71c1c}.form-group{margin-bottom:var(--space-6)}label{margin-bottom:var(--space-2);font-weight:500;font-size:var(--text-sm);display:block}.form-group input,.form-group textarea{width:100%;max-width:600px}.footer{padding:var(--space-4);text-align:center;font-size:var(--text-sm);color:#888;border-top:1px solid var(--color-border);margin-top:var(--space-8)}.footer-badge{background-color:var(--color-surface);padding:var(--space-2) var(--space-3);font-family:Courier New,monospace;font-size:var(--text-xs);color:#666;border-radius:3px;display:inline-block}.error-message{color:var(--color-error);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background-color:#d32f2f1a;border-radius:4px}.success-message{color:var(--color-success);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background-color:#388e3c1a;border-radius:4px}body{flex-direction:column;min-height:100vh;display:flex}header.svelte-12qhfyh{padding:var(--space-8) var(--space-8);border-bottom:1px solid var(--color-border);background-color:var(--color-surface)}header.svelte-12qhfyh h1:where(.svelte-12qhfyh){font-size:var(--text-2xl);margin:0}main.svelte-12qhfyh{width:100%;max-width:800px;padding:var(--space-8);flex:1;margin:0 auto}@media (width<=640px){header.svelte-12qhfyh,main.svelte-12qhfyh{padding:var(--space-6) var(--space-4)}header.svelte-12qhfyh h1:where(.svelte-12qhfyh){font-size:var(--text-xl)}}