e-between;

padding: 16px;

border-bottom: 1px solid rgba(0, 0, 0, 0.05);

}

.time-display-large {

font-size: 64px;

font-weight: 300;

text-align: center;

margin: 40px 0 20px;

letter-spacing: -2px;

}

.photo-viewer {

position: fixed;

top: 0;

left: 0;

width: 100%;

height: 100%;

background: rgba(0, 0, 0, 0.95);

display: flex;

align-items: center;

justify-content: center;

z-index: 100;

opacity: 0;

pointer-events: none;

transition: opacity 0.3s ease;

}

.photo-viewer.active {

opacity: 1;

pointer-events: all;

}

.viewer-content {

max-width: 90%;

max-height: 80%;

position: relative;

}

.viewer-img {

max-width: 100%;

max-height: 100%;

border-radius: 12px;

box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);

}

.close-viewer {

position: absolute;

top: 20px;

right: 20px;

width: 44px;

height: 44px;

background: rgba(255, 255, 255, 0.1);

border-radius: 50%;

display: flex;

align-items: center;

justify-content: center;

color: white;

font-size: 20px;

cursor: pointer;

transition: all 0.2s ease;

}

.close-viewer:hover {

background: rgba(255, 255, 255, 0.2);

transform: scale(1.1);

}

.app-title {

font-size: 1.25rem;

font-weight: 700;

}

.product-grid {

display: grid;

grid-template-columns: repeat(3, 1fr);

gap: 12px;

margin-top: 12px;

}

.product-item {

text-align: center;

}

.product-icon {

height: 80px;

background: f8f8f8;