main{display:flex;flex-direction:column;align-items:center;text-align:center}.app-description{font-size:1.1rem;color:var(--text-muted);margin-bottom:var(--spacing-lg);text-align:center;max-width:600px}.controls{background-color:var(--card-bg);padding:var(--spacing-lg);border-radius:var(--border-radius);border:1px solid var(--border-color);margin-bottom:var(--spacing-xl);display:flex;flex-direction:column;gap:18px;align-items:center;width:100%;max-width:450px;box-shadow:var(--box-shadow)}.control-group{display:flex;align-items:center;justify-content:center;width:100%;gap:10px;flex-wrap:wrap}.control-group label{display:inline;margin-bottom:0}.interval-group{flex-direction:column;gap:8px;border-top:1px solid var(--border-color);padding-top:15px;width:90%;margin-top:10px}.interval-input-wrapper{display:flex;align-items:center;gap:8px;margin-top:5px}.interval-input-wrapper label{display:inline;margin-bottom:0}.controls label{font-weight:400;color:var(--text-muted)}.interval-group>label[for=enableIntervalCheckbox]{font-weight:700;color:var(--text-color);cursor:pointer;display:inline;margin-bottom:0}.controls input[type=number]{width:70px;text-align:center}.controls input[type=checkbox]{accent-color:var(--primary);cursor:pointer}#startStopButton{background-color:var(--success);color:#fff;padding:12px 25px;border:1px solid var(--success);border-radius:var(--border-radius-sm);font-size:1.2em;font-weight:700;cursor:pointer;transition:var(--transition);margin-top:15px;width:50%;min-width:150px}#startStopButton:hover{background-color:#05b386;border-color:#05b386}#startStopButton.running{background-color:var(--danger);border-color:var(--danger);color:#fff}#startStopButton.running:hover{background-color:#d63e60;border-color:#d63e60}#timerDisplay{font-size:4.5em;font-weight:700;color:var(--primary);margin-bottom:var(--spacing-xl);font-family:Courier New,Courier,monospace;text-shadow:1px 1px 3px rgba(67,97,238,.2)}.image-container{width:300px;height:300px;overflow:hidden;margin:0 auto var(--spacing-xl) auto;border:3px solid var(--primary);box-shadow:var(--box-shadow-lg);background-color:var(--card-bg);position:relative;clip-path:url(#heart-clip);-webkit-clip-path:url(#heart-clip)}#meditationImage{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .3s;opacity:.85;transform:rotateY(0)}@keyframes full-tilt{0%,50%,to{transform:rotateY(0)}25%{transform:rotateY(-22.5deg)}75%{transform:rotateY(22.5deg)}}#meditationImage.tilting-active{animation:full-tilt 2s ease-in-out infinite}#meditationImage.spin{transform:rotateY(360deg);transition:transform .8s ease-in-out}@media (max-width: 600px){#timerDisplay{font-size:3.5em}.image-container{width:220px;height:220px;margin-bottom:var(--spacing-lg);border:2px solid var(--primary);box-shadow:var(--box-shadow)}.controls{padding:var(--spacing-md);max-width:90%;gap:15px}#startStopButton{width:70%;padding:10px 20px;font-size:1.1em}}