:root{--bg-color: #FDF5E6;--text-color: #0047AB;--text-secondary: #007FFF;--accent-terracotta: #E2725B;--accent-olive: #556B2F;--accent-turquoise: #40E0D0;--accent-gold: #B8860B;--stone-grey: #A9A9A9;--font-mono: "JetBrains Mono", monospace}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}*{box-sizing:border-box}a{color:var(--text-color);text-decoration:none;position:relative}a:hover{color:var(--accent-terracotta)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.cursor{display:inline-block;width:10px;height:1.2em;background-color:var(--text-color);animation:blink 1s step-end infinite;vertical-align:middle}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.terminal-box{border-left:2px solid var(--bg-color);padding-left:1rem}.section-padding{padding:4rem 0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--stone-grey)}::-webkit-scrollbar-thumb:hover{background:var(--accent-olive)}.sour-gummy-100{font-family:Sour Gummy,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.cat select,.cat ::picker(select){appearance:base-select;font-size:18px}.cat select{min-width:400px;padding:16px;border-radius:8px;min-height:58px;background-color:#fff;cursor:pointer}.cat select:hover{background-color:#ff0}.cat ::picker(select){border-radius:0 0 8px 8px;border-top:none}.cat ::picker-icon,.cat ::checkmark{display:none}.cat [hidden]{display:none}.cat option{padding:0 10px 0 20px;display:flex;justify-content:space-between}.cat option:hover{background:#ff0}.cat .sleep-symbol{margin-left:260px;font-weight:600;margin-bottom:-40px}.cat .sleep-symbol span{position:relative;display:inline-block;opacity:1;transform:scale(1);animation:sleep 4s ease-in-out infinite}.cat .sleep-symbol span:nth-child(1){animation-delay:0s}.cat .sleep-symbol span:nth-child(2){animation-delay:1s;margin-left:-10px}.cat .sleep-symbol span:nth-child(3){animation-delay:2s;margin-left:-10px}.cat .thecat{z-index:2;margin-left:220px;margin-bottom:-62px;position:relative;pointer-events:none}#tail{visibility:visible}#longtail{visibility:hidden}.cat option svg{margin-right:-3px}.mouse-detector{padding:20px 30px 30px;display:flex;flex-direction:column;align-items:center}.mouse-detector:hover #lefteyelid,.mouse-detector:hover .sleep-symbol{visibility:hidden}.cat{padding:30px}.cat:hover #righteyelid,.thecat #eyesdown{visibility:hidden}.cat:has(.side-select:hover) #eyesdown{visibility:visible}.cat select:open{border-radius:8px 8px 0 0}.cat:has(option:hover) #righteyelid,.cat:has(option:hover) #lefteyelid,.cat:has(option:hover) .sleep-symbol{visibility:hidden}.cat:has(option:hover) #eyesdown{visibility:visible}selectedcontent svg{display:none;visibility:hidden}.cat:has(option:hover) #tail{visibility:hidden}.cat:has(option:hover) #longtail{visibility:visible}option:has(~option:hover) #tailpiece{visibility:visible}.cat option{min-height:48px}.cat option:hover #endpiece{visibility:visible}.cat option #tailpiece,.cat option #endpiece{visibility:hidden}.instructions{color:#444;margin-top:1rem;font-family:Sour Gummy,sans-serif;text-align:center}@keyframes sleep{0%{opacity:1;transform:translateY(0) scale(1)}50%{opacity:.5;transform:translate(-5px,-35px) scale(1.2)}to{opacity:0;transform:translateY(-60px) scale(1.5)}}
