*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.page{color:#111;background:radial-gradient(circle,#56c5c7 0%,#ffefb9 30%,#bc90c9 53%,#ff9a9a 78%,#ffcc5f 100%);place-items:center;width:100%;min-height:100dvh;display:grid;position:relative;overflow:hidden}.cat-image{object-fit:contain;transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:1.5vh;width:auto;max-width:75vw;height:auto;max-height:75vh;display:block;box-shadow:1.5vh 1.5vh 3vh #29292940}.menu-area{z-index:3;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;bottom:10px;right:10px}.menu-toggle{cursor:pointer;background:#ffe1a2;border:0;border-radius:50%;width:32px;height:32px;padding:0;display:block}.menu-toggle:hover{background:#fff0c8}.menu-toggle:focus-visible,.menu button:focus-visible,.menu a:focus-visible{outline-offset:3px;outline:2px solid #222}.menu{background:#efb4acb8;border-radius:23px;flex-direction:column;gap:7px;width:260px;padding:8px;display:flex;box-shadow:0 12px 28px #654f5060}.menu button,.menu a{color:#111;text-align:left;white-space:nowrap;cursor:pointer;background:#fff;border:0;border-radius:20px;align-items:center;gap:9px;width:100%;min-height:36px;padding:3px 10px;font-family:Courier New,Courier,monospace;font-size:20px;line-height:1;text-decoration:none;display:flex}.menu .menu-code{min-height:67px;font-family:Arial,Helvetica,sans-serif;font-size:35px}.menu button:hover,.menu a:hover{background:#fff7e8}.menu-icon{flex:none;width:23px;height:23px}.menu-code .menu-icon{width:38px;height:38px}.code-box{z-index:5;background:#fff8ec;border-radius:20px;width:min(330px,100vw - 32px);padding:22px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 32px #503c4a6b}.code-box label{margin-bottom:10px;font-weight:700;display:block}.code-row{gap:6px;display:flex}.code-row input{flex:1;min-width:0;padding:5px}.code-row button{cursor:pointer}.code-box p{margin:11px 0 0;font-size:13px}.close{cursor:pointer;background:0 0;border:0;font-size:23px;position:absolute;top:4px;right:7px}.visually-hidden{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.plain{background:#fff;min-height:100vh;padding:8px;display:block;overflow:auto}.plain .cat-image{width:min(100%,600px);max-width:none;height:auto;box-shadow:none;border-radius:0}.plain .cat-image:hover{transform:none}@media (width<=600px){.menu{width:min(260px,100vw - 20px)}}@media (prefers-reduced-motion:reduce){.cat-image{transition:none!important}}