.bg-image.svelte-10hyjyk{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-size:cover;background-position:center;filter:blur(100px);transform:scale(1.1);transition:opacity .8s ease-in-out}.bg-image.svelte-10hyjyk:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:0}#image-container.svelte-10hyjyk{margin:0 auto 20px;width:100%;position:relative;display:flex;justify-content:center;align-items:center;transition:height .6s ease-in-out;min-height:150px;max-height:calc(100vh - 280px);cursor:pointer}.waifu-image.svelte-10hyjyk{position:absolute;max-width:100%;max-height:100%;object-fit:contain;border-radius:15px;opacity:0;transition:opacity .8s ease-in-out,filter .3s ease-in-out}.waifu-image.dimmed.svelte-10hyjyk{filter:brightness(40%)}#loading-wrapper.svelte-10hyjyk{position:absolute;display:none;flex-direction:column;align-items:center;gap:20px;transition:opacity .3s;z-index:2;pointer-events:none}#loader.svelte-10hyjyk{width:60px;height:60px;border:6px solid var(--loader-ring-color);border-top-color:var(--text-color);border-radius:50%;animation:svelte-10hyjyk-spin 1s linear infinite}@keyframes svelte-10hyjyk-spin{to{transform:rotate(360deg)}}#progress-container.svelte-10hyjyk{width:150px;height:6px;background-color:var(--progress-bar-bg-color);border-radius:3px;overflow:hidden}#progress-bar.svelte-10hyjyk{width:0%;height:100%;background-color:var(--text-color);border-radius:3px;transition:width .1s linear}#error-message.svelte-10hyjyk{position:absolute;display:none;font-size:1.2em;padding:0 20px;z-index:3}#modal-view.svelte-10hyjyk{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:100;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}#modal-view.active.svelte-10hyjyk{opacity:1;pointer-events:auto}#modal-image.svelte-10hyjyk{max-width:90%;max-height:90%;transition:transform .2s ease-out;cursor:grab}#modal-image.svelte-10hyjyk:active{cursor:grabbing}#modal-close.svelte-10hyjyk{position:absolute;top:15px;right:35px;color:#fff;font-size:40px;font-weight:700;cursor:pointer;transition:color .2s}#modal-close.svelte-10hyjyk:hover{color:#bbb}#main-content.svelte-1uha8ag{width:100%;max-width:1000px;text-align:center;z-index:1;display:flex;flex-direction:column;min-height:100vh}.random-zone.svelte-1uha8ag{height:100vh;display:flex;flex-direction:column;justify-content:center;padding:20px 0;box-sizing:border-box;position:relative}h1.svelte-1uha8ag{margin-top:0;margin-bottom:20px;font-size:clamp(1.5em,5vw,2.5em);letter-spacing:2px;flex-shrink:0}#controls.svelte-1uha8ag{display:flex;flex-direction:column;gap:15px;flex-shrink:0;width:100%;max-width:600px;margin:0 auto}.control-button.svelte-1uha8ag:disabled{cursor:not-allowed;opacity:.6}#api-selector.svelte-1uha8ag{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}#category-selector.svelte-1uha8ag{display:flex;gap:10px}.category-button.svelte-1uha8ag{flex-grow:1;background-color:transparent;color:var(--text-color);border:2px solid var(--text-color);padding:8px 15px;font-size:.9em;border-radius:10px;cursor:pointer;transition:all .2s ease}.category-button.active.svelte-1uha8ag{background-color:var(--button-active-bg-color);color:var(--button-active-text-color)}#randomize-button.svelte-1uha8ag{background-color:var(--button-active-bg-color);color:var(--button-active-text-color);border:none;padding:12px 30px;font-size:1.1em;font-weight:700;border-radius:10px;cursor:pointer;transition:transform .1s active}#randomize-button.svelte-1uha8ag:active{transform:scale(.98)}#about-section.svelte-1uha8ag{margin:100px auto 50px;padding:20px;text-align:left;line-height:1.6;max-width:700px;width:100%;box-sizing:border-box}#about-section.svelte-1uha8ag h2:where(.svelte-1uha8ag){text-align:center;margin-top:0;margin-bottom:20px;font-size:1.8em}#about-section.svelte-1uha8ag p:where(.svelte-1uha8ag){margin-bottom:15px;color:#fffc}#about-section.svelte-1uha8ag ul:where(.svelte-1uha8ag){padding-left:20px;color:#fffc}#about-section.svelte-1uha8ag li:where(.svelte-1uha8ag){margin-bottom:8px}.scroll-hint.svelte-1uha8ag{position:absolute;bottom:30px;left:50%;transform:translate(-50%);font-size:.8em;color:#ffffff80;animation:svelte-1uha8ag-bounce 2s infinite;cursor:pointer;text-align:center;z-index:2}@keyframes svelte-1uha8ag-bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}