@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes glow{0%,to{box-shadow:0 0 20px #8b5cf64d}50%{box-shadow:0 0 40px #8b5cf699}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.8}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.flip-card-container{display:flex;flex-direction:column;align-items:center;gap:.75rem}.flip-card-modern{position:relative;width:5rem;height:6rem;background:linear-gradient(145deg,#374151,#1f2937,#111827);border-radius:.75rem;border:1px solid #374151;box-shadow:0 10px 25px #00000080,inset 0 1px #ffffff1a;overflow:hidden;transition:all .3s ease}@media (min-width: 640px){.flip-card-modern{width:6rem;height:7rem}}@media (min-width: 768px){.flip-card-modern{width:8rem;height:9rem}}.flip-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg,rgba(255,255,255,.1),transparent);border-radius:.75rem;pointer-events:none}.flip-card-front,.flip-card-back{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-family:Courier New,monospace;font-size:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.5);transition:all .3s ease}@media (min-width: 640px){.flip-card-front,.flip-card-back{font-size:1.875rem}}@media (min-width: 768px){.flip-card-front,.flip-card-back{font-size:2.5rem}}.flip-card-back{opacity:0;transform:scale(.8)}.flip-card-modern.changing .flip-card-front{opacity:0;transform:translateY(-100%)}.flip-card-modern.changing .flip-card-back{opacity:1;transform:translateY(0) scale(1)}.flip-card-modern.changing{transform:scale(1.1);box-shadow:0 10px 25px #00000080,0 0 20px #8b5cf64d,inset 0 1px #fff3}.flip-card-modern.timer-warning{animation:glow 1s ease-in-out infinite}.flip-card-modern.timer-warning .flip-card-front,.flip-card-modern.timer-warning .flip-card-back{color:#fbbf24}.flip-card-modern.timer-critical{animation:glow .5s ease-in-out infinite}.flip-card-modern.timer-critical .flip-card-front,.flip-card-modern.timer-critical .flip-card-back{color:#ef4444}.flip-card-modern.timer-completed .flip-card-front,.flip-card-modern.timer-completed .flip-card-back{color:#10b981}.card-label{font-size:.875rem;font-weight:500;color:#cbd5e1;text-transform:uppercase;letter-spacing:.1em}@media (max-width: 640px){.card-label{font-size:.75rem}}.control-btn-main{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;color:#fff;font-size:1.5rem;box-shadow:0 10px 25px #0000004d;transition:all .2s ease;border:none;cursor:pointer}.control-btn-main:hover{transform:scale(1.05);box-shadow:0 15px 35px #0006}.control-btn-secondary{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background-color:#334155;color:#fff;font-size:1.25rem;box-shadow:0 4px 15px #0000004d;transition:all .2s ease;border:none;cursor:pointer}.control-btn-secondary:hover{background-color:#475569;transform:scale(1.05)}.adjustment-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background-color:#33415580;color:#fff;border:1px solid rgb(71,85,105);border-radius:.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .2s ease;cursor:pointer;font-size:.875rem;font-weight:500}.adjustment-btn:hover{background-color:#47556980;transform:scale(1.05)}.settings-panel.active{transform:translate(0)}.setting-section{padding:1rem 0;border-bottom:1px solid rgb(51,65,85)}.setting-section:last-child{border-bottom:none}.setting-section-title{display:flex;align-items:center;font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:1rem}.setting-label{display:block;font-size:.875rem;font-weight:500;color:#cbd5e1;margin-bottom:.5rem}.setting-select,.setting-text-input,.setting-number-input{width:100%;padding:.5rem .75rem;background-color:#33415580;border:1px solid rgb(71,85,105);border-radius:.5rem;color:#fff;font-size:.875rem;transition:all .2s ease}.setting-select:focus,.setting-text-input:focus,.setting-number-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf64d}.setting-number-input{text-align:center}.setting-color-input{width:3rem;height:3rem;border-radius:.5rem;border:1px solid rgb(71,85,105);background:transparent;cursor:pointer}.setting-file-input{width:100%;padding:.5rem;background-color:#3341554d;border:1px dashed rgb(71,85,105);border-radius:.5rem;color:#cbd5e1;font-size:.875rem;cursor:pointer}.setting-checkbox{display:flex;align-items:center;gap:.5rem;color:#cbd5e1;font-size:.875rem;cursor:pointer}.setting-checkbox input[type=checkbox]{width:1rem;height:1rem;accent-color:rgb(139,92,246)}.setting-range{width:100%;height:.5rem;background-color:#33415580;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.setting-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;background-color:#8b5cf6;border-radius:50%;cursor:pointer}.logo-container.top-right{top:1rem;right:1rem;left:auto}.logo-container.bottom-left{top:auto;bottom:1rem;left:1rem}.logo-container.bottom-right{top:auto;bottom:1rem;left:auto;right:1rem}.logo-container.center{top:50%;left:50%;transform:translate(-50%,-50%)}.task-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#3341554d;border:1px solid rgb(71,85,105);border-radius:.5rem;transition:all .2s ease}.task-item:hover{background-color:#4755694d}.task-item.active{border-color:#8b5cf6;background-color:#8b5cf61a}.task-details{flex:1}.task-title{color:#fff;font-weight:600;font-size:.875rem;margin-bottom:.25rem}.task-duration{color:#cbd5e1;font-size:.75rem}.task-actions{display:flex;gap:.5rem}.task-action-btn{padding:.25rem;background:transparent;border:none;color:#9ca3af;cursor:pointer;border-radius:.25rem;transition:all .2s ease}.task-action-btn:hover{color:#fff;background-color:#47556980}@media (max-width: 768px){.settings-panel{width:100%}.flip-card-modern{width:4rem;height:5rem}.flip-card-front,.flip-card-back{font-size:1.25rem}.control-btn-main{width:3.5rem;height:3.5rem;font-size:1.25rem}.control-btn-secondary{width:2.5rem;height:2.5rem;font-size:1rem}}*{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#3341551a;border-radius:4px}::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b5cf680}