:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#1a1a1a}#app{width:100%;padding:0}.container{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;min-height:100vh;width:100%;max-width:100%;background-color:#222;border:none;box-sizing:border-box}h1{font-size:clamp(2.5em,5vw,3.5em);line-height:1.1;margin-bottom:.5rem;color:#eceff4}.description{font-size:clamp(1em,2vw,1.2em);color:#d8dee9;margin-bottom:2rem}.header{width:auto;padding:clamp(1rem,5vw,2rem);background-color:#2a2a2a;box-sizing:border-box;border-radius:8px;margin:1rem;display:inline-block}.header-content{display:flex;justify-content:space-between;align-items:center}.profile-info{display:flex;align-items:center;text-align:left}.profile-pic{width:clamp(20px,12vw,50px);height:clamp(20px,12vw,50px);border-radius:50%;margin-right:clamp(1rem,3vw,1.5rem);border:3px solid #5e81ac}.profile-info h1{margin-top:0;margin-bottom:.25rem}.profile-info .description{margin-bottom:0}.content{width:100%;min-height:120vh;padding:clamp(1rem,5vw,2rem);padding-left:clamp(8rem,10vw,12rem);background-color:#222;box-sizing:border-box;position:relative}.cat-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px;margin:0 auto}.button-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;align-items:flex-start;position:absolute;left:1rem;top:1rem}.cat-button{padding:.75rem 1.5rem;background-color:#5e81ac;color:#eceff4;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s}.cat-button:hover{background-color:#81a1c1}.meme-button{padding:.75rem 1.5rem;background-color:#b48ead;color:#eceff4;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s}.meme-button:hover{background-color:#c6a0be}.dog-button{padding:.75rem 1.5rem;background-color:#a3be8c;color:#eceff4;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s}.dog-button:hover{background-color:#b9d0a0}.fox-button{padding:.75rem 1.5rem;background-color:#d08770;color:#eceff4;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s}.fox-button:hover{background-color:#e5a888}.duck-button{padding:.75rem 1.5rem;background-color:#ebcb8b;color:#2e3440;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s}.duck-button:hover{background-color:#f0d9a3}.cat-image-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.cat-image{max-width:100%;max-height:500px;border-radius:8px;box-shadow:0 4px 12px #0003}.remove-button{padding:.5rem 1rem;background-color:#bf616a;color:#eceff4;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .3s}.remove-button:hover{background-color:#d08770}.loading-message{padding:1rem;background-color:#4c566a;color:#eceff4;border-radius:8px;text-align:center;margin:1rem 0;font-size:1rem;animation:pulse 1.5s infinite}.error-message{padding:1rem;background-color:#bf616a;color:#eceff4;border-radius:8px;text-align:center;margin:1rem 0;font-size:1rem}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.social-links{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-end}.social-link{display:flex;align-items:center;text-decoration:none;color:#e5e9f0;transition:background-color .3s;padding:.5rem 1rem;border-radius:4px;background-color:#4c566a;border:none;font-size:.9em}.social-link:hover{background-color:#5e81ac}.logo{height:1.5em;margin-right:.5em;transition:opacity .3s}.logo:hover,.logo.kofi:hover{opacity:.9}.social-link span{font-weight:500;font-size:.9em}.footer{width:100%;padding:1rem;background-color:#1a1a1a;text-align:center;color:#d8dee9;border-top:1px solid #333333}@media (max-width: 768px){.header{width:auto;min-width:300px}.header-content{flex-direction:column;gap:1.5rem}.profile-info{flex-direction:column;text-align:center}.profile-pic{margin-right:0;margin-bottom:1rem}h1{font-size:2.5em}.social-links{justify-content:center;width:100%}}@media (max-width: 480px){.social-link{width:100%;justify-content:center}.social-links{flex-direction:column;gap:.5rem}}@media (prefers-color-scheme: light){:root{color:#2e3440;background-color:#eceff4}body{background-color:#eceff4}.container{background-color:#e5e9f0}h1{color:#2e3440}.description{color:#4c566a}.header{background-color:#d8dee9}.profile-pic{border-color:#5e81ac}.content{background-color:#e5e9f0}.social-link{color:#2e3440;background-color:#81a1c1}.social-link:hover{background-color:#5e81ac}.cat-button{background-color:#5e81ac;color:#eceff4}.cat-button:hover{background-color:#81a1c1}.meme-button{background-color:#b48ead;color:#eceff4}.meme-button:hover{background-color:#c6a0be}.dog-button{background-color:#a3be8c;color:#eceff4}.dog-button:hover{background-color:#b9d0a0}.fox-button{background-color:#d08770;color:#eceff4}.fox-button:hover{background-color:#e5a888}.duck-button{background-color:#ebcb8b;color:#2e3440}.duck-button:hover{background-color:#f0d9a3}.cat-image{box-shadow:0 4px 12px #0000001a}.remove-button{background-color:#bf616a;color:#eceff4}.remove-button:hover{background-color:#d08770}.loading-message{background-color:#81a1c1;color:#eceff4;box-shadow:0 2px 8px #0000001a}.error-message{background-color:#bf616a;color:#eceff4;box-shadow:0 2px 8px #0000001a}.footer{background-color:#d8dee9;color:#4c566a;border-top-color:#81a1c1}}