:root{--bg: #DDF4FF;--bg-card: #ffffff;--text-color: #2684FF;--banner-bg: #2684FF;--banner-text: #ffffff}[data-theme=dark]{--bg: #333333;--bg-card: #444444;--text-color: #ffffff;--banner-bg: #2684FF;--banner-text: #ffffff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Secular One,sans-serif;background-color:var(--bg);direction:rtl;min-height:100vh;transition:background-color .3s}#root{width:100%}.countdown-wrapper{display:flex;flex-direction:column;align-items:center}.card-section{width:100%;display:flex;flex-direction:column;align-items:center;padding-bottom:16px}.card-banner{background:var(--banner-bg);width:100%;padding:14px 20px;text-align:center}.card-label{color:var(--banner-text);font-size:1.6rem;font-weight:400}.timer{display:flex;justify-content:center;gap:12px;padding:16px 20px;width:100%;max-width:500px}.unit{flex:1;background:var(--bg-card);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px;min-height:100px}.number{font-family:Roboto,sans-serif;font-size:3rem;font-weight:400;color:var(--text-color);line-height:1}.unit-label{font-size:1rem;color:var(--text-color);margin-top:4px}.done-message{font-size:1.8rem;color:var(--text-color);padding:32px 20px;text-align:center}.error-message{font-size:1.1rem;color:var(--text-color);padding:32px 20px;text-align:center}@media(max-width:500px){.card-label{font-size:1.3rem}.number{font-size:2.2rem}.unit{padding:12px 4px;min-height:80px}.timer{gap:8px;padding:12px}}