*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.timer-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);padding:1.25rem}.timer-card{background:hsla(0,0%,100%,.1);backdrop-filter:blur(.625rem);border-radius:1.25rem;padding:2.5rem;width:100%;max-width:56.25rem;box-shadow:0 .9375rem 2.1875rem rgba(0,0,0,.3);border:.0625rem solid hsla(0,0%,100%,.1);color:#fff}.title{font-size:2.5rem;margin-bottom:.625rem;background:linear-gradient(90deg,#ff7e5f,#feb47b);-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle,.title{text-align:center}.subtitle{font-size:1.1rem;opacity:.8;margin-bottom:1.875rem}.timer-state{text-align:center;font-size:1.3rem;font-weight:700;margin-bottom:1.25rem;padding:.625rem 1.25rem;border-radius:.625rem;display:inline-block;margin:0 auto 1.25rem;display:block;width:fit-content}.state-countdown{background:rgba(255,126,95,.2);border:.0625rem solid rgba(255,126,95,.5);color:#ff7e5f}.state-past{background:rgba(100,149,237,.2);border:.0625rem solid rgba(100,149,237,.5);color:#6495ed}.state-future{background:rgba(50,205,50,.2);border:.0625rem solid rgba(50,205,50,.5);color:#32cd32}.config-section{background:rgba(0,0,0,.2);border-radius:.9375rem;padding:1.25rem;margin-bottom:1.875rem}.config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;border-bottom:.0625rem solid hsla(0,0%,100%,.1);padding-bottom:.9375rem}.config-header h2{font-size:1.4rem;display:flex;align-items:center;gap:.625rem}.config-header .icon{font-size:1.6rem}.config-switch{display:flex;align-items:center;gap:.625rem}.switch{position:relative;display:inline-block;width:3.125rem;height:1.5rem}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:1.5rem}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:1rem;width:1rem;left:.25rem;bottom:.25rem;background-color:#fff;border-radius:50%}input:checked+.slider{background:linear-gradient(90deg,#ff7e5f,#feb47b)}input:checked+.slider:before{transform:translateX(1.625rem)}.switch-label{font-size:.9rem;font-weight:500}.time-input-group{margin-top:.9375rem}.input-row{display:flex;flex-wrap:wrap;gap:1.25rem;margin-bottom:1.25rem}.input-item{flex:1;min-width:15.625rem}.input-item label{display:block;margin-bottom:.5rem;font-size:.9rem;opacity:.9}.time-inputs{display:flex;align-items:center;gap:.3125rem}.time-inputs input{width:4.375rem;padding:.75rem .9375rem;border-radius:.5rem;border:.0625rem solid hsla(0,0%,100%,.2);background:rgba(0,0,0,.3);color:#fff;font-size:1.1rem;text-align:center;transition:all .3s}.time-inputs input:focus{outline:none;border-color:#ff7e5f;box-shadow:0 0 0 .125rem rgba(255,126,95,.3)}.time-separator{font-size:1.5rem;font-weight:700;color:#ff7e5f}.date-input{width:100%;padding:.75rem .9375rem;border-radius:.5rem;border:.0625rem solid hsla(0,0%,100%,.2);background:rgba(0,0,0,.3);color:#fff;font-size:1rem;transition:all .3s}.date-input:focus{outline:none;border-color:#ff7e5f;box-shadow:0 0 0 .125rem rgba(255,126,95,.3)}.btn-today{margin-top:.625rem;padding:.5rem .9375rem;background:rgba(255,126,95,.2);border:.0625rem solid rgba(255,126,95,.5);color:#fff;border-radius:.375rem;cursor:pointer;transition:all .3s;font-size:.9rem}.btn-today:hover{background:rgba(255,126,95,.4)}.config-actions{display:flex;flex-wrap:wrap;gap:.9375rem;margin-top:1.25rem}.config-actions button{padding:.75rem 1.25rem;border:none;border-radius:.5rem;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s;flex:1;min-width:9.375rem}.btn-apply{background:linear-gradient(90deg,#ff7e5f,#feb47b);color:#fff}.btn-apply:hover:not(:disabled){transform:translateY(-.125rem);box-shadow:0 .3125rem .9375rem rgba(255,126,95,.4)}.btn-apply:disabled{opacity:.5;cursor:not-allowed}.btn-reset-config{background:hsla(0,0%,100%,.1);color:#fff;border:.0625rem solid hsla(0,0%,100%,.2)}.btn-reset-config:hover{background:hsla(0,0%,100%,.2)}.btn-current-time{background:linear-gradient(90deg,#6495ed,#4169e1);color:#fff}.btn-current-time:hover{transform:translateY(-.125rem);box-shadow:0 .3125rem .9375rem rgba(100,149,237,.4)}.btn-midnight{background:linear-gradient(90deg,#32cd32,#228b22);color:#fff}.btn-midnight:hover{transform:translateY(-.125rem);box-shadow:0 .3125rem .9375rem rgba(50,205,50,.4)}.error-message{margin-top:.9375rem;padding:.625rem .9375rem;background:rgba(255,100,100,.2);border-left:.25rem solid #ff6464;border-radius:.25rem;color:#ffb4b4;font-size:.9rem}.current-base-time{margin-top:1.25rem;padding:.75rem .9375rem;background:rgba(255,126,95,.1);border-radius:.5rem;text-align:center;font-size:1.1rem;border:.0625rem solid rgba(255,126,95,.3)}.past-date-indicator{color:#6495ed;font-size:.9rem;margin-left:.625rem}.future-date-indicator{color:#32cd32;font-size:.9rem;margin-left:.625rem}.timer-display{justify-content:center;margin:2.5rem 0 1.25rem;gap:1.25rem}.time-unit,.timer-display{display:flex;align-items:center}.time-unit{flex-direction:column}.time-value{font-size:4.5rem;font-weight:700;background:linear-gradient(180deg,#fff,#ffd1b3);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;min-width:7.5rem;text-align:center;text-shadow:0 0 .625rem rgba(255,126,95,.3)}.time-label{font-size:1.2rem;opacity:.8;margin-top:.625rem;text-transform:uppercase;letter-spacing:.0625rem}.separator{font-size:4rem;font-weight:700;color:#ff7e5f;margin-bottom:1.875rem}.timer-breakdown{background:rgba(0,0,0,.2);border-radius:.9375rem;padding:1.25rem;margin:1.875rem 0}.breakdown-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:.0625rem solid hsla(0,0%,100%,.1)}.breakdown-item:last-child{border-bottom:none}.breakdown-label{font-size:1.1rem;opacity:.8}.breakdown-value{font-size:1.2rem;font-weight:700;color:#ff7e5f}.controls{display:flex;justify-content:center;gap:1.25rem;margin:1.875rem 0 2.5rem}.control-btn{padding:.9375rem 1.875rem;font-size:1.1rem;border:none;border-radius:3.125rem;cursor:pointer;transition:all .3s ease;font-weight:700;letter-spacing:.0625rem;min-width:10rem}.btn-pause{background:linear-gradient(90deg,#ff416c,#ff4b2b);color:#fff}.btn-pause:hover{transform:translateY(-.1875rem);box-shadow:0 .4375rem .9375rem rgba(255,65,108,.4)}.btn-resume{background:linear-gradient(90deg,#00b09b,#96c93d);color:#fff}.btn-resume:hover{transform:translateY(-.1875rem);box-shadow:0 .4375rem .9375rem rgba(0,176,155,.4)}.btn-reset{background:linear-gradient(90deg,#8e2de2,#4a00e0);color:#fff}.btn-reset:hover{transform:translateY(-.1875rem);box-shadow:0 .4375rem .9375rem rgba(142,45,226,.4)}.info-section{background:rgba(0,0,0,.2);border-radius:.9375rem;padding:1.25rem;margin-bottom:1.875rem}.info-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:.0625rem solid hsla(0,0%,100%,.1)}.info-row:last-child{border-bottom:none}.info-label{font-size:1.1rem;opacity:.8}.info-value{font-size:1.2rem;font-weight:700;color:#ffb347}.progress-container{margin-top:1.25rem;margin-bottom:1.25rem}.progress-label{text-align:center;font-size:1.1rem;margin-bottom:.625rem;color:#ffb347}.progress-bar{height:1.25rem;background:rgba(0,0,0,.3);border-radius:.625rem;overflow:hidden;margin-bottom:.625rem}.progress-fill{height:100%;background:linear-gradient(90deg,#ff7e5f,#feb47b);border-radius:.625rem;transition:width 1s ease}.progress-text{text-align:center;font-size:1rem;color:#ffb347;font-style:italic}.time-diff-indicator{margin-top:1.25rem;text-align:center;font-size:1.1rem}.time-diff-indicator .indicator{padding:.75rem 1.25rem;border-radius:.625rem;display:inline-block}.indicator.past{background:rgba(100,149,237,.2);border:.0625rem solid rgba(100,149,237,.5);color:#6495ed}.indicator.future{background:rgba(50,205,50,.2);border:.0625rem solid rgba(50,205,50,.5);color:#32cd32}.indicator.same-day{background:rgba(255,126,95,.2);border:.0625rem solid rgba(255,126,95,.5);color:#ff7e5f}.preset-buttons{background:rgba(0,0,0,.2);border-radius:.9375rem;padding:1.25rem;margin-top:1.25rem}.preset-buttons h3{text-align:center;margin-bottom:.9375rem;color:#ffb347;font-size:1.2rem}.preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12.5rem,1fr));gap:.625rem}.preset-btn{padding:.75rem .9375rem;border:none;border-radius:.5rem;cursor:pointer;font-weight:600;transition:all .3s;color:#fff}.preset-midnight{background:linear-gradient(90deg,#0f2027,#203a43)}.preset-midnight:hover{background:linear-gradient(90deg,#203a43,#2c5364);transform:translateY(-.125rem)}.preset-noon{background:linear-gradient(90deg,#8e2de2,#4a00e0)}.preset-noon:hover{background:linear-gradient(90deg,#9d4edd,#5a1fca);transform:translateY(-.125rem)}.preset-hour{background:linear-gradient(90deg,#00b4db,#0083b0)}.preset-hour:hover{background:linear-gradient(90deg,#00c6ff,#09c);transform:translateY(-.125rem)}.preset-next-hour{background:linear-gradient(90deg,#ff7e5f,#feb47b)}.preset-next-hour:hover{background:linear-gradient(90deg,#ff8e5f,#ffc47b);transform:translateY(-.125rem)}@media (max-width:768px){.timer-card{padding:1.5625rem}.title{font-size:2rem}.time-value{font-size:3.5rem;min-width:5.625rem}.separator{font-size:3rem}.timer-display{gap:.625rem}.config-header{align-items:flex-start}.config-header,.input-row{flex-direction:column;gap:.9375rem}.input-item{min-width:100%}.time-inputs input{width:100%}.config-actions{flex-direction:column}.config-actions button{width:100%}.controls{flex-direction:column;align-items:center}.control-btn{width:100%;max-width:18.75rem}.preset-grid{grid-template-columns:1fr}}@media (max-width:480px){.timer-card{padding:1.25rem}.title{font-size:1.8rem}.time-value{font-size:2.8rem;min-width:4.375rem}.separator{font-size:2.5rem}.time-label{font-size:1rem}}