body{background:linear-gradient(135deg,#f4f1e8 0%,#e8dcc0 50%,#d4c5a0 100%);margin:0;padding:0;font-family:Google Sans Code,system-ui,-apple-system,monospace;overflow:hidden}h1,h2,h3,h4,h5,h6,.header-text{font-family:Freckle Face,cursive}code,pre,.code-text{font-family:Google Sans Code,system-ui,-apple-system,monospace}.skip-link{color:#fff;z-index:9999;background:#333;border-radius:4px;padding:8px;font-size:14px;text-decoration:none;transition:top .3s;position:absolute;top:-40px;left:6px}.skip-link:focus{top:6px}.header{z-index:1000;gap:12px;display:flex;position:fixed;top:20px;left:20px}.icon-button,.icon-link{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;color:#333;background:#ffffffe6;border:1px solid #0000001a;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin:0;padding:0;font-family:inherit;font-size:18px;line-height:1;text-decoration:none;transition:all .2s;display:flex}.icon-button:hover,.icon-link:hover:not(.active){background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.icon-link.active{cursor:default;opacity:.7;background:#0000001a}.app-container{box-sizing:border-box;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;overflow:hidden}.content-container{justify-content:center;align-items:center;gap:40px;width:100%;height:100%;display:flex}.page-layout{justify-content:space-between;align-items:flex-start;gap:40px;width:100%;height:100%;display:flex}.page-layout .content-container{flex-direction:column;flex:1;justify-content:flex-start;align-items:flex-start;padding:20vh 40px 0 80px;display:flex}.page-layout .content-container.home-content{justify-content:center;align-items:center;padding:0 40px 0 80px}.goat-container{flex:1;justify-content:center;align-items:center;height:100%;display:flex}.goat-container.dead-goat{transform:rotate(160deg)}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100vh;display:flex}.loading-spinner{border:3px solid #0000001a;border-top-color:#000;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.loading-text{color:#000;letter-spacing:.5px;margin:0;font-family:Freckle Face,cursive;font-size:18px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.content-container{flex-direction:column;gap:20px}.app-container{padding:10px}.page-layout{flex-direction:column;align-items:center;gap:20px}.page-layout .content-container{padding:80px 20px 0}.page-layout .content-container.home-content{padding:0 20px}.goat-container{height:auto}.header{top:10px;left:10px}}.goat-image-container{justify-content:center;align-items:center;display:flex}.goat-image{object-fit:contain;width:70vw;max-width:100%;height:70vh;max-height:100%}@media (width<=768px){.goat-image-container{display:none}}.search-container{justify-content:center;align-items:center;gap:12px;display:flex}.search-input-wrapper{align-items:center;display:flex;position:relative}.search{color:#333;background-color:#ffffffe6;border:2px solid #d4c5a0;border-radius:8px;min-width:250px;max-width:400px;padding:12px 16px 12px 48px;font-family:Google Sans Code,system-ui,-apple-system,monospace;font-size:16px;transition:border-color .3s,box-shadow .3s;box-shadow:0 2px 8px #0000001a}.search:focus{border-color:#b8a882;outline:none;box-shadow:0 0 0 3px #b8a88233}.search-icon{color:#888;pointer-events:none;z-index:1;position:absolute;left:16px}.search::placeholder{color:#888}.clipboard-button{cursor:pointer;color:#333;background:#ffffffe6;border:2px solid #d4c5a0;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000001a}.clipboard-button:hover{background:#fff;border-color:#b8a882;transform:translateY(-1px);box-shadow:0 0 0 3px #b8a88233}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=768px){.search-container{flex-direction:column;gap:16px;width:100%;padding:0 20px}.search-input-wrapper{width:100%}.search{min-width:unset;max-width:unset;box-sizing:border-box;width:100%}.clipboard-button{align-self:center}}