/*! Naptarak.com © 2026 — All rights reserved.
    Unauthorized use prohibited. https://naptarak.com */
.uf-page{max-width:760px;margin:0 auto}.page-hero{margin-bottom:var(--space-lg)}.page-hero__row{display:flex;align-items:center;gap:var(--space-md)}.page-hero__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--border-radius);color:#fff;box-shadow:0 4px 15px #45dfb04d}.page-hero__title{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:0;color:var(--color-text)}.page-hero__intro{color:var(--color-text-light);font-size:var(--font-size-base);margin-bottom:0}.uf-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:var(--space-md)}.uf-mode-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--space-lg) var(--space-md);background:var(--color-bg-card);border:2px solid var(--color-border-light);border-radius:var(--border-radius-lg);cursor:pointer;text-align:center;transition:all .2s ease;overflow:hidden}.uf-mode-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--m-color),var(--m-color2));opacity:0;transition:opacity .2s ease;z-index:0}.uf-mode-btn>*{position:relative;z-index:1}.uf-mode-btn:hover{border-color:var(--m-color);transform:translateY(-3px);box-shadow:0 8px 20px color-mix(in srgb,var(--m-color) 30%,transparent)}.uf-mode-btn__emoji{font-size:28px;line-height:1}.uf-mode-btn__big{font-size:var(--font-size-2xl);font-weight:800;color:var(--m-color);letter-spacing:-.01em}.uf-mode-btn__desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.3}.uf-mode-btn--active{border-color:transparent}.uf-mode-btn--active:before{opacity:1}.uf-mode-btn--active .uf-mode-btn__big,.uf-mode-btn--active .uf-mode-btn__desc{color:#fff}.uf-mode-btn--active:hover{transform:translateY(-3px);box-shadow:0 10px 24px color-mix(in srgb,var(--m-color) 45%,transparent)}.uf-custom{display:flex;gap:var(--space-md);justify-content:center;padding:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--border-radius);margin-bottom:var(--space-md);flex-wrap:wrap}.uf-custom[hidden]{display:none}.uf-custom label{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--color-text)}.uf-custom input{width:70px;padding:6px 10px;border:1.5px solid var(--color-border-light);border-radius:var(--border-radius);background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);text-align:center}.uf-timer-wrap{margin-bottom:var(--space-lg)}.uf-timer-card{padding:var(--space-2xl) var(--space-lg);background:linear-gradient(135deg,var(--color-bg-card),var(--color-bg));border:2px solid var(--color-primary);border-radius:var(--border-radius-lg);text-align:center;box-shadow:0 12px 32px #45dfb01f;transition:all .3s ease}.uf-timer-card.uf-break{border-color:var(--color-secondary);box-shadow:0 12px 32px #3baadd26}.uf-phase-label{font-size:var(--font-size-sm);font-weight:800;letter-spacing:.15em;color:var(--color-primary-dark);text-transform:uppercase;margin-bottom:var(--space-md)}.uf-break .uf-phase-label{color:var(--color-secondary)}.uf-clock-display{position:relative;width:280px;height:280px;margin:0 auto var(--space-lg)}.uf-ring{width:100%;height:100%}.uf-ring__bg{stroke:var(--color-border-light)}.uf-ring__fill{stroke:var(--color-primary);transition:stroke-dashoffset .5s linear,stroke .3s ease}.uf-break .uf-ring__fill{stroke:var(--color-secondary)}.uf-time{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:64px;font-weight:800;font-family:var(--font-mono);color:var(--color-text);letter-spacing:-.02em}.uf-controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.uf-control-btn{padding:13px 26px;border:0;border-radius:999px;cursor:pointer;font-weight:800;font-size:var(--font-size-base);color:#fff;transition:all .15s ease;box-shadow:0 4px 12px #0000001f}.uf-control-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000002e;filter:brightness(1.06)}.uf-control-btn:active{transform:translateY(0)}.uf-control-btn--start{background:linear-gradient(135deg,#45dfb0,#2bb98a);padding:13px 40px}.uf-control-btn--pause{background:linear-gradient(135deg,#f59e0b,#d97706)}.uf-control-btn--skip{background:linear-gradient(135deg,#3baadd,#2580ad)}.uf-control-btn--reset{background:linear-gradient(135deg,#94a3b8,#64748b)}.uf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin-bottom:var(--space-md)}.uf-stat{padding:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--border-radius);text-align:center}.uf-stat__num{display:block;font-size:28px;font-weight:800;color:var(--color-primary-dark);font-family:var(--font-mono)}.uf-stat__lbl{display:block;font-size:11px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-top:4px}.uf-settings{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--border-radius);margin-bottom:var(--space-lg)}.uf-setting{display:flex;align-items:center;gap:8px;font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer}.uf-setting input{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.seo-content{margin-top:var(--space-lg)}.seo-card{background:var(--color-bg-card);border-radius:var(--border-radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light)}.seo-card h2{font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--space-md)}.seo-card h3{font-size:var(--font-size-lg);margin-top:var(--space-lg);color:var(--color-primary-dark)}:global([data-theme=dark]) .seo-card h3{color:var(--color-primary)}.seo-card p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-sm)}.seo-card ul{color:var(--color-text-secondary);line-height:1.8;padding-left:1.25rem}.seo-card li{margin-bottom:var(--space-xs)}.seo-card a{color:var(--color-primary-dark);text-decoration:underline}.faq-section{margin-top:var(--space-lg)}.faq-section__title{font-size:var(--font-size-xl);margin-bottom:var(--space-lg)}.faq-list{display:flex;flex-direction:column;gap:.5rem}.faq-item{background:var(--color-bg-card);border-radius:var(--border-radius);border:1px solid var(--color-border-light);overflow:hidden;transition:all var(--transition-normal)}.faq-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;cursor:pointer;list-style:none;font-weight:600;color:var(--color-text);font-size:var(--font-size-base)}.faq-item summary::-webkit-details-marker{display:none}.faq-item__icon{flex-shrink:0;color:var(--color-text-muted);transition:transform var(--transition-fast)}.faq-item[open] .faq-item__icon{transform:rotate(180deg)}.faq-item__answer{padding:0 1.25rem 1rem}.faq-item__answer p{color:var(--color-text-secondary);line-height:1.6}.faq-item__answer a{color:var(--color-primary-dark);text-decoration:underline}:global([data-theme=dark]) .uf-mode-btn,:global([data-theme=dark]) .uf-custom,:global([data-theme=dark]) .uf-stat,:global([data-theme=dark]) .uf-settings{background:var(--color-bg-card);border-color:#ffffff14}:global([data-theme=dark]) .uf-mode-btn__desc{color:#94a3b8}:global([data-theme=dark]) .uf-custom input{background:#ffffff0a;color:#f1f5f9;border-color:#ffffff1a}:global([data-theme=dark]) .uf-custom label{color:#f1f5f9}:global([data-theme=dark]) .uf-stat__num{color:var(--color-primary)}:global([data-theme=dark]) .uf-stat__lbl,:global([data-theme=dark]) .uf-setting{color:#cbd5e1}:global([data-theme=dark]) .uf-ring__bg{stroke:#ffffff14}:global([data-theme=dark]) .uf-phase-label{color:var(--color-primary)}:global([data-theme=dark]) .uf-break .uf-phase-label{color:#7dd3fc}:global([data-theme=dark]) .uf-break .uf-ring__fill{stroke:#7dd3fc}:global([data-theme=dark]) .uf-time{color:#f1f5f9}:global([data-theme=dark]) .uf-control-btn{box-shadow:0 4px 12px #0006}@media(max-width:600px){.uf-clock-display{width:220px;height:220px}.uf-time{font-size:48px}.uf-timer-card{padding:var(--space-lg) var(--space-md)}.uf-stats{grid-template-columns:repeat(3,1fr);gap:6px}.uf-stat{padding:var(--space-sm) 4px}.uf-stat__num{font-size:20px}.uf-stat__lbl{font-size:9px}.uf-modes{grid-template-columns:repeat(2,1fr)}.uf-mode-btn{padding:var(--space-md) var(--space-sm)}.uf-mode-btn__big{font-size:var(--font-size-xl)}.uf-mode-btn__emoji{font-size:24px}.uf-control-btn{padding:11px 18px;font-size:var(--font-size-sm)}.uf-control-btn--start{padding:11px 26px}.uf-settings{gap:var(--space-sm)}.uf-setting{font-size:var(--font-size-xs)}}@media(max-width:380px){.uf-modes{grid-template-columns:1fr 1fr}.uf-mode-btn__desc{font-size:10px}.uf-control-btn{padding:10px 14px}.uf-control-btn--start{padding:10px 20px}}