:root{--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--content-max-width: 65ch;--content-padding-inline: var(--space-xl);--container-gap: var(--space-md);--section-gap: var(--space-2xl)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}body{background-color:#fff;color:#000;font-family:Kosugi,sans-serif;font-size:1.1rem;line-height:1.6;margin:0;padding-block:var(--space-xl);padding-inline:var(--content-padding-inline)}#root{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;max-width:var(--content-max-width);margin-inline:auto;gap:var(--section-gap)}h1,h2,h3,h4,h5,h6{font-size:1em;margin:0;font-weight:400}button{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}.interactive-word{color:#000;text-decoration:none;transition:color .2s ease-in-out}.interactive-word:hover{color:#00f;text-decoration:underline}.footer-text{font-size:.9em;color:#888;margin:0}.footer-text a,.footer-text button{color:inherit;text-decoration:none;transition:color .2s ease-in-out}.footer-text a:hover,.footer-text button:hover{color:#00f;text-decoration:underline}.footer-text button{color:inherit;text-decoration:none;transition:color .2s ease-in-out;background:none;border:none;padding:0;font:inherit;cursor:pointer}.ascii-art{font-family:monospace;text-align:start;white-space:pre;color:#888;margin-block:var(--space-xl);line-height:1.1;font-size:.8em}.blinking-cursor{animation:blink 1s step-end infinite}.random-button{background:none;border:none;padding-block:var(--space-sm);padding-inline:0;font:inherit;color:#000;cursor:pointer;white-space:nowrap}.random-button:hover:not(:disabled){color:#00f}.random-button:disabled{color:#ccc;cursor:not-allowed}.footer{text-align:center;padding-block:var(--space-lg);background-color:#fff;border-block-start:1px solid transparent}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000bf;display:grid;place-items:center;z-index:1000;padding-inline:var(--space-md)}.modal-content{background-color:#fff;padding:var(--space-xl);border:1px solid #000;width:100%;max-width:500px;box-sizing:border-box}.modal-input{width:100%;padding-block:var(--space-sm);padding-inline:var(--space-xs);font:inherit;font-size:1rem;border:1px solid #000;border-radius:0;box-sizing:border-box;margin-block-end:var(--space-lg);background-color:#fff;color:#000}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-lg)}.modal-button{background:none;border:none;padding:0;font:inherit;color:#000;cursor:pointer;text-decoration:none;transition:color .2s ease-in-out}.modal-button:hover{color:#00f;text-decoration:underline}.nft-title-link{color:inherit;text-decoration:none;transition:color .2s ease-in-out}.nft-title-link:hover{color:#00f}.search-container{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"search collection random";align-items:baseline;gap:var(--container-gap);margin-block-end:var(--space-2xl)}.search-form{grid-area:search}.collection-button{grid-area:collection;justify-self:center}.random-button-container{grid-area:random;justify-self:end}main{display:grid;gap:var(--space-2xl);max-width:100%;box-sizing:border-box}.search-input{width:100%;padding-block:var(--space-sm);padding-inline:var(--space-xs);font:inherit;color:inherit;border:none;border-block-end:1px solid transparent;background-color:transparent;box-sizing:border-box;outline:none}.search-input:disabled{color:#ccc}.search-input::placeholder{color:#000;opacity:1}.main-title{letter-spacing:.2em;text-transform:uppercase;text-align:center;margin-block-end:var(--space-xl)}.loading-indicator{text-align:center;margin-block-end:var(--space-xl);color:#888}.nft-section{margin-block-end:var(--space-xl)}.error-container{border:1px solid #cc0000;padding:var(--space-md);color:#c00}.error-container p{margin:0}.error-container p+p{margin-block-start:var(--space-sm)}.content-placeholder{color:#888;padding-block:var(--space-xl)}.section-title{margin-block-end:var(--space-xl)}.notification-toast{position:fixed;inset-block-start:var(--space-md);inset-inline-end:var(--space-md);z-index:1001;color:#fff;padding-block:var(--space-sm);padding-inline:var(--space-md);border-radius:4px;box-shadow:0 4px 6px #0000001a;cursor:pointer}.notification-toast.error{background-color:#f44}.notification-toast.success{background-color:#4f4}.footer-button{display:inline-flex;align-items:center;gap:var(--space-xs);background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:none;transition:color .2s ease-in-out}.footer-button:hover{color:#00f;text-decoration:underline}.nft-container{min-height:300px;display:grid;place-items:center;background-color:#f0f0f0;border-radius:4px}.nft-container.transparent{background-color:transparent}.nft-image{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;background-color:#f0f0f0;transition:opacity .3s ease-in-out;border-radius:4px}.nft-image.loading{opacity:.5}.nft-image.loaded{opacity:1}.nft-loading-text{color:#888}.streaming-content{margin:0;min-height:1.6em}.final-content{margin:0}.loading-skeleton{display:grid;gap:var(--space-sm)}.skeleton-bar{height:1rem;background-color:#e0e0e0}.skeleton-bar.full{width:100%}.skeleton-bar.large{width:83.33%}.skeleton-bar.medium{width:75%}.skeleton-bar.small{width:66.66%}.modal-title{margin-block-start:0;margin-block-end:var(--space-lg);font-weight:400}.search-input:focus-visible{outline:2px solid #0000ff;outline-offset:2px;border-block-end:1px solid #0000ff}.modal-input:focus-visible{outline:2px solid #0000ff;outline-offset:2px}.modal-button:focus-visible,.random-button:focus-visible,.footer-button:focus-visible{outline:2px solid #0000ff;outline-offset:2px}.nft-title-link:focus-visible{outline:2px solid #0000ff;outline-offset:2px}.interactive-word:focus-visible{outline:2px solid #0000ff;outline-offset:2px}