*,:before,:after{box-sizing:border-box}:root{--font-mono:"Space Mono";--font-sans:"Space Grotesk";--bg-primary:#f1f1f1;--bg-secondary:#d9d9d9;--border-color:#000;--border-thick:2px solid var(--border-color);--text-primary:#000;--shadow-void:4px 4px 0px #000;--transition-fast:all .1s ease;--shadow-void-hover:8px 8px 0px 0px #000}body{background-color:var(--bg-primary)}.navbar{background-color:var(--bg-primary);border-bottom:var(--border-thick);box-shadow:none;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.navbar-heading{font-family:var(--font-sans);border:var(--border-thick);background-color:var(--bg-secondary);margin:0;padding:.25rem .75rem;font-size:1.5rem;font-weight:700}.btn-void{border:var(--border-thick);color:var(--text-primary);cursor:pointer;font-family:var(--font-sans);box-shadow:var(--shadow-void);transition:var(--transition-fast);text-transform:uppercase;background-color:var(--bg-secondary);padding:.5rem 1.5rem;font-size:.9rem;font-weight:700;display:inline-block}.btn-void:hover{box-shadow:var(--shadow-void-hover);transform:translate(-4px,-4px)}.btn-void:active,.btn-void:hover:active{box-shadow:none;transform:translate(4px,4px)}.btn-void:disabled{cursor:not-allowed;opacity:.6}.btn-void:disabled:hover{box-shadow:var(--shadow-void);transform:none}.btn-group-void .btn-void{margin-right:-2px}.btn-group-void .btn-void:not(:last-child){border-right:var(--border-thick)}.input-void{background:var(--bg-primary);border:var(--border-thick);font-family:var(--font-sans);color:var(--text-primary);width:100%;transition:var(--transition-fast);outline:none;padding:.75rem 1rem;font-size:1rem}.input-void:focus-within{box-shadow:var(--shadow-void-hover);transform:translate(-4px,-4px)}.scanline{pointer-events:none;z-index:9998;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000005 2px 4px);width:100%;height:100%;position:fixed;top:0;left:0}.noise-overlay{pointer-events:none;z-index:9999;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px;width:100%;height:100%;position:fixed;top:0;left:0}.file-grid-container{border:var(--border-thick);background-color:var(--bg-secondary);margin:2rem;padding:2rem}.file-grid{grid-template-columns:repeat(5,1fr);gap:2rem;display:grid}.file-card{background-color:var(--bg-primary);border:var(--border-thick);aspect-ratio:1;transition:var(--transition-fast);flex-direction:column;display:flex;position:relative;overflow:hidden}.file-card-image-container{flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.file-card-footer{border-top:var(--border-thick);background-color:var(--bg-primary);font-family:var(--font-mono);white-space:nowrap;box-sizing:border-box;align-items:center;width:100%;height:2.5rem;padding:.5rem;font-size:.8rem;font-weight:700;display:flex;overflow:hidden}.file-card:hover{box-shadow:var(--shadow-void);transform:translate(-4px,-4px)}.file-thumbnail{object-fit:cover;width:100%;height:100%}.modal-overlay{z-index:10000;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.popup-box{background:var(--bg-primary);border:var(--border-thick);flex-direction:column;width:250px;display:flex}.popup-header{border-bottom:var(--border-thick);justify-content:flex-end;padding:.5rem;display:flex}.popup-row{border-bottom:var(--border-thick);font-family:var(--font-mono);justify-content:flex-start;align-items:center;min-height:2rem;padding:.5rem 1rem;font-weight:700;display:flex}.popup-row:last-child{border-bottom:none}.popup-row-right{justify-content:flex-end}.upload-container{flex-direction:column;max-width:800px;margin:3rem auto;padding:0 2rem;display:flex}.upload-dropzone{border:var(--border-thick);background-color:var(--bg-secondary);height:300px;font-family:var(--font-mono);transition:var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;font-weight:700;display:flex}.upload-dropzone:hover{background-color:#ccc}.dropzone-text{color:var(--text-primary);margin-bottom:.25rem;font-size:1.25rem}.dropzone-subtext{color:#888;font-size:.75rem}.upload-action-area{border:var(--border-thick);background-color:var(--bg-secondary);flex-direction:column;justify-content:center;align-items:center;height:300px;display:flex}.upload-progress-area{border:var(--border-thick);background-color:var(--bg-secondary);height:300px;font-family:var(--font-mono);transition:var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;font-weight:700;display:flex;box-shadow:8px 8px #000}.upload-spinner{margin-bottom:2rem;animation:1s step-end infinite spin}.upload-text{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-primary);font-size:1.5rem}@keyframes spin{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}.file-input-wrapper{align-items:center;display:flex;position:relative}.btn-icon{justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:0;display:flex}.btn-icon-large{z-index:2;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;display:flex;position:absolute;top:1rem;right:1rem}.btn-small{text-transform:uppercase;padding:.25rem .5rem}.btn-upload{width:120px;margin-top:2rem}.btn-search{flex-shrink:0;padding:.4rem 1.2rem;font-size:.9rem}.navbar-left{align-items:center;gap:1rem;display:flex}.navbar-logo{object-fit:contain;width:50px;height:50px}.search-bar-container{align-items:center;max-width:800px;margin:3rem auto;padding:.75rem .75rem .75rem 1.5rem;display:flex}.search-row{justify-content:center;align-items:center;gap:1rem;max-width:980px;margin:3rem auto;padding:0 1rem;display:flex}.search-row .search-bar-container{flex:1;min-width:0;margin:0}.controls-box{border:var(--border-thick);background-color:var(--bg-primary);flex-shrink:0;align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.sort-wrapper{flex-shrink:0;position:relative}.sort-overlay{z-index:40;position:fixed;inset:0}.sort-menu{background:var(--bg-primary);border:var(--border-thick);box-shadow:var(--shadow-void);z-index:50;flex-direction:column;min-width:170px;display:flex;position:absolute;top:calc(100% + .5rem);right:0}.sort-option{border:none;border-bottom:var(--border-thick);font-family:var(--font-sans);text-transform:uppercase;text-align:left;cursor:pointer;color:var(--text-primary);background:0 0;padding:.6rem 1rem;font-size:.85rem;font-weight:700}.sort-option:last-child{border-bottom:none}.sort-option:hover,.sort-option.active{background:var(--bg-secondary)}.list-scroll{overflow-x:auto}.list-inner{min-width:620px}.list-grid{grid-template-columns:minmax(0,1fr) 80px 90px 120px 48px;align-items:center;gap:1rem;display:grid}.list-header{border-bottom:var(--border-thick);margin-bottom:.5rem;padding-bottom:.5rem}.list-header-cell{font-family:var(--font-sans);text-transform:uppercase;text-align:left;cursor:pointer;color:var(--text-primary);background:0 0;border:none;padding:.25rem 0;font-size:.85rem;font-weight:700}.list-header-cell:hover{text-decoration:underline}.list-row{border-bottom:2px solid var(--border-color);padding:.6rem 0}.list-row:last-child{border-bottom:none}.list-row:hover{background-color:#e4e4e4}.list-cell{font-family:var(--font-mono);white-space:nowrap;font-size:.8rem}.list-cell-name{min-width:0;font-family:var(--font-mono);cursor:pointer;align-items:center;gap:.75rem;font-size:.85rem;font-weight:700;display:flex}.list-cell-name:hover{text-decoration:underline}.list-thumb{object-fit:cover;border:2px solid var(--border-color);background-color:var(--bg-primary);flex-shrink:0;width:28px;height:28px}.list-cell-actions{justify-content:flex-end;padding-right:.6rem;display:flex;position:relative}.list-cell-actions .list-info-btn{position:static}.search-bar-input{color:inherit;background:0 0;border:none;outline:none;flex-grow:1;width:100%;font-family:inherit;font-size:1.2rem}.file-input-display{color:#888;width:300px;padding-right:3rem}.upload-cross-wrapper{position:absolute;top:45%;right:1rem;transform:translateY(-50%)}.btn-logout{margin:0 2rem 2rem auto;display:block}.auth-container{flex-direction:column;justify-content:center;align-items:center;padding-top:15vh;display:flex}.auth-form{flex-direction:column;align-items:center;gap:2rem;width:500px;max-width:90%;display:flex}.auth-input{background-color:var(--bg-secondary)!important;font-family:var(--font-mono)!important}.toast-container{z-index:9999;flex-direction:column;gap:1rem;display:flex;position:fixed;bottom:2rem;right:2rem}.toast-box{background:var(--bg-primary);border:var(--border-thick);min-width:300px;font-family:var(--font-sans);justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-weight:700;animation:.3s ease-out slideUp;display:flex;box-shadow:8px 8px #000}.toast-close-btn{justify-content:center;align-items:center;width:2rem;height:2rem;margin-left:2rem;padding:0;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.navbar{padding:.75rem 1rem}.navbar-heading{font-size:1.1rem}.navbar-logo{width:36px;height:36px}.search-row{flex-direction:column;align-items:stretch;margin:1.5rem auto}.search-row .search-bar-container,.search-row .controls-box{width:100%}.controls-box{flex-wrap:wrap;justify-content:center}.file-grid-container{margin:1rem;padding:1rem}.file-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.btn-logout{margin:0 1rem 1rem auto}.upload-container{margin:1.5rem auto;padding:0 1rem}.auth-form{width:100%}.list-grid{grid-template-columns:minmax(0,1fr) 64px 76px 96px 44px;gap:.5rem}.toast-container{left:1rem;right:1rem}.toast-box{min-width:0}}