:root{--bg-color: #f0f4f8;--text-color: #213547;--panel-bg: #ffffff;--border-color: #eeeeee;--cat-color: #333333;--cat-eye: #ffffff;font-family:"Press Start 2P",system-ui,-apple-system,sans-serif;line-height:1.5;transition:background-color .3s,color .3s}[data-theme=dark]{--bg-color: #1a1a1a;--text-color: #f0f0f0;--panel-bg: #2d2d2d;--border-color: #444444;--cat-color: #cccccc;--cat-eye: #1a1a1a}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-color)}#root{width:100%;max-width:600px;margin:0 auto;padding:1rem}.theme-toggle{position:fixed;top:15px;right:15px;cursor:pointer;background:var(--panel-bg);border:2px solid var(--text-color);padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;z-index:1000}.app-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}h1{font-size:1.2rem}.cat-container{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:transform .1s}.cat-container:active{transform:scale(.95)}.pixel-cat{width:150px;height:150px;background-color:var(--cat-color);position:relative;border-radius:30px 30px 80px 80px}.pixel-cat:before,.pixel-cat:after{content:"";position:absolute;width:40px;height:40px;background-color:var(--cat-color);top:-15px}.pixel-cat:before{left:15px;border-radius:8px 8px 0 0}.pixel-cat:after{right:15px;border-radius:8px 8px 0 0}.eye{position:absolute;width:15px;height:8px;background-color:var(--cat-eye);top:45px}.eye.left{left:30px}.eye.right{right:30px}.nose{position:absolute;width:8px;height:8px;background-color:#ffb6c1;top:70px;left:71px}.stats-panel{background:var(--panel-bg);padding:1rem;border-radius:.8rem;box-shadow:0 4px 6px #0000001a;width:100%}.tab-buttons{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.tab-buttons button{flex:1;background:none;border:none;color:var(--text-color);padding:.5rem;font-family:inherit;font-size:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;opacity:.5;transition:opacity .2s}.tab-buttons button.active{opacity:1;border-bottom:2px solid var(--accent-color)}.stat-item{display:flex;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid var(--border-color);font-size:10px}
