*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#0f0f14;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eee}#app{position:fixed;inset:0}#app canvas{display:block;touch-action:none;user-select:none}#status{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0f0f14;font-size:1rem;color:#888;z-index:100}.error-box{background:#1a0f14;border:1px solid #c0395a;border-radius:12px;padding:2rem;max-width:480px;line-height:1.6;color:#eee}.error-box code{display:inline-block;background:#0a0a10;padding:.5rem .75rem;border-radius:6px;font-size:.85rem;color:#7df;margin-top:.25rem}#hint{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);background:#0000008c;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:.4rem 1.1rem;font-size:.78rem;color:#ffffff8c;pointer-events:none;white-space:nowrap;z-index:10}#focus-panel{position:fixed;inset:0;display:none;z-index:50}#focus-panel.visible{display:block}.focus-backdrop{position:absolute;inset:0;background:#000000d1;backdrop-filter:blur(4px)}.focus-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:1.5rem;overflow-y:auto;overscroll-behavior:contain;gap:1rem}.focus-close{position:fixed;top:1rem;right:1rem;width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#00000080;color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:60;transition:background .2s}.focus-close:hover{background:#ffffff26}.focus-media-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:.5rem;max-width:min(90vw,700px);width:100%}.focus-img{max-width:100%;max-height:55vh;border-radius:12px;object-fit:contain;display:block}.focus-video{max-width:100%;max-height:55vh;border-radius:12px;display:block;background:#000}.focus-name{font-size:.8rem;color:#fff6;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.focus-similar-label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d;align-self:flex-start;max-width:min(90vw,700px);width:100%}.focus-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;max-width:min(90vw,700px);width:100%}.focus-thumb{position:relative;border:none;background:#1a1a22;border-radius:8px;overflow:hidden;cursor:pointer;aspect-ratio:1;padding:0;transition:transform .15s,box-shadow .15s}.focus-thumb:hover{transform:scale(1.04);box-shadow:0 0 0 2px #78a0ff99}.focus-thumb img{width:100%;height:100%;object-fit:cover;display:block}.focus-video-badge{position:absolute;top:4px;right:4px;background:#000000a6;border-radius:4px;font-size:.65rem;padding:2px 5px;color:#fff;pointer-events:none}@media (max-width: 480px){.focus-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.focus-img,.focus-video{max-height:45vh}}#search-wrap{position:fixed;top:1rem;left:1rem;z-index:20;width:220px;display:flex;flex-direction:column;gap:.3rem}#search-input{width:100%;background:#00000080;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#eee;font-size:.82rem;font-family:inherit;padding:.45rem .75rem;outline:none;transition:border-color .15s}#search-input::placeholder{color:#ffffff47}#search-input:focus{border-color:#6496ff80}#search-results{display:none;list-style:none;background:#0a0a14ed;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;max-height:320px;overflow-y:auto}.search-result{display:flex;align-items:center;gap:.55rem;padding:.4rem .65rem;cursor:pointer;font-size:.77rem;color:#ffffffb8;transition:background .1s}.search-result:hover{background:#ffffff14}.search-result img{width:30px;height:30px;object-fit:cover;border-radius:4px;flex-shrink:0}.search-result span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#mode-selector{position:fixed;top:1rem;right:1rem;display:flex;gap:.35rem;z-index:20}.mode-btn{width:2rem;height:2rem;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#00000080;backdrop-filter:blur(10px);color:#ffffff73;font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s;font-family:inherit}.mode-btn:hover{background:#ffffff1a;color:#fff}.mode-btn.active{border-color:#6496ffa6;background:#3246b466;color:#aac0ff}#star-btn{position:fixed;bottom:3.4rem;left:50%;transform:translate(-50%);width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#00000080;backdrop-filter:blur(10px);color:#ffffff59;font-size:1rem;line-height:1;padding:0;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:20;transition:background .15s,color .15s,border-color .15s}#star-btn:hover{background:#ffffff1a;color:#ffc800d9}#star-btn.starred{color:#ffc800f2;border-color:#ffc8004d}#hover-video{position:fixed;pointer-events:none;z-index:15;object-fit:contain;border-radius:4px;display:none}#img-overlay{position:fixed;pointer-events:none;z-index:14;object-fit:contain;border-radius:4px;display:none}#settings-panel{position:fixed;top:3.5rem;right:1rem;background:#0a0a14f2;backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.8rem .9rem;z-index:30;width:230px;display:flex;flex-direction:column;gap:.65rem}#settings-panel[hidden]{display:none}.settings-title{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#ffffff40;margin-bottom:.1rem}.settings-row{display:flex;align-items:center;gap:.5rem;font-size:.77rem;color:#ffffff8c}.settings-row label{flex:0 0 76px;white-space:nowrap}.settings-row input[type=range]{flex:1;accent-color:rgba(100,150,255,.9);cursor:pointer}.settings-val{flex:0 0 30px;text-align:right;color:#ffffff59;font-size:.72rem;font-variant-numeric:tabular-nums}.settings-toggle{flex:0 0 auto;padding:.2rem .65rem;border-radius:4px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffff59;font-size:.72rem;cursor:pointer;font-family:inherit;transition:background .15s,color .15s,border-color .15s}.settings-toggle.on{border-color:#6496ffa6;background:#3246b466;color:#aac0ff}.search-toggle{display:none}#search-input:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 640px){.search-toggle{display:flex}#search-wrap{display:none;top:3.5rem;width:calc(100% - 2rem)}#search-wrap.is-open{display:flex}}