:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--litla-primary: #0066cc;--litla-secondary: #00cc66;--litla-danger: #ff3366;--litla-warning: #ffaa00;--litla-dark: #1a1a2e;--litla-light: #f8f9fa}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--litla-light);color:var(--litla-dark)}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.app{padding:2rem}h1{font-size:3.2em;line-height:1.1;color:var(--litla-primary);margin-bottom:.5em}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--litla-primary);color:#fff;cursor:pointer;transition:all .25s}button:hover{background-color:var(--litla-secondary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:2em 0}.info{color:#666;margin-top:1em}code{background-color:#f0f0f0;padding:.2em .4em;border-radius:4px;font-family:Courier New,monospace}@media(max-width:768px){#root{padding:1rem}h1{font-size:2em}.card{padding:1.5em}}