.holiday-content-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:3rem}@media (min-width: 768px){.holiday-content-grid{grid-template-columns:1fr 1fr}}.holiday-countdown-hero{background:linear-gradient(135deg,var(--surface) 0%,var(--background) 100%);border-radius:var(--radius-lg);padding:3rem 2rem;margin-bottom:3rem}.holiday-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--text-primary);margin-bottom:2rem;text-align:center}.countdown-big{font-size:clamp(2rem,6vw,4rem);font-weight:700;color:var(--accent);margin:2rem 0;font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-align:center;line-height:1.2}.countdown-big span{display:inline-block}.countdown-date{font-size:clamp(1rem,2.5vw,1.5rem);color:var(--text-secondary);text-align:center;font-weight:500}.holidays-grid{display:flex;flex-direction:column;gap:.5rem;margin:0}.holiday-card{display:grid;grid-template-columns:2fr 1.5fr 1fr;align-items:center;background:var(--surface);border-radius:var(--radius-md);text-decoration:none;border:1px solid transparent;transition:all .2s ease}.holiday-card:hover{border-color:var(--accent);background:var(--surface-hover)}.holiday-card .emoji{font-size:1.25rem;margin-right:.5rem;display:inline}.holiday-card .name{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.holiday-card .date{font-size:.8125rem;color:var(--muted);text-align:center}.holiday-card .countdown{font-size:.8125rem;color:var(--muted);text-align:right}.upcoming-holidays{background:var(--surface);border-radius:var(--radius-lg);padding:2rem;margin:3rem 0}.upcoming-holidays h2{font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary);text-align:center}.btn-view-all{display:inline-block;margin:2rem auto 0;padding:.875rem 2rem;background:var(--accent);color:#fff;border-radius:var(--radius-md);text-decoration:none;font-weight:600;transition:all .2s ease;text-align:center}.btn-view-all:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.other-holidays{margin-top:4rem;padding:2rem;background:var(--surface);border-radius:var(--radius-lg)}.other-holidays h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center;color:var(--text-primary)}.holiday-table{width:100%;border-collapse:collapse}.holiday-table tr{border-bottom:1px solid var(--border);transition:background-color .2s ease}.holiday-table tr:last-child{border-bottom:none}.holiday-table tr:hover{background-color:var(--surface-hover)}.holiday-table td{padding:.875rem 0}.holiday-table td:last-child{text-align:right;color:var(--text-secondary);font-size:.9375rem}.holiday-table a{color:var(--text-primary);text-decoration:none;font-weight:500;transition:color .2s ease}.holiday-table a:hover{color:var(--accent)}.holidays-list{display:grid;gap:1rem}.holidays-list-item{display:grid;grid-template-columns:auto 1fr auto auto;gap:1.5rem;align-items:center;background:var(--surface);border-radius:var(--radius-md);padding:1.25rem 1.5rem;text-decoration:none;transition:all .2s ease;border:1px solid transparent}.holidays-list-item:hover{border-color:var(--accent);transform:translate(4px);box-shadow:0 2px 8px #00000014}.holidays-list-item .emoji{font-size:2.5rem;line-height:1}.holidays-list-item .info{display:flex;flex-direction:column;gap:.25rem}.holidays-list-item .name{font-weight:600;font-size:1.125rem;color:var(--text-primary)}.holidays-list-item .date{font-size:.9375rem;color:var(--text-secondary)}.holidays-list-item .countdown-badge{padding:.5rem 1rem;background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-weight:600;font-size:.9375rem;white-space:nowrap}.holidays-list-item .arrow{color:var(--text-tertiary);font-size:1.25rem;transition:transform .2s ease}.holidays-list-item:hover .arrow{transform:translate(4px);color:var(--accent)}.category-badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.category-badge.major{background:var(--accent);color:#fff}.category-badge.additional{background:var(--surface-secondary);color:var(--text-secondary)}@media (max-width: 768px){.holiday-countdown-hero{padding:2rem 1rem}.countdown-big{font-size:2rem}.holidays-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.holiday-card .emoji{font-size:2.5rem}.holiday-card .name{font-size:.9375rem}.upcoming-holidays{padding:1.5rem}.holidays-list-item{grid-template-columns:auto 1fr;gap:1rem;padding:1rem}.holidays-list-item .countdown-badge{grid-column:2;justify-self:start;margin-top:.5rem}.holidays-list-item .arrow{display:none}.holiday-table td{font-size:.875rem}}@media (max-width: 480px){.countdown-big{font-size:1.5rem}.holidays-grid{grid-template-columns:repeat(2,1fr)}.holiday-card .emoji,.holidays-list-item .emoji{font-size:2rem}.holidays-list-item .name{font-size:1rem}}@media print{.holiday-countdown-hero{background:none;border:1px solid #000}.holidays-grid,.btn-view-all,.other-holidays{display:none}}.countdown-hero-enhanced{text-align:center;padding:2.5rem 1rem}.urgency-badge{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:.5rem 1.25rem;border-radius:999px;font-weight:700;display:inline-block;margin-bottom:1rem;box-shadow:0 4px 20px #ef444466}.pulsing{animation:pulse-urgency 2s ease-in-out infinite}@keyframes pulse-urgency{0%,to{transform:scale(1);box-shadow:0 4px 20px #ef444466}50%{transform:scale(1.05);box-shadow:0 8px 30px #ef444499}}[data-urgent="1"] .urgency-badge{background:linear-gradient(135deg,#ef4444,#b91c1c)}.countdown-display{display:flex;gap:1rem;justify-content:center;align-items:center;margin:2rem 0 2.5rem}.countdown-unit{display:flex;flex-direction:column;align-items:center;background:#ffffff0d;padding:1.25rem 1.75rem;border-radius:12px;border:1px solid rgba(255,255,255,.12);min-width:92px}.countdown-number{font-size:3rem;line-height:1;font-weight:800;color:#fbb936;text-shadow:0 0 20px rgba(251,185,54,.5);font-variant-numeric:tabular-nums}.countdown-label{font-size:.8125rem;color:var(--text-secondary);text-transform:uppercase;margin-top:.5rem;letter-spacing:.06em}.countdown-separator{font-size:2.25rem;color:#ffffff4d}.countdown-cta-section{display:flex;gap:.75rem;justify-content:center;align-items:center;margin-top:1rem}.btn-set-reminder,.btn-share-countdown{padding:.75rem 1.25rem;border-radius:var(--radius-md);font-weight:700;border:1px solid var(--surface-hover);background:var(--surface);color:var(--text);cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.btn-set-reminder{background:var(--accent);color:#000;border:none}.btn-set-reminder:hover,.btn-share-countdown:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000026}@media (max-width: 768px){.countdown-display{gap:.5rem;margin:1.5rem 0}.countdown-unit{min-width:72px;padding:1rem}.countdown-number{font-size:2.25rem}.countdown-separator{font-size:2rem}}.countdown-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.year-row{display:grid;grid-template-columns:1fr auto;gap:.75rem;padding:1rem;border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s;text-decoration:none;color:var(--text-primary)}.year-row:hover{background:#fbb9360d}.year-row .year-date{color:var(--text-secondary)}.year-row.current-year{background:#fbb9361a;border-left:3px solid #FBB936;font-weight:600}.year-row.current-year:before{content:"← You are here";font-size:.75rem;color:#fbb936;margin-left:.25rem}.btn-primary{background:linear-gradient(135deg,#fbb936,#f59e0b);color:#000;padding:1rem 2rem;border:none;border-radius:12px;font-weight:700;cursor:pointer;box-shadow:0 10px 30px #fbb9364d;transition:all .3s ease;display:flex;align-items:center;gap:.75rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 40px #fbb93666}.btn-secondary{background:var(--surface);color:var(--text);padding:.875rem 1.5rem;border:1px solid var(--surface-hover);border-radius:12px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;display:inline-flex;align-items:center;gap:.6rem}.btn-secondary:hover{background:var(--surface-hover);transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.btn-icon{font-size:1.25rem;line-height:1}.btn-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.btn-text small{font-size:.75rem;opacity:.8;font-weight:400}.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-set-reminder:focus-visible,.btn-share-countdown:focus-visible{outline:2px solid var(--accent);outline-offset:2px}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,Consolas,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}body{font-family:var(--font-sans);font-size:1rem;line-height:1.5;color:var(--text);background:var(--bg);transition:background-color .3s ease,color .3s ease}h1{font-size:2rem}h2{font-size:1.375rem}h3{font-size:1.125rem}.timer-display{font-family:var(--font-mono);font-feature-settings:"tnum" 1,"ss01" 1;font-size:clamp(3rem,18vw,15rem);line-height:.9;letter-spacing:.02em;color:var(--text);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;caret-color:transparent;cursor:default}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.\!btn{min-height:2.75rem!important;padding:.75rem 1.5rem!important;border-radius:var(--radius-md)!important;font-weight:600!important;transition:all .15s ease-out!important;cursor:pointer!important;border:none!important}.btn{min-height:2.75rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;transition:all .15s ease-out;cursor:pointer;border:none}.\!btn:active{transform:scale(.95)!important}.btn:active{transform:scale(.95)}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:scale(.95)}.btn-secondary{background:var(--surface);color:var(--text)}.btn-secondary:hover{background:var(--surface-hover)}.btn-icon{padding:.5rem;border-radius:var(--radius-md);background:transparent;color:var(--text);min-width:44px;min-height:44px;transition:all .15s ease-out;cursor:pointer;border:none}.btn-icon:hover{background:var(--surface)}.btn-icon:active{transform:scale(.92)}.preset-chip{padding:.5rem 1rem;border-radius:var(--radius-md);background:var(--surface);border:1px solid transparent;cursor:pointer;transition:all .2s ease;min-height:44px}.preset-chip:hover{background:#ffffff14;border-color:#ffffff1a;transform:translateY(-1px)}.preset-chip:active{transform:scale(.95);background:#ffffff1f}*:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.segmented-control{display:inline-flex;background:var(--surface);border-radius:var(--radius-md);padding:.25rem;gap:.25rem}.segmented-control button{padding:.5rem 1rem;border-radius:calc(var(--radius-md) - .125rem);background:transparent;color:var(--muted);font-weight:500;transition:all .15s ease-out;border:none;cursor:pointer}.segmented-control button.active{background:var(--bg);color:var(--text)}.segmented-control button:hover:not(.active){color:var(--text)}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.\!grid{display:grid!important}.grid{display:grid}.hidden{display:none}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.uppercase{text-transform:uppercase}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root[data-theme=dark],:root{--bg: #0B0B0F;--surface: #121219;--surface-hover: #1E1E28;--text: #F9F9FB;--text-primary: #F9F9FB;--muted: #A7A8B3;--accent: #F2C200;--accent-hover: #FFD933;--danger: #FF4D4F;--progress-active: #26C281;--progress-warning: #F2C200;--progress-danger: #FF4D4F;--ring: rgba(242, 194, 0, .35);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--font-sans: Inter, system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "SF Mono", "Roboto Mono", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out: ease-in-out;--duration-instant: .1s;--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .4s}:root[data-theme=light]{--bg: #FCFCFE;--surface: #FFFFFF;--surface-hover: #F5F5F7;--text: #111216;--text-primary: #111216;--muted: #64677A;--accent: #7C5C00;--accent-hover: #F2C200;--danger: #FF4D4F;--progress-active: #26C281;--progress-warning: #F2C200;--progress-danger: #FF4D4F;--ring: rgba(124, 92, 0, .25);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1)}html{scroll-behavior:smooth}.hero-section{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:2rem;margin:0!important}.scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;background:transparent;color:var(--muted);border:none;cursor:pointer;font-size:.875rem;font-weight:500;opacity:.7;transition:opacity .3s ease;animation:bounce 2s infinite;z-index:10}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.scroll-hint:hover{opacity:1}.scroll-hint.hidden{opacity:0;pointer-events:none}.content-section{padding-top:4rem;padding-bottom:4rem;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.content-section.visible{opacity:1;transform:translateY(0)}.content-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem;align-items:start}@media (min-width: 768px){.content-grid{grid-template-columns:1fr 1fr}}.hero-section .hero-block{min-height:auto!important;margin:0!important;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-section .action-bar{margin:1.5rem 0 0!important}.alarm-hero-clock{font-family:var(--font-mono);font-feature-settings:"tnum" 1;font-weight:700;letter-spacing:-.02em;text-align:center;line-height:1;color:var(--text)}.alarm-hero-time{font-size:clamp(2.5rem,12vw,5rem);margin:0;text-shadow:0 2px 8px rgba(0,0,0,.1),0 4px 16px rgba(0,0,0,.05),0 0 20px rgba(var(--accent-rgb, 59, 130, 246),.1);position:relative;transition:text-shadow .3s ease;white-space:nowrap;display:inline-flex;align-items:baseline;gap:0}.alarm-hero-time.glow-pulse{text-shadow:0 2px 8px rgba(0,0,0,.1),0 4px 16px rgba(0,0,0,.05),0 0 30px rgba(var(--accent-rgb, 59, 130, 246),.2),0 0 40px rgba(var(--accent-rgb, 59, 130, 246),.1)}.time-part{display:inline-block;will-change:transform;transition:transform .2s ease,font-weight .2s ease;font-size:1em;line-height:1}.time-hours{font-weight:800;font-variation-settings:"wght" 800;letter-spacing:-.02em}.time-minutes{font-weight:600;font-variation-settings:"wght" 600;letter-spacing:-.01em}.time-seconds{font-weight:400;font-variation-settings:"wght" 400;letter-spacing:0;transition:opacity .15s ease-out,font-weight .2s ease;opacity:.9}.time-sep{display:inline-block;opacity:.5;padding:0 .15em;font-size:.9em;line-height:1;font-weight:300}.time-seconds.tick{animation:seconds-pulse .3s ease-out}@keyframes seconds-pulse{0%{opacity:.5;transform:scale(.98)}50%{opacity:1;transform:scale(1.01)}to{opacity:1;transform:scale(1)}}.time-minutes.flip,.time-hours.flip{animation:digit-flip .4s cubic-bezier(.34,1.56,.64,1);transform-origin:center}@keyframes digit-flip{0%{transform:perspective(400px) rotateX(90deg);opacity:0}50%{transform:perspective(400px) rotateX(-10deg)}to{transform:perspective(400px) rotateX(0);opacity:1}}.alarm-hero-ampm{font-size:clamp(1rem,3vw,1.75rem);opacity:.75;margin-left:.5rem;text-transform:lowercase;display:inline-block;transition:opacity .3s ease,transform .3s ease;font-weight:300;font-variation-settings:"wght" 300}.alarm-hero-ampm.flip{animation:ampm-flip .5s cubic-bezier(.34,1.56,.64,1)}@keyframes ampm-flip{0%{transform:rotateY(90deg);opacity:0}50%{transform:rotateY(-10deg)}to{transform:rotateY(0);opacity:.75}}.alarm-hero-date{font-size:clamp(.875rem,2.5vw,1.125rem);color:var(--muted);margin-top:.5rem;text-transform:uppercase;letter-spacing:.05em;font-weight:500;transition:opacity .3s ease,transform .3s ease}.alarm-hero-date.update{animation:date-update .4s ease-out}@keyframes date-update{0%{opacity:.5;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.is-fullscreen #alarm-panel,.is-fullscreen #timer-panel,.is-fullscreen #timer-content,.is-fullscreen #stopwatch-panel{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:var(--bg);display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;overflow-y:auto}.is-fullscreen .alarm-hero-clock{min-height:auto!important;padding:3rem 2rem 2rem!important}.is-fullscreen .alarm-hero-time{font-size:clamp(3rem,12vw,6rem)!important}.is-fullscreen .alarm-hero-ampm{font-size:clamp(1.25rem,4vw,2rem)!important}.is-fullscreen .alarm-hero-date{font-size:clamp(.875rem,2vw,1.125rem)!important;margin-top:.5rem!important}.is-fullscreen #device-clock{margin-bottom:1.5rem!important}.is-fullscreen #alarm-countdown{font-size:clamp(1.25rem,4vw,2rem)!important;margin-top:2rem!important}.is-fullscreen #active-alarm-card{max-width:800px!important;padding:2rem!important;margin-top:3rem!important}.is-fullscreen #active-alarm-time{font-size:clamp(3rem,10vw,6rem)!important}.is-fullscreen #active-alarm-countdown{font-size:clamp(1.25rem,4vw,2rem)!important}.is-fullscreen #notification-banner,.is-fullscreen #alarm-info-banner{display:none!important}.is-fullscreen #alarms-list-container{display:block!important;max-width:100%!important;margin:0 auto 2rem!important;padding:0 2rem 2rem!important}.is-fullscreen #alarms-list{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:1.5rem!important}.is-fullscreen .alarm-item{flex-direction:column!important;align-items:center!important;text-align:center!important;padding:1.5rem 1rem!important;min-height:180px!important;border-left:3px solid var(--surface-hover)!important;border-top:3px solid var(--surface-hover)!important}.is-fullscreen .alarm-item>div:first-child{width:100%!important}.is-fullscreen .alarm-item>div:first-child>div:first-child{justify-content:center!important;margin-bottom:.75rem!important}.is-fullscreen .alarm-item>div:first-child>div:first-child>div{font-size:2.25rem!important}.is-fullscreen .alarm-item>div:first-child>div:nth-child(2){font-size:1.125rem!important;margin-bottom:.5rem!important}.is-fullscreen .alarm-item>div:first-child>div:nth-child(3){font-size:.875rem!important}.is-fullscreen .alarm-item>div:last-child{margin-top:1rem!important;width:100%!important;justify-content:center!important;gap:.75rem!important}.is-fullscreen .alarm-item .toggle-switch{width:56px!important;height:32px!important}.is-fullscreen .alarm-item .toggle-switch span span{height:24px!important;width:24px!important;left:4px!important;bottom:4px!important}.is-fullscreen .alarm-item .toggle-switch input:checked+span span{left:28px!important}.is-fullscreen .alarm-item .btn-icon{width:40px!important;height:40px!important;font-size:1.25rem!important}@media (max-width: 1400px){.is-fullscreen #alarms-list{grid-template-columns:repeat(3,1fr)!important}}@media (max-width: 1024px){.is-fullscreen #alarms-list{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 640px){.is-fullscreen #alarms-list{grid-template-columns:1fr!important}}.alarm-category-badge{-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.category-btn{transition:all var(--duration-fast) var(--ease-standard)}.category-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #00000026}.category-btn:active{transform:translateY(0) scale(.98);transition:all var(--duration-instant) var(--ease-in-out)}.btn-icon{position:relative;overflow:hidden;transition:all var(--duration-fast) var(--ease-standard);background:var(--surface);border:1px solid var(--surface-hover);padding:.75rem 1rem;border-radius:var(--radius-md);font-size:1.125rem;min-width:56px;min-height:48px;font-weight:600;box-shadow:0 2px 4px #0000000d}.btn-icon:hover{transform:translateY(-2px);background:var(--surface-hover);border-color:#ffffff1a;box-shadow:0 4px 12px #0000001a}.btn-icon:active{transform:translateY(0) scale(.98);transition:all var(--duration-instant) var(--ease-in-out);box-shadow:0 1px 2px #0000001a}.btn-icon[title=Edit]:hover,.btn-icon[onclick*=editAlarm]:hover{animation:icon-write .6s ease-in-out infinite}.btn-icon[title=Delete]:hover,.btn-icon[onclick*=deleteAlarm]:hover{animation:icon-shake .5s ease-in-out infinite}@keyframes icon-write{0%,to{transform:translate(0) rotate(0) scale(1.1)}25%{transform:translate(-1px,1px) rotate(-2deg) scale(1.1)}50%{transform:translate(1px,-1px) rotate(2deg) scale(1.1)}75%{transform:translate(-.5px,.5px) rotate(-1deg) scale(1.1)}}@keyframes icon-shake{0%,to{transform:rotate(0) scale(1.1)}10%,30%,50%,70%,90%{transform:rotate(-8deg) scale(1.1)}20%,40%,60%,80%{transform:rotate(8deg) scale(1.1)}}#add-alarm-btn{transition:all var(--duration-normal) var(--ease-standard);position:relative;overflow:hidden;background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;box-shadow:0 4px 12px #fbbf244d}#add-alarm-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff6;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}#add-alarm-btn:active:before{width:300px;height:300px;transition:width .3s ease,height .3s ease}#add-alarm-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#fcd34d,#fbbf24)!important;box-shadow:0 8px 20px #fbbf2466}#add-alarm-btn:active{transform:translateY(0) scale(.97);background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:0 2px 8px #f59e0b4d}#add-alarm-btn.opening-modal{animation:button-pulse .3s cubic-bezier(.34,1.56,.64,1)}@keyframes button-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}#alarm-modal>div>*{animation:modal-item-fade-in .4s cubic-bezier(.4,0,.2,1) backwards}#alarm-modal>div>*:nth-child(1){animation-delay:.05s}#alarm-modal>div>*:nth-child(2){animation-delay:.1s}#alarm-modal>div>*:nth-child(3){animation-delay:.15s}#alarm-modal>div>*:nth-child(4){animation-delay:.2s}#alarm-modal>div>*:nth-child(5){animation-delay:.25s}#alarm-modal>div>*:nth-child(6){animation-delay:.3s}#alarm-modal>div>*:nth-child(7){animation-delay:.35s}@keyframes modal-item-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#alarm-modal.closing>div>*{animation:none}#alarm-modal-save,#alarm-modal-cancel{transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}#alarm-modal-save:before,#alarm-modal-cancel:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}#alarm-modal-save:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}#alarm-modal-save:active{transform:scale(.98)}#alarm-modal-save:active:before{width:200px;height:200px;transition:width .3s ease,height .3s ease}#alarm-modal-cancel:hover{transform:translateY(-1px);background:#ffffff1a}#alarm-modal-cancel:active{transform:scale(.98)}#alarm-modal-close{transition:all .2s cubic-bezier(.4,0,.2,1)}#alarm-modal-close:hover{transform:scale(1.1) rotate(90deg);color:var(--danger)}#alarm-modal-close:active{transform:scale(.9) rotate(90deg)}.alarm-character{animation:breathing 3s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}@keyframes breathing{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.05) translateY(-5px)}}.sparkle{display:inline-block;animation:sparkle-twinkle 2s ease-in-out infinite;opacity:0;font-size:1.5rem}.sparkle-1{animation-delay:0s}.sparkle-2{animation-delay:.6s}.sparkle-3{animation-delay:1.2s}@keyframes sparkle-twinkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}#alarms-empty{animation:empty-state-fade-in .6s cubic-bezier(.4,0,.2,1)}@keyframes empty-state-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state-cta{position:relative;overflow:hidden}.empty-state-cta:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff6;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.empty-state-cta:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #00000026}.empty-state-cta:active{transform:translateY(0) scale(.98)}.empty-state-cta:active:before{width:300px;height:300px;transition:width .3s ease,height .3s ease}.empty-state-illustration{animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}#alarms-empty h3{animation:text-reveal .8s cubic-bezier(.4,0,.2,1) .2s backwards}#alarms-empty p{animation:text-reveal .8s cubic-bezier(.4,0,.2,1) .4s backwards}#alarms-empty .empty-state-cta{animation:text-reveal .8s cubic-bezier(.4,0,.2,1) .6s backwards}@keyframes text-reveal{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.alarm-character{font-size:4rem}#alarms-empty h3{font-size:1.25rem}#alarms-empty p{font-size:.9375rem}.empty-state-cta{font-size:.9375rem;padding:.75rem 1.5rem}}.btn-icon:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.btn-icon:active:after{width:120%;height:120%;transition:width .15s ease,height .15s ease}.alarm-item{transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),opacity var(--duration-slow) var(--ease-in-out),height var(--duration-normal) var(--ease-standard),margin var(--duration-normal) var(--ease-standard),padding var(--duration-normal) var(--ease-standard),filter var(--duration-slow) var(--ease-in-out)!important;overflow:hidden;position:relative;opacity:1}.alarm-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a!important}.alarm-item.disabled{opacity:.65;filter:grayscale(.3) brightness(.95)}.alarm-item{animation:alarm-item-appear .3s cubic-bezier(.34,1.56,.64,1)}.alarm-item.next-alarm{animation:next-alarm-glow 3s ease-in-out infinite,alarm-item-appear .3s cubic-bezier(.34,1.56,.64,1)}.alarm-item.next-alarm:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,var(--accent),rgba(var(--accent-rgb, 59, 130, 246),.5));border-radius:var(--radius-md);z-index:-1;opacity:0;animation:next-alarm-border 3s ease-in-out infinite;filter:blur(8px)}.alarm-item.next-alarm:after{content:"⏰ Next";position:absolute;top:.5rem;right:.5rem;background:var(--accent);color:#000;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;letter-spacing:.025em;text-transform:uppercase;box-shadow:0 2px 8px #00000026;z-index:10;animation:next-alarm-badge 3s ease-in-out infinite}@keyframes next-alarm-glow{0%,to{box-shadow:0 0 rgba(var(--accent-rgb, 59, 130, 246),0),0 4px 12px #0000001a}50%{box-shadow:0 0 20px rgba(var(--accent-rgb, 59, 130, 246),.4),0 0 40px rgba(var(--accent-rgb, 59, 130, 246),.2),0 4px 16px #00000026}}@keyframes next-alarm-border{0%,to{opacity:0;transform:scale(.98)}50%{opacity:.6;transform:scale(1)}}@keyframes next-alarm-badge{0%,to{transform:scale(1);box-shadow:0 2px 8px #00000026}50%{transform:scale(1.05);box-shadow:0 4px 12px #00000040}}.alarm-countdown.countdown-normal{color:var(--text-muted);transition:color var(--duration-normal) var(--ease-in-out)}.alarm-countdown.countdown-soon{color:#f59e0b;font-weight:700;animation:countdown-pulse-slow 3s ease-in-out infinite;transition:color var(--duration-normal) var(--ease-in-out);display:inline-block;transform-origin:left center}.alarm-countdown.countdown-urgent{color:#f97316;font-weight:700;animation:countdown-pulse-medium 2s ease-in-out infinite;transition:color var(--duration-normal) var(--ease-in-out);display:inline-block;transform-origin:left center}.alarm-countdown.countdown-critical{color:#ef4444;font-weight:900;animation:countdown-pulse-fast 1s ease-in-out infinite;text-shadow:0 0 8px rgba(239,68,68,.3);transition:color var(--duration-normal) var(--ease-in-out);display:inline-block;transform-origin:left center}@keyframes countdown-pulse-slow{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.01)}}@keyframes countdown-pulse-medium{0%,to{opacity:.9;transform:scale(1);text-shadow:0 0 3px rgba(249,115,22,.15)}50%{opacity:1;transform:scale(1.015);text-shadow:0 0 6px rgba(249,115,22,.3)}}@keyframes countdown-pulse-fast{0%,to{opacity:.92;transform:scale(1);text-shadow:0 0 4px rgba(239,68,68,.2)}50%{opacity:1;transform:scale(1.02);text-shadow:0 0 8px rgba(239,68,68,.4)}}.alarm-item-removing{opacity:0!important;transform:translateY(-8px) scale(.98)!important;height:0!important;margin:0!important;padding-top:0!important;padding-bottom:0!important;border-width:0!important}@keyframes alarm-item-appear{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.toggle-switch input{opacity:0;width:0;height:0}.toggle-track{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;transition:background var(--duration-normal) var(--ease-standard),box-shadow var(--duration-normal) var(--ease-standard);border-radius:14px}input:checked+.toggle-track{box-shadow:0 2px 8px #fbbf244d}.toggle-thumb{position:absolute;height:20px;width:20px;bottom:4px;background-color:#fff;transition:left var(--duration-normal) var(--ease-standard),transform var(--duration-normal) var(--ease-bounce);border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-thumb.animating-on{animation:toggle-bounce-on var(--duration-normal) var(--ease-bounce)}.toggle-thumb.animating-off{animation:toggle-bounce-off var(--duration-normal) var(--ease-bounce)}@keyframes toggle-bounce-on{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes toggle-bounce-off{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}#alarm-modal{animation:modal-backdrop-fade .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:backdrop-filter .3s ease;position:fixed!important;z-index:99999!important}#alarm-modal[style*="display: flex"]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#alarm-modal>div{animation:modal-slide-up .4s cubic-bezier(.34,1.56,.64,1);will-change:transform,opacity}#alarm-modal.closing{animation:modal-backdrop-fade .25s cubic-bezier(.4,0,.2,1) reverse}#alarm-modal.closing>div{animation:modal-slide-down .25s cubic-bezier(.4,0,.2,1)}@keyframes modal-backdrop-fade{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(60px) scale(.92);filter:blur(4px)}50%{opacity:1;filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes modal-slide-down{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(40px) scale(.95)}}.is-fullscreen .alarm-item[data-category=work]{border-left-color:#3b82f6!important}.is-fullscreen .alarm-item[data-category=personal]{border-left-color:#10b981!important}.is-fullscreen .alarm-item[data-category=fitness]{border-left-color:#f59e0b!important}.is-fullscreen .alarm-item[data-category=medication]{border-left-color:#ef4444!important}.is-fullscreen .alarm-item[data-category=meeting]{border-left-color:#8b5cf6!important}.is-fullscreen .alarm-item[data-category=wakeup]{border-left-color:#f97316!important}.is-fullscreen .alarm-item[data-category=reminder]{border-left-color:#06b6d4!important}.is-fullscreen .alarm-item[data-category=other]{border-left-color:#6b7280!important}.swipe-stop-container{width:100%;max-width:750px;margin:0 auto;padding:0 1rem}.swipe-track{position:relative;width:100%;height:68px;background:linear-gradient(180deg,#1c1c1e,#2c2c2e);border-radius:34px;overflow:visible;box-shadow:inset 0 2px 4px #0000004d,inset 0 -1px 2px #ffffff0d,0 4px 16px #0003;animation:swipe-pulse 2s infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes swipe-pulse{0%{transform:translate(0)}2%{transform:translate(-2px)}4%{transform:translate(2px)}6%{transform:translate(-2px)}8%{transform:translate(2px)}10%{transform:translate(-2px)}12%{transform:translate(2px)}14%{transform:translate(-2px)}16%{transform:translate(2px)}18%{transform:translate(-1px)}20%{transform:translate(1px)}22%{transform:translate(-1px)}24%{transform:translate(1px)}26%{transform:translate(-1px)}28%{transform:translate(1px)}30%{transform:translate(0)}31%,to{transform:translate(0)}}.swipe-label{position:absolute;top:50%;left:76px;transform:translateY(-50%);font-size:.9375rem;font-weight:600;color:#ffffff80;letter-spacing:.3px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.3);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:opacity .2s ease}.swipe-track[data-progress] .swipe-label{opacity:0}.swipe-thumb{position:absolute;left:4px;top:4px;width:60px;height:60px;background:linear-gradient(180deg,#fff,#f2f2f7);border-radius:50%;cursor:grab;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026,0 8px 24px #0000001a,inset 0 1px 1px #fffc;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:2;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform}.swipe-thumb:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(180deg,#fff6,#fff0 50%);pointer-events:none}.swipe-thumb:active{cursor:grabbing;box-shadow:0 1px 4px #0003,0 4px 12px #00000026,inset 0 1px 1px #fffc}.swipe-arrow{font-size:1.75rem;color:#ff3b30;font-weight:600;line-height:1;animation:arrow-bounce 1.2s ease-in-out infinite;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}@keyframes arrow-bounce{0%,to{transform:translate(0);opacity:.8}50%{transform:translate(6px);opacity:1}}.swipe-thumb.swiping .swipe-arrow{animation:none;opacity:1}.swipe-track:after{content:"";position:absolute;left:0;top:0;height:100%;width:var(--fill-width, 0);background:linear-gradient(90deg,#34c75926,#34c7594d);border-radius:34px;transition:width .05s linear;pointer-events:none;z-index:0}.swipe-track[data-progress]:after{opacity:1}.swipe-track:not([data-progress]):after{transition:width .3s cubic-bezier(.25,.46,.45,.94)}.swipe-track.swipe-success{background:linear-gradient(180deg,#34c759,#30d158);box-shadow:inset 0 2px 4px #00000026,inset 0 -1px 2px #fff3,0 4px 16px #34c75966;animation:none}.swipe-track.swipe-success .swipe-label{color:#fffffff2;font-weight:600}.swipe-track.swipe-success .swipe-thumb{background:linear-gradient(180deg,#fff,#f2f2f7);box-shadow:0 2px 12px #0003,0 8px 24px #00000026,inset 0 1px 1px #ffffffe6}.swipe-track.swipe-success .swipe-arrow{color:#34c759}.is-fullscreen .swipe-stop-container{width:100%;max-width:950px}#alarm-stop-wrapper{width:100%}.is-fullscreen .swipe-track{height:88px;border-radius:44px}.is-fullscreen .swipe-thumb{width:80px;height:80px}.is-fullscreen .swipe-label{font-size:1.125rem}.is-fullscreen .swipe-arrow{font-size:2.25rem}@media (max-width: 640px){.swipe-stop-container{max-width:90%}.swipe-track{height:58px;border-radius:29px}.swipe-thumb{width:50px;height:50px}.swipe-label{font-size:.8125rem}.swipe-arrow{font-size:1.5rem}}@media (prefers-color-scheme: dark){.swipe-track{background:linear-gradient(180deg,#1c1c1e,#2c2c2e)}.swipe-label{color:#ffffff80}}[data-theme=light] .swipe-track{background:linear-gradient(180deg,#e5e5ea,#d1d1d6);box-shadow:inset 0 2px 4px #0000001a,inset 0 -1px 2px #ffffff80,0 4px 16px #0000001a}[data-theme=light] .swipe-label{color:#3c3c4399}.ampm-badge{font-family:var(--font-mono);font-size:clamp(.8rem,3vw,1.25rem);color:var(--muted);background:var(--surface);border:1px solid var(--surface-hover);border-radius:999px;padding:.18rem .5rem;letter-spacing:.08em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.is-fullscreen header,.is-fullscreen .mode-switch,.is-fullscreen .top-bar{opacity:0;pointer-events:none;transform:translateY(-32px);transition:opacity .3s ease,transform .4s ease}.is-fullscreen header{display:none}.is-fullscreen main{padding:0!important}.is-fullscreen #single-timer-container{min-height:100vh;display:flex;align-items:center;justify-content:center}.is-fullscreen #single-timer-container .progress-bar,.is-fullscreen .action-bar,.is-fullscreen #presets-dock,.is-fullscreen #recent-used{display:none!important}.is-fullscreen footer{display:none!important}.is-fullscreen #TimerGo-container,.is-fullscreen #time-input-container,.is-fullscreen .toast,.is-fullscreen .instructions,.is-fullscreen #durations-section,.is-fullscreen #recently-used,.is-fullscreen #upcoming-holidays-section{display:none!important}.is-fullscreen #timer-content>div[style*=grid-template-columns]{display:none!important}.is-fullscreen #timer-content section:not(.hero-section){display:none!important}.is-fullscreen #timer-content .hero-section{display:block!important}.is-fullscreen #timer-content .recently-section,.is-fullscreen .fab-add,.is-fullscreen .fab-hint{display:none!important}.is-fullscreen .hero-block{min-height:100vh!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important}.is-fullscreen .display-row{margin:0!important}.is-fullscreen .timer-display{margin:0!important;font-size:clamp(64px,25vw,300px)!important}.is-fullscreen .ampm-badge,.is-fullscreen .scroll-hint,.is-fullscreen .content-section{display:none!important}.is-fullscreen #stopwatch-panel{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;gap:0;padding-top:15vh}.is-fullscreen #stopwatch-panel>div:first-child{margin:0!important}#stopwatch-display{transition:color .5s ease,text-shadow .5s ease;perspective:1000px;transform-style:preserve-3d}.is-fullscreen #stopwatch-display{font-size:clamp(48px,18vw,180px)!important;margin:0 0 2rem!important;transition:color .5s ease,text-shadow .5s ease}.stopwatch-digit{display:inline-block;transition:none}.stopwatch-sep{display:inline-block;opacity:.6}.stopwatch-ms{font-size:.6em;opacity:.8}.stopwatch-digit.flip{animation:digit-flip .4s cubic-bezier(.4,0,.2,1)}@keyframes digit-flip{0%{transform:rotateX(0);opacity:1}50%{transform:rotateX(-90deg);opacity:.3}to{transform:rotateX(0);opacity:1}}.is-fullscreen #stopwatch-panel>div:nth-child(2){margin:0 0 1.5rem!important;max-width:500px!important}.is-fullscreen #stopwatch-primary-row{margin-bottom:1rem!important}.is-fullscreen #stopwatch-panel .btn{font-size:1.25rem!important;padding:1rem 2rem!important}.is-fullscreen #stopwatch-lap{font-size:1.5rem!important;padding:1.5rem 3rem!important;width:100%!important;font-weight:700!important}.is-fullscreen #stopwatch-start{min-width:250px!important}.is-fullscreen #stopwatch-panel .btn-icon{font-size:1.5rem!important;min-width:56px!important;min-height:56px!important}.is-fullscreen #laps-container{width:100%;max-width:600px;margin:0!important;padding:1rem;background:transparent;border-radius:0;overflow:visible}.is-fullscreen #laps-container h3{font-size:1rem!important;margin-bottom:.75rem!important;text-align:center}.is-fullscreen #laps-list{max-height:35vh!important;overflow-y:auto;padding-right:.5rem}.days-block{display:inline-flex;align-items:baseline;gap:.5rem}.days-number{font-family:var(--font-mono);font-feature-settings:"tnum" 1,"ss01" 1;font-size:clamp(2.5rem,12vw,10rem);line-height:.9}.days-label{font-size:clamp(1rem,4vw,2.5rem);color:var(--muted);letter-spacing:.06em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}header h1 a{transition:opacity .2s ease,transform .2s ease}header h1 a:hover{opacity:.8;transform:translateY(-1px)}header h1 a:active{transform:translateY(0) scale(.98)}@keyframes tick-pulse{0%,to{opacity:1}50%{opacity:.9;transform:translateY(-1px)}}.drawer{position:fixed;top:0;bottom:0;width:min(84vw,320px);background:var(--surface);box-shadow:var(--shadow-md);z-index:11000;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:none}.drawer-right{right:0;left:auto;transform:translate(100%)}.drawer .drawer-content{height:100%;padding:1rem;overflow-y:auto}.drawer[aria-hidden=false]{transform:translate(0)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10990;opacity:0;transition:opacity .3s ease;pointer-events:none}.drawer-backdrop.show{opacity:1;pointer-events:auto}@media (max-width: 768px){#nav-hamburger,#settings-gear-mobile{display:inline-flex!important}.segmented-control{display:none}#header-menu-btn,#audio-settings-btn,#header-fullscreen-btn,#install-pwa,#theme-toggle,#embed-btn,#audio-indicator,#notification-indicator,#settings-hamburger,#share-btn-header,#offline-status{display:none!important}.drawer{display:block}#single-timer-container>div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}#single-timer-container>div>div:first-child{gap:1.5rem!important}#durations-section>div[style*=grid-template-columns]{grid-template-columns:1fr!important}#durations-section>div>div{display:contents!important}.recent-grid{grid-template-columns:1fr!important}#durations-section,#recently-used{max-width:500px;margin-left:auto!important;margin-right:auto!important}#durations-section a,.duration-link{text-align:center}.recent-grid>*{text-align:center}}.timer-display{display:inline-flex;align-items:baseline;white-space:nowrap;gap:0;transition:transform var(--duration-normal) var(--ease-standard),opacity var(--duration-normal) var(--ease-standard)}.timer-display.syncing{animation:timer-sync var(--duration-slow) var(--ease-standard)}@keyframes timer-sync{0%{opacity:.5;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.timer-digit{display:inline-block;transition:transform var(--duration-normal) var(--ease-standard)}.timer-digit.flip{animation:digit-flip var(--duration-normal) var(--ease-standard)}@keyframes digit-flip{0%{transform:rotateX(0);opacity:1}50%{transform:rotateX(90deg);opacity:.3}to{transform:rotateX(0);opacity:1}}.timer-separator{display:inline-block;opacity:.7;font-size:.7em;vertical-align:middle;margin:0 .1em}@keyframes separator-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.95)}}.timer-display.ticking .timer-separator{animation:separator-pulse 1s ease-in-out infinite}.timer-display.ticking{animation:tick-pulse .2s ease-out}@keyframes warning-pulse{0%,to{color:var(--progress-warning);transform:scale(1)}50%{transform:scale(1.02)}}.timer-display.warning{animation:warning-pulse 1s ease-in-out infinite}.timer-display.finished{animation:timer-complete-pulse .6s ease-out,timer-complete-glow 1s ease-out,timer-complete-bounce .8s cubic-bezier(.68,-.55,.265,1.55);color:var(--accent);text-shadow:0 0 20px rgba(251,191,36,.8),0 0 40px rgba(251,191,36,.4),0 0 60px rgba(251,191,36,.2);position:relative}@keyframes timer-complete-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes timer-complete-glow{0%{filter:brightness(1)}50%{filter:brightness(1.5) saturate(1.3)}to{filter:brightness(1)}}@keyframes timer-complete-bounce{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-20px) scale(1.1)}50%{transform:translateY(0) scale(1.05)}70%{transform:translateY(-10px) scale(1.03)}85%{transform:translateY(0) scale(1.01)}to{transform:translateY(0) scale(1)}}body.timer-finished{position:relative;overflow:hidden}.timer-display.finished:after,.timer-display.finished:before{content:none}.confetti-piece{position:fixed;pointer-events:none;z-index:10000;animation:confetti-burst 2s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes confetti-burst{0%{transform:translate(0) rotate(0) scale(1);opacity:1}to{transform:translate(calc(var(--end-x) - 50vw),calc(var(--end-y) - 50vh)) rotate(var(--rotation)) scale(.3);opacity:0}}.progress-bar{width:100%;max-width:720px;height:3px;margin:32px auto 0;border-radius:2px;background:#ffffff14;overflow:hidden;position:relative}.progress-fill{height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,var(--progress-active),var(--progress-active));transition:width 1s linear,background .5s ease,opacity .3s ease,box-shadow .3s ease;transform-origin:left;opacity:.5}.progress-fill.running{opacity:1;box-shadow:0 0 8px #26c28166}.progress-fill.warning{background:linear-gradient(90deg,var(--progress-warning),var(--progress-warning));box-shadow:0 0 8px #f2c20066}.progress-fill.danger{background:linear-gradient(90deg,var(--progress-danger),var(--progress-danger));box-shadow:0 0 8px #ff4d4f66}@media (max-width: 480px){.progress-bar{max-width:90%;height:2px}.timer-display{font-size:4rem!important}}@media (max-height: 600px) and (orientation: landscape){.hero-block{min-height:30vh;margin-bottom:1rem}.timer-display{font-size:clamp(2.5rem,12vw,6rem)!important;margin-bottom:.75rem!important}.progress-bar{margin-top:16px}.action-bar{margin:1rem 0}#presets-dock{margin-bottom:.75rem}header{padding:.5rem 0}footer{padding:.5rem}}.hero-block{min-height:48vh;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:3rem;text-align:center;width:100%}.display-row{display:flex;align-items:baseline;justify-content:center;width:100%}.fab-add{position:fixed;right:24px;bottom:24px;width:56px;height:56px;border-radius:50%;background:var(--accent);color:#000;font-size:1.75rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);cursor:pointer;border:none;z-index:999;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.fab-add:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00000040}.fab-hint{position:fixed;right:92px;bottom:36px;background:linear-gradient(135deg,#f2c20014,#f2c2000a);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(242,194,0,.2);border-radius:16px;box-shadow:0 8px 24px #00000026,0 0 1px #f2c2004d;padding:1rem 1.25rem;z-index:1000;min-width:200px;animation:fadeInScale .3s ease-out}.fab-hint:after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:8px solid rgba(242,194,0,.2);border-top:8px solid transparent;border-bottom:8px solid transparent}.fab-hint:before{content:"";position:absolute;right:-7px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:7px solid rgba(242,194,0,.06);border-top:7px solid transparent;border-bottom:7px solid transparent;z-index:1}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.fab-add{position:fixed;right:24px;bottom:24px;z-index:1000;width:56px;height:56px;border-radius:50%;background:var(--accent);color:var(--bg);border:none;font-size:2rem;line-height:56px;text-align:center;box-shadow:var(--shadow-md);cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.fab-add:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00000059}.fab-add:active{transform:scale(.95)}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%) translateY(100px) scale(.9);padding:var(--space-3) var(--space-5);background:var(--surface);color:var(--text);border-radius:var(--radius-md);box-shadow:var(--shadow-md);opacity:0;transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.34,1.56,.64,1);z-index:1000;font-size:.875rem;white-space:nowrap;pointer-events:none}.toast.show{transform:translate(-50%) translateY(0) scale(1);opacity:1;animation:toast-bounce .4s cubic-bezier(.34,1.56,.64,1)}@keyframes toast-bounce{0%{transform:translate(-50%) translateY(100px) scale(.9)}50%{transform:translate(-50%) translateY(-5px) scale(1.02)}to{transform:translate(-50%) translateY(0) scale(1)}}.update-banner{position:fixed;top:0;left:0;right:0;z-index:10000;animation:slideDown .3s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}#offline-status{display:none;font-size:.75rem;color:var(--progress-active);padding:.25rem .75rem;background:#26c2811a;border-radius:var(--radius-md);font-weight:500;letter-spacing:.02em}.recent-used{margin-top:1rem;text-align:center}.recent-used h4{font-size:.875rem;color:var(--muted);margin-bottom:.5rem;font-weight:500}.recent-list{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.btn-share{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--surface);color:var(--text);border-radius:var(--radius-md);border:1px solid var(--surface-hover);cursor:pointer;transition:all .15s ease-out;font-size:.875rem}.btn-share:hover{background:var(--surface-hover);border-color:var(--accent)}.btn-share svg{width:16px;height:16px;fill:currentColor}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;align-items:center;justify-content:center;padding:1rem}.modal[style*="display: block"]{display:flex!important}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1}.modal-content{position:relative;z-index:2;background:var(--surface);border-radius:var(--radius-lg);padding:2rem;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;animation:modalSlideIn .3s ease-out}.permission-indicator{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;padding:.375rem .625rem;border-radius:var(--radius-md);background:var(--surface);cursor:help;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tabs .tab{padding:.5rem .75rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-primary);cursor:pointer;font-weight:600;transition:all .2s ease}.tabs .tab:hover:not(.active){color:var(--accent);transform:translateY(-1px)}.tabs .tab:active{transform:scale(.95)}.tabs .tab.active{border-bottom-color:var(--accent);color:var(--accent)}.presets-row .preset-chip,#recent-list .preset-chip,#recent-list button{padding:.5rem .75rem;background:var(--surface);border:1px solid var(--surface-hover);border-radius:var(--radius-md);color:var(--text-primary);white-space:nowrap;cursor:pointer}.btn-toggle{padding:.75rem 1.25rem;background:var(--surface);border:1px solid var(--surface-hover);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:1.0625rem;font-weight:600;min-height:48px;box-shadow:0 2px 4px #0000000d;transition:all var(--duration-fast) var(--ease-standard)}.btn-toggle:hover{background:var(--surface-hover);border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-toggle:active{transform:translateY(0) scale(.98);box-shadow:0 1px 2px #0000001a}.btn-toggle[aria-pressed=true]{border-color:var(--accent);background:linear-gradient(135deg,#fbbf2426,#f59e0b26);color:var(--accent);box-shadow:0 2px 8px #fbbf2433}.permission-indicator.active{background:#22c55e1a;color:#22c55e}.permission-indicator.inactive{background:#ef44441a;color:#ef4444}.permission-indicator.warning{background:#f2c2001a;color:var(--accent)}.permission-indicator:hover{transform:scale(1.05)}.sound-type-btn{padding:.75rem;background:var(--surface);border:2px solid transparent;border-radius:var(--radius-md);color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.875rem}.sound-type-btn:hover{background:var(--surface-hover);border-color:var(--accent)}.sound-type-btn.active{border-color:var(--accent);background:#f2c2001a}#volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--accent);border-radius:50%;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}#volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}#volume-slider::-moz-range-thumb{width:18px;height:18px;background:var(--accent);border:none;border-radius:50%;cursor:pointer;-moz-transition:all .2s ease;transition:all .2s ease}#volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}@media (max-width: 768px){.timer-display{font-size:clamp(2.5rem,15vw,5rem)}.toast{left:1rem;right:1rem;transform:translate(0) translateY(100px) scale(.9)}.toast.show{transform:translate(0) translateY(0) scale(1)}@keyframes toast-bounce{0%{transform:translate(0) translateY(100px) scale(.9)}50%{transform:translate(0) translateY(-5px) scale(1.02)}to{transform:translate(0) translateY(0) scale(1)}}.permission-indicator{font-size:.625rem;padding:.25rem .5rem}}.instructions-expandable summary:hover{background:var(--surface-hover);border-color:var(--text-muted)}.instructions-expandable summary:active{transform:scale(.98)}.instructions-expandable[open] .expand-arrow{transform:rotate(180deg)}.instructions-expandable[open] summary{margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}.is-fullscreen .instructions,.is-fullscreen .instructions-expandable,.is-fullscreen #lap-legend,.is-fullscreen #time-color-legend{display:none!important}.lap-item{animation:lap-item-appear .3s ease;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grab}.lap-item:active{cursor:grabbing}@keyframes lap-item-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lap-note{margin-top:.5rem;font-size:.8125rem;color:var(--text-muted);font-style:italic;border-left:2px solid var(--accent);padding-left:.5rem;line-height:1.4;opacity:.9}.is-fullscreen .lap-item{padding:1rem 1.25rem!important;font-size:1.0625rem!important}.is-fullscreen .lap-item span{font-size:1rem!important}.is-fullscreen .lap-note{font-size:.875rem!important;margin-top:.625rem}@keyframes timer-running-pulse{0%,to{box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a,0 0 20px var(--timer-glow-color, rgba(59, 130, 246, .3))}50%{box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a,0 0 32px var(--timer-glow-color, rgba(59, 130, 246, .5))}}@keyframes timer-running-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.05)}}#TimerGo-grid{container-type:inline-size;container-name:timer-container}.timer-display-editable:hover{opacity:.8;transform:scale(1.02);transition:all .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}@keyframes particleFloat{0%,to{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(10px,-15px) scale(1.1);opacity:.8}50%{transform:translate(-5px,-25px) scale(.9);opacity:.5}75%{transform:translate(-15px,-10px) scale(1.05);opacity:.7}}@media (prefers-reduced-motion: reduce){.particles-container{display:none!important}.particle{animation:none!important}}@media (max-width: 768px){.particles-container{display:none!important}}@supports not (backdrop-filter: blur(10px)){.timer-card{background:var(--surface)!important}}@keyframes pulseWave{0%{transform:scale(1);opacity:.8}to{transform:scale(1.6);opacity:0}}@keyframes completionGlow{0%{box-shadow:0 0 rgba(var(--glow-color),0),inset 0 0 rgba(var(--glow-color),0)}40%{box-shadow:0 0 30px rgba(var(--glow-color),.6),0 0 60px rgba(var(--glow-color),.3),inset 0 0 20px rgba(var(--glow-color),.4)}to{box-shadow:0 0 rgba(var(--glow-color),0),inset 0 0 rgba(var(--glow-color),0)}}@keyframes completionBounce{0%{transform:scale(1)}25%{transform:scale(1.03)}50%{transform:scale(.98)}75%{transform:scale(1.01)}to{transform:scale(1)}}.timer-card.completing:before,.timer-card.completing:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:3px solid var(--pulse-color);border-radius:var(--radius-lg);pointer-events:none;z-index:10;animation:pulseWave .5s ease-out}.timer-card.completing:after{animation-delay:.25s}.timer-card.completing{z-index:50;position:relative}@media (prefers-reduced-motion: reduce){.timer-card.completing{animation:none!important}.timer-card.completing:before,.timer-card.completing:after{display:none!important}}.timer-card.timer-completed{opacity:.8;filter:brightness(.85);transition:opacity .3s ease,transform .3s ease,filter .3s ease}.completion-checkmark{display:inline-block;margin-left:.5rem;color:#26c281;font-size:1.2em;animation:checkmarkPop .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes checkmarkPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.timer-card.timer-completed .quick-adjust-btn{display:none}.timer-card.swiping{transition:transform .1s ease-out}.timer-card .swipe-delete-bg{position:absolute;top:0;right:0;bottom:0;width:80px;background:linear-gradient(90deg,transparent,#FF4D4F);display:flex;align-items:center;justify-content:flex-end;padding-right:1rem;color:#fff;font-size:1.5rem;border-radius:var(--radius-lg);opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:-1}.timer-card.swiping .swipe-delete-bg.visible{opacity:1}.clear-all-fab{position:fixed;bottom:2rem;right:2rem;background:var(--surface);border:2px solid var(--border);border-radius:2rem;padding:.75rem 1.5rem;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #0000004d,0 8px 24px #0003;cursor:pointer;z-index:100;animation:fabSlideIn .3s cubic-bezier(.68,-.55,.265,1.55);transition:transform .2s ease,box-shadow .2s ease}.clear-all-fab:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0006,0 10px 30px #0000004d}@keyframes fabSlideIn{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.undo-snackbar{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 12px #0000004d;z-index:1000;animation:snackbarSlideIn .3s ease}.undo-snackbar.hiding{animation:snackbarSlideOut .3s ease}@keyframes snackbarSlideIn{0%{transform:translate(-50%) translateY(100px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes snackbarSlideOut{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(100px);opacity:0}}.pause-overlay{position:fixed;top:0;left:0;right:0;z-index:10000;padding:1.5rem 2rem;background:linear-gradient(180deg,#f2c200f2,#f2c200d9);color:#000;text-align:center;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;letter-spacing:.15em;text-transform:uppercase;box-shadow:0 4px 24px #0000004d;opacity:0;transform:translateY(-100%);transition:opacity .3s ease,transform .3s ease;pointer-events:none;visibility:hidden}.pause-overlay.show{opacity:1!important;transform:translateY(0)!important;visibility:visible!important;transition:none!important}body:not(.is-fullscreen) .pause-overlay{display:none!important}body.is-fullscreen .pause-overlay.show{display:block!important}