:root{--panel: #121821;--text: #e8eef6;--muted: #9fb3c8;--accent: #4cc9f0}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background:#0b0b0b;color:var(--text)}.container{display:flex;flex-direction:column;min-height:100%}.main{flex:1}.countdown-view{display:flex;flex-direction:column;justify-content:center;align-items:center;height:230px;background-color:#000}.countdown-container{width:100%;background-color:#000;text-align:center}.countdown-header{font-size:60px;letter-spacing:2px;margin:0 0 5px;line-height:1}.countdown{font-size:90px;letter-spacing:2px;margin:0;text-align:center;line-height:1}.stack{display:grid;gap:20px;max-width:640px;margin:50px auto}.row{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap}.card{background:var(--panel);padding:16px;border-radius:12px}.card>h2{margin-top:0}.hint{color:var(--muted)}.error{color:#ff6b6b}.status{color:#7ddc7a}button,input{background:#1a2330;color:var(--text);border:1px solid #253141;border-radius:8px;padding:10px 14px;font-size:14px}button{cursor:pointer}button:hover{border-color:var(--accent)}.config__muted{color:#ffffff80}.config__countdown__title{text-align:center;font-weight:600;font-size:20px;margin-bottom:10px}.config__countdown__value{padding:10px;background:#000;text-align:center}.config__countdown__value__time{margin-top:10px;font-weight:600;font-size:28px}.config__card__title{text-align:center;font-weight:600;font-size:20px;margin-bottom:10px}.config_preset_btn__row{display:flex;gap:10px;justify-content:center}.config_preset_btn{padding:20px;background:#000;border:1px solid #000;color:#ffffff80;cursor:pointer;font-size:inherit}.config_preset_btn:hover,.config_preset_btn:active{border-color:#0f5;color:#fff}.config_input{flex:1;min-width:0;padding:20px;background:#000;border:1px solid #000;color:#ffffff80;font-size:inherit}.config_input:focus{border-color:#0f5;color:#fff;outline:none}