body{background-color:#0d0d0d;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.card{transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:0 8px 30px rgba(0,0,0,.4);transform:translateY(-4px)}.navbar-brand{font-size:1.25rem;letter-spacing:.5px}.form-control:focus{border-color:#555;box-shadow:0 0 0 .2rem hsla(0,0%,100%,.1)}.btn-outline-light:hover{background-color:hsla(0,0%,100%,.1)}::selection{background:hsla(0,0%,100%,.2)}.profile-card-clickable{transition:transform .2s ease,box-shadow .2s ease}.profile-card-clickable:hover{box-shadow:0 8px 30px rgba(0,0,0,.5);transform:translateY(-4px)}#profileDetailModal .modal-content{box-shadow:0 16px 48px rgba(0,0,0,.6)}#profileDetailModal .progress{overflow:visible}#profileDetailModal .table td{padding:.5rem .75rem}.chart-container{height:200px;position:relative;width:100%}.media-grid{display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.media-grid-item{background:#1a1a1a;border-radius:8px;overflow:hidden;padding-bottom:100%;position:relative}.media-grid-item img,.media-grid-item video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.media-grid-item .media-overlay{background:linear-gradient(transparent,rgba(0,0,0,.8));bottom:0;color:#fff;font-size:.6rem;left:0;opacity:0;padding:4px 6px;position:absolute;right:0;transition:opacity .2s}.media-grid-item:hover .media-overlay{opacity:1}.media-type-badge{font-size:.55rem;position:absolute;right:4px;top:4px}@media (max-width:768px){.media-grid{grid-template-columns:repeat(3,1fr)}}