:root{--color-background: #1a1a1a;--color-background-secondary: #272727;--color-background-tertiary: #343434;--color-text: #fff;--color-text-secondary: #959595;--color-primary: #357ae8;--color-primary-hover: #4a90e2;--color-button: #4a4a4a;--color-button-hover: #5a5a5a;--color-button-disabled: #2a2a2a;--color-border: #393939;--color-overlay: rgba(0, 0, 0, .7);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 20px;--spacing-xl: 32px;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-family-mono: "Space Mono", monospace;--font-size-sm: 12px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 24px;--font-size-xxl: 28px;--font-size-display: 48px;--border-radius-sm: 8px;--border-radius-lg: 16px;--border-radius-full: 50%;--modal-width: 800px;--sidebar-width: 200px;--social-icon-size: 30px}body{margin:40px;background-color:var(--color-background);font-family:var(--font-family-base);color:var(--color-text);line-height:1.4}button{font-size:var(--font-size-base);background-color:var(--color-button);color:var(--color-text);height:40px;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color .2s ease}button:hover{background-color:var(--color-button-hover)}button:disabled{background-color:var(--color-button-disabled);cursor:not-allowed;opacity:.7}.btn-primary{background-color:var(--color-primary);border-radius:var(--border-radius-sm)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);height:auto}.photo-order-buttons{display:flex;flex-direction:column;margin-left:10px}.order-button{padding:var(--spacing-xs) var(--spacing-md);margin:4px 0;cursor:pointer;font-size:var(--font-size-base);transition:background-color .2s ease}.order-button:disabled{background-color:#2a2a2a;cursor:not-allowed}.order-button:hover:not(:disabled){background-color:#5a5a5a}.btn-block{width:100%;display:block}.btn-icon{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-overlay);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;animation:fadeIn .3s ease forwards}.modal-content{position:relative;background-color:var(--color-background);border-radius:var(--border-radius-lg);max-width:var(--modal-width);width:90%;height:90vh;margin:5vh auto;overflow:hidden;transform:translateY(40px);opacity:0;animation:slideUp .3s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-layout{display:flex;height:100%}.modal-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);display:flex;flex-direction:column;height:100%;border-right:1px solid var(--color-border)}.modal-main-content{flex-grow:1;display:flex;flex-direction:column;height:100%}.modal-header{position:sticky;top:0;min-height:80px;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0}.modal-footer{position:sticky;bottom:0;padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);background-color:var(--color-background);z-index:1;display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.modal-footer button{min-width:80px}.modal-tab-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.profile-form,.photo-edit-form{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.modal-footer button{margin-left:12px}.profile-image{width:88px;height:88px;object-fit:cover;border-radius:var(--border-radius-full)}.profile-display-name{font-family:var(--font-family-mono);font-size:var(--font-size-xxl);font-weight:600;color:var(--color-text);margin-top:var(--spacing-md);margin-bottom:0;width:100%;overflow:hidden;text-overflow:ellipsis}.profile-bio{color:var(--color-text-secondary);margin-top:var(--spacing-sm);margin-bottom:0}.social-links{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.social-link{width:var(--font-size-xxl);height:var(--font-size-xxl);display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center}.social-link:hover{opacity:.7}.instagram-link{background-image:url(/images/logo-instagram.svg)}.youtube-link{background-image:url(/images/logo-youtube.svg)}.twitch-link{background-image:url(/images/logo-twitch.svg)}.profile-container{display:flex;min-height:100vh;flex-direction:row;box-sizing:border-box;width:100%;gap:var(--spacing-lg)}.column-left{width:280px;height:100vh;background-color:var(--background);z-index:2;padding-bottom:var(--spacing-lg)}.column-right{width:280px;background-color:var(--background);z-index:2;padding-bottom:var(--spacing-lg)}.photo-thumbnail{width:100px;height:100px;object-fit:cover;border-radius:8px;margin-right:15px}.photo-details{flex-grow:1}.photo-description,.photo-alt-text{margin:0;padding-bottom:var(--spacing-md);font-size:14px}.edit-photo-link{color:var(--primary);text-decoration:none;font-size:14px;margin-top:5px;display:inline-block}.photo-list{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.photo-row{background-color:var(--color-background-secondary);border-radius:var(--border-radius-lg);display:flex;align-items:center;padding:var(--spacing-lg)}.drag-handle{cursor:grab;padding:0 10px}.photo-divider{border:none;border-top:1px solid #444;margin:15px 0}.lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-overlay);display:flex;justify-content:center;align-items:center;z-index:1000}.lightbox-content{position:relative;max-width:90%;max-height:90%}.lightbox-content img{max-width:100%;max-height:90vh;object-fit:fit;border-radius:var(--border-radius-lg)}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;height:40px;width:40px;background:#00000080;color:#fff;border:none;font-size:24px;padding:0}.lightbox-close{top:10px;right:10px}.lightbox-prev{top:50%;left:10px;transform:translateY(-50%)}.lightbox-next{top:50%;right:10px;transform:translateY(-50%)}.combined-modal{display:flex;max-width:800px;width:90%;max-height:800vh}.modal-actions{padding:10px;background-color:#333;border-bottom-right-radius:8px;display:flex;justify-content:flex-end}.modal-actions button{margin-left:10px}.profile-form-group{display:flex;flex-direction:column;margin-bottom:15px}.profile-form-group label{font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.profile-form-group input,.profile-form-group textarea{padding:var(--spacing-md);border:none;background-color:#2a2a2a;color:#fff;border-radius:var(--border-radius-sm);font-family:var(--font-family-base);line-height:1.5}.profile-form-group textarea{min-height:100px;resize:vertical}.photo-mosaic{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.photo-mosaic img{width:100%;height:200px;object-fit:cover;border-radius:var(--border-radius-lg);cursor:pointer;transition:box-shadow .2s ease}.photo-mosaic.single-photo img{height:360px}.photo-mosaic img:hover{animation:randomShadow .2s forwards;transform:scale(1.01);transition:transform .2s ease}@keyframes randomShadow{0%{box-shadow:none}to{box-shadow:0 0 32px var(--random-shadow-color)}}.photo-mosaic img:hover:nth-child(3n){--random-shadow-color: rgba(255, 0, 0, .3)}.photo-mosaic img:hover:nth-child(3n+1){--random-shadow-color: rgba(0, 255, 0, .3)}.photo-mosaic img:hover:nth-child(3n+2){--random-shadow-color: rgba(0, 0, 255, .3)}.equipment-tab{display:flex;flex-direction:column;height:100%;overflow-y:auto}.add-equipment-btn{color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.equipment-list{padding:var(--spacing-lg);overflow-y:auto;display:flex;gap:var(--spacing-md);flex-direction:column}.equipment-item{background-color:var(--color-background-secondary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.column-main{flex-grow:0;width:680px;box-sizing:border-box;padding:var(--spacing-lg);padding-top:0;display:flex;flex-direction:column;gap:var(--spacing-lg);margin:0 auto}.equipment-card{background-color:var(--color-background-secondary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.equipment-item-header{display:flex;justify-content:space-between;align-items:center;flex-direction:row}.equipment-type{font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;font-size:var(--font-size-base);margin:0}.equipment-name{margin:0;display:flex;flex-direction:column;align-items:left;gap:var(--spacing-sm)}.equipment-name-text{margin:0}.equipment-name-link{color:var(--color-text);text-decoration:none;display:flex;align-items:center;gap:var(--spacing-sm)}.equipment-name-link:hover{text-decoration:underline}.equipment-description{background-color:var(--color-background-tertiary);color:var(--color-text-secondary);border-radius:var(--border-radius-sm);padding:var(--spacing-md);margin:0;white-space:pre-wrap}.edit-equipment-btn{background-color:#2196f3;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:12px}.equipment-divider{display:none}.equipment-form{padding:20px;display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:12px;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{padding:8px;border:1px solid #444;background-color:#2a2a2a;color:#fff;border-radius:4px}.form-group textarea{min-height:100px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal-actions button{padding:8px 16px;border:none;cursor:pointer}.modal-actions button[type=submit]{background-color:#4caf50;color:#fff}.modal-actions button[type=button]{background-color:#f44336;color:#fff}body.modal-open{overflow:hidden}.content-wrapper{display:flex;justify-content:center;width:100%}.modal-tab{width:100%;height:auto;border-radius:0;padding:var(--spacing-lg);background-color:transparent;text-align:left;color:var(--color-text);font-size:var(--font-size-md);cursor:pointer;transition:background-color .3s ease}.modal-tab:hover{background-color:transparent}.modal-tab.active{background-color:var(--color-background-tertiary)}.edit-equipment-btn,.add-equipment-btn{padding:var(--button-padding-sm);background-color:var(--color-primary);color:var(--color-text);border:none;cursor:pointer;font-size:var(--font-size-sm)}.add-equipment-btn{align-self:flex-start}.add-equipment-btn{background-color:#4a90e2;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.add-equipment-btn:hover{background-color:#357ae8}.profile-photo-upload{display:flex;align-items:center;margin-bottom:20px}.profile-photo-thumbnail{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-right:20px}.profile-photo-upload-button{display:inline-block}.photo-edit-form{padding:20px}.edit-photo-btn{background-color:#4a90e2;color:#fff;border:none;padding:5px 10px;cursor:pointer;font-size:14px;margin-top:5px}.photo-edit-form .form-group{margin-bottom:15px}.lightbox-description-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:40px 20px 20px}.lightbox-description{color:#fff;font-size:16px;text-align:center;max-width:800px;margin:0 auto}.website-menu{position:fixed;left:20px;bottom:20px;z-index:2}.website-menu-button{background-color:var(--color-background);color:#fff;border:none;padding:10px 20px;cursor:pointer;font-size:16px;transition:background-color .2s ease}.website-menu-button:hover{background-color:#444}.website-menu-dropdown{position:absolute;bottom:100%;left:0;background-color:var(--color-background);border-radius:4px;padding:0;margin-bottom:8px;min-width:150px;overflow:hidden;box-shadow:0 2px 10px #0000004d}.website-menu-item{display:block;width:100%;padding:8px 16px;background:none;border:none;border-radius:0;color:#fff;text-align:left;cursor:pointer;font-size:14px;transition:background-color .2s ease}.website-menu-item:hover{background-color:#444}.add-photo-btn{padding:8px 16px;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.add-photo-btn:hover{background-color:#357ae8}.home-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--background);position:fixed;top:0;left:0;right:0;bottom:0}.home-content{text-align:center}.home-title{font-family:Space Mono,monospace;font-size:48px;font-weight:700;color:var(--text);margin-bottom:32px}.login-button{background-color:#5865f2;color:#fff;border:none;font-size:var(--font-size-base);cursor:pointer;transition:background-color .2s ease}.login-button:hover{background-color:#4752c4}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:20px}.error-container h1{font-family:Space Mono,monospace;font-size:32px;margin-bottom:16px}.error-container p{font-size:18px;color:#888}@media (max-width: 1000px){.column-left{position:relative;max-width:240px;width:100%;height:auto}.column-main{width:100%;padding:0;margin-left:0}}@media (max-width: 780px){body{margin:20px}.profile-container{padding-left:0;flex-direction:column}.column-left{position:relative;width:100%;max-width:100%;height:auto}.column-main{width:100%;padding:0;margin-left:0;max-width:780px}.modal-content{margin:0;height:100%;width:100%;border-radius:0}.modal-layout{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:0;justify-content:flex-start;width:100%}.modal-tab{text-align:center}.modal-sidebar{width:100%;max-width:100%;flex-direction:row;height:auto}.modal-header{display:none}.modal-main-content{width:100%;max-width:100%}.mobile-add-button{width:calc(100% - var(--spacing-lg) * 2);padding:var(--spacing-md);background-color:var(--color-primary);color:var(--color-text);border:none;border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-lg);cursor:pointer}.mobile-add-button:hover{background-color:var(--color-primary-hover)}.photo-list .mobile-add-button,.equipment-list .mobile-add-button{width:100%;margin:0}}@media (min-width: 781px){.mobile-add-button{display:none}}.equipment-url{color:var(--color-text-secondary);font-size:var(--font-size-sm);opacity:.8;word-break:break-all}.error-message{color:#f44;font-size:var(--font-size-sm);margin-top:var(--spacing-xs);display:block}.info-message{color:var(--color-primary);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);display:block}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#1a1a1a;color:#fff}.loading-spinner{width:50px;height:50px;border:5px solid #333;border-top:5px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}