.footer,.header{left:0;right:0;display:flex;position:fixed}.footer-pill,.header-pill{font-family:var(--font-main);cursor:pointer}.dropdown-menu,.footer,.header,.modal{position:fixed}.icon,.modal-icon{object-fit:contain;opacity:0}.dropdown-btn,.header,.header-pill,.search-textarea{white-space:nowrap}.fade-bg.active,.modal-container.active{pointer-events:all}.header{top:0;justify-content:left;align-items:center;padding:8px 20px;z-index:51;height:60px;gap:8px;flex-wrap:nowrap;overflow-x:auto;max-width:100%;border-radius:40px;background:linear-gradient(to bottom,#000 0,rgba(0,0,0,.8) 60%,rgba(0,0,0,0) 100%);backdrop-filter:blur(0.5px);-webkit-backdrop-filter:blur(0.5px)}.main-content{margin-top:50px;width:100%;display:flex;flex-direction:column;align-items:center}.footer{bottom:0;justify-content:center;align-items:center;background:linear-gradient(to top,rgba(0,0,0,.8) 0,rgba(0,0,0,.5) 60%,rgba(0,0,0,0) 100%);backdrop-filter:blur(0.5px);-webkit-backdrop-filter:blur(0.5px);padding:12px 20px;border:none;margin-top:auto;margin-bottom:0;gap:var(--spacing-md);z-index:50}.filter-grid,.grid,.pages-grid{display:grid;gap:var(--spacing-md)}.header-pill,.mode-tab{backdrop-filter:blur(10px)}.grid{grid-template-columns:repeat(var(--grid-cols),1fr);width:90%;max-width:var(--max-width);margin-bottom:var(--spacing-xl)}.pages-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.filter-grid{grid-template-columns:repeat(3,1fr);margin-top:var(--spacing-lg)}.item-data{background:var(--bg-tertiary);border-radius:var(--box-radius);aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-medium);user-select:none;border-top:1.2px solid var(--border-primary);border-left:1.2px solid var(--border-primary);border-right:.7px solid var(--border-primary);border-bottom:.7px solid var(--border-primary);overflow:hidden}.icon{width:var(--icon-size);height:var(--icon-size);transition:opacity .3s;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.dropdown-filter-btn.active i,.icon.loaded,.modal-icon.loaded{opacity:1}.header-pill{background:rgba(20,20,20,.6);-webkit-backdrop-filter:blur(10px);color:var(--text-primary);border:none;border-left:1px solid #222;border-right:1px solid #222;border-bottom:.1px solid #222;border-radius:var(--pill-radius);padding:var(--spacing-sm) var(--spacing-lg);transition:background var(--transition-medium),transform var(--transition-fast);font-size:var(--font-size-lg);font-weight:500}.footer-pill,.mode-tab{background:rgba(20,20,20,.4);color:var(--text-primary);border-top:1px solid var(--border-primary);border-left:.6px solid var(--border-primary);border-right:.6px solid var(--border-primary);border-bottom:0 solid var(--border-primary);border-radius:var(--pill-radius);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-lg);font-weight:500}.footer-pill{transition:transform var(--transition-fast);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.mode-tab{-webkit-backdrop-filter:blur(10px);font-family:var(--font-main);cursor:pointer;transition:background var(--transition-medium),transform var(--transition-fast)}.filter-btn,.sheet-page-btn{background:0 0;border:none;padding:var(--spacing-md);text-align:center;color:var(--text-primary);font-family:var(--font-main);cursor:pointer}.sheet-page-btn{border-radius:10px;transition:background var(--transition-medium);font-size:var(--font-size-lg)}.filter-btn{border-radius:20px;transition:transform var(--transition-medium),background var(--transition-medium);font-size:var(--font-size-md);min-height:45px;width:100%}.dropdown-btn{background:rgba(20,20,20,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;border-left:1px solid #222;border-right:1px solid #222;border-bottom:.1px solid #222;color:var(--text-primary);border-radius:var(--pill-radius);padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;transition:background var(--transition-medium),transform var(--transition-fast);font-size:var(--font-size-lg);font-weight:500;font-family:var(--font-main);display:flex;align-items:center;gap:6px}.dropdown-btn i{font-size:12px;transition:transform .2s}.dropdown-btn.active i{transform:rotate(180deg)}.dropdown-menu{background:rgba(0,0,0,.7);backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);border-radius:25px;border-top:1px solid rgba(255,255,255,.1);border-left:.8px solid rgba(255,255,255,.1);border-right:.3px solid rgba(255,255,255,.1);border-bottom:.6px solid rgba(255,255,255,.1);box-shadow:0 10px 30px rgba(0,0,0,.1);z-index:60;min-width:220px;max-height:60vh;overflow-y:auto;opacity:0;transform:translateY(-10px) scale(.95);transform-origin:top right;transition:opacity .3s,transform .3s;pointer-events:none;display:flex;flex-direction:column;padding:10px}.details-card,.modal{box-shadow:var(--shadow-modal)}.dropdown-menu.active{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.dropdown-section{margin-bottom:10px}.dropdown-section-title{font-size:12px;color:var(--text-muted);padding:8px 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dropdown-filter-btn,.modal,.search-textarea{color:var(--text-primary)}.dropdown-filter-btn{background:0 0;border:none;border-radius:10px;padding:10px 12px;cursor:pointer;transition:background .2s;text-align:left;font-size:14px;font-family:var(--font-main);width:100%;display:flex;align-items:center;gap:8px}.dropdown-filter-btn i{font-size:12px;opacity:.5;min-width:16px}.dropdown-filter-btn.active,.filter-btn.active,.sheet-page-btn.active{background:rgba(255,255,255,.1);color:#fff}.modal{border-radius:var(--modal-radius);background:var(--modal-bg);z-index:100;display:flex;justify-content:center;align-items:center;transition:all var(--transition-modal);overflow:hidden;border-top:1px solid var(--border-primary);border-left:1px solid var(--border-primary);border-right:.8px solid var(--border-primary);border-bottom:.8px solid var(--border-primary)}.details-card,.modal-container{position:fixed;flex-direction:column;display:flex}.modal-icon{width:var(--modal-icon-size);height:var(--modal-icon-size);cursor:pointer;transition:background var(--transition-medium),transform var(--transition-fast);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.fade-bg{position:fixed;inset:0;background:rgba(0,0,0,.2);backdrop-filter:var(--blur-backdrop);opacity:0;transition:opacity var(--transition-slow);z-index:52;pointer-events:none}.bottom-sheet{position:fixed;bottom:20px;left:20px;right:20px;background:rgba(0,0,0,.6);backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);border-radius:30px;padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xxl);max-height:70vh;overflow-y:auto;z-index:150;transform:translateY(150%);transition:transform var(--transition-slow);border-left:.01px solid rgba(255,255,255,.14);border-right:.01px solid rgba(255,255,255,.14);border-bottom:.01px solid rgba(255,255,255,.14);border-top:.01px solid rgba(255,255,255,.14);background-clip:padding-box;isolation:isolate}.modal-container{top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;z-index:100;pointer-events:none}.details-card{background:var(--modal-bg);border-radius:var(--modal-radius);border-top:1.5px solid var(--modal-border);border-left:.8px solid var(--modal-border);border-bottom:.9px solid var(--modal-border);border-right:.8px solid var(--modal-border);padding:15px;z-index:101;height:auto;overflow-y:auto;transform:translateY(30px);opacity:0;transition:.4s cubic-bezier(.25, .46, .45, .94);max-width:90vw;box-sizing:border-box;left:50%;transform:translateX(-50%) translateY(30px);user-select:text!important;pointer-events:auto!important}.search-textarea{width:100%;min-height:32px;max-height:20px;padding:var(--spacing-sm) var(--spacing-lg);border-radius:20px;border:none;border-left:1.2px solid #222;border-right:.8px solid #222;border-bottom:.1px solid #222;background:rgba(20,20,20,.6);backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);font-family:inherit;outline:0;font-size:14px;font-weight:500;resize:none;overflow-y:auto;font-family:var(--font-main)}.loading,.no-results,.search-results-text{text-align:center;font-family:var(--font-main)}.search-textarea::placeholder{color:var(--text-muted)}.loading,.no-results{grid-column:1/-1;padding:var(--spacing-xl);color:var(--text-muted)}.search-results-text{font-size:var(--font-size-sm);color:#666;margin:var(--spacing-md) 0}.details-title{font-size:15px;font-weight:600;margin-bottom:12px;color:var(--text-primary);font-family:"IBM Plex Mono",monospace;line-height:1.3;word-wrap:break-word}.details-properties{display:flex;flex-direction:column;gap:8px}.details-property{display:block;line-height:1.4;font-size:12px}.details-property-label{font-weight:700;color:var(--text-primary)}.details-property-value{font-weight:400;color:var(--text-secondary)}.fade-bg.active{opacity:1}.bottom-sheet.active{transform:translateY(0)}.details-card.active{transform:translateX(-50%) translateY(0);opacity:1}.filter-btn:active,.footer-pill:active,.modal-icon:active,.mode-tab:active{transform:scale(.9)}.header-pill:active,.item-data:active{transform:scale(.9);background:var(--hover-primary)}.modal-icon:active{background:var(--hover-primary)}.dropdown-filter-btn:hover{background:rgba(255,255,255,.05)}item-box{display:block;position:relative;width:100%;height:100%}item-box.item-data{display:flex;justify-content:center;align-items:center}