@import "https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap";:root{--primary:#6ab5a6;--primary-hover:#589e90;--secondary:#f0c27b;--accent:#d96d6d;--background:#fdfaf6;--surface:#fff;--text-main:#232323;--text-muted:#4a4a4a;--border-color:#232323;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--border-width:3px;--shadow-offset:6px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-main);background-image:radial-gradient(var(--border-color) 1px, transparent 1px);background-size:30px 30px;background-color:var(--background);flex-direction:column;min-height:100vh;font-family:Patrick Hand,cursive;font-size:1.2rem;display:flex;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.glass{background:var(--surface);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset) var(--shadow-offset) 0px var(--border-color);transition:all .2s}.btn{letter-spacing:1px;border-radius:var(--radius-md);border:var(--border-width) solid var(--border-color);cursor:pointer;box-shadow:4px 4px 0px var(--border-color);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:1.25rem;font-weight:700;transition:all .1s;display:inline-flex}.btn-primary{background:var(--primary);color:var(--text-main)}.btn-primary:hover{box-shadow:2px 2px 0px var(--border-color);background:var(--primary-hover);transform:translate(2px,2px)}.btn-primary:active{box-shadow:0px 0px 0px var(--border-color);transform:translate(4px,4px)}.btn-outline{background:var(--secondary);color:var(--text-main)}.btn-outline:hover{box-shadow:2px 2px 0px var(--border-color);background:#e6b25f;transform:translate(2px,2px)}.btn-outline:active{box-shadow:0px 0px 0px var(--border-color);transform:translate(4px,4px)}h1{color:var(--accent);text-shadow:2px 2px 0px var(--border-color);letter-spacing:2px;margin-bottom:1rem;font-size:3.5rem;font-weight:700;line-height:1.2}h2{color:var(--text-main);margin-bottom:.75rem;font-size:2.2rem;font-weight:600}h3{color:var(--primary);text-shadow:1px 1px 0px var(--border-color);font-size:1.8rem}p{color:var(--text-muted);line-height:1.6}.container{flex-direction:column;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}@keyframes pulse{0%{transform:scale(1)rotate(-2deg)}50%{transform:scale(1.05)rotate(2deg)}to{transform:scale(1)rotate(-2deg)}}.animate-pulse{animation:2s infinite pulse}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--background);border-left:var(--border-width) solid var(--border-color)}::-webkit-scrollbar-thumb{background:var(--primary);border:var(--border-width) solid var(--border-color);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}input[type=text]{border-radius:var(--radius-sm);padding:.75rem;font-family:Patrick Hand,cursive;font-size:1.2rem;box-shadow:inset 2px 2px #0000000d;border:var(--border-width) solid var(--border-color)!important;background:var(--surface)!important;color:var(--text-main)!important}input[type=text]::placeholder{color:#999}.app-header{justify-content:space-between;align-items:center;padding:1.5rem 0;display:flex}.logo{color:var(--text-main);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.logo-icon{color:var(--primary)}.main-content{flex-direction:column;flex:1;display:flex}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transition:opacity .3s,transform .3s;transform:translateY(0)}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .3s}