:root{--surface-color: #fff;--border-subtle: rgba(15, 23, 42, .12);--text-color: #0f172a;--page-background: #f8fafc;--accent-color: #8b5cf6;--text-muted: #64748b;--surface-radius: .75rem}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;width:100%;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--page-background);color:var(--text-color)}h1,h2,h3,h4,h5,h6,p{margin:0}.card{background:var(--surface-color);border:1px solid var(--border-subtle);border-radius:var(--surface-radius);padding:1rem}.card--spacious{padding:1.25rem}.stack-sm{display:flex;flex-direction:column;gap:.5rem}.stack-md{display:flex;flex-direction:column;gap:.75rem}.stack-lg{display:flex;flex-direction:column;gap:1rem}.text-muted{color:var(--text-muted)}.surface{background:var(--surface-color);border:1px solid var(--border-subtle);border-radius:var(--surface-radius)}.auto-grid{display:grid;grid-gap:var(--grid-gap, 1rem);gap:var(--grid-gap, 1rem);grid-template-columns:repeat(auto-fit,minmax(var(--grid-min, 16rem),1fr))}.items-center{align-items:center}.justify-between{justify-content:space-between}.cluster{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.cluster--center{justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(15,23,42,.2);border-radius:.75rem;background:#fff;color:var(--text-color);font-weight:600;padding:.6rem 1rem;cursor:pointer;min-height:44px;text-decoration:none}.btn--icon{padding:.5rem;width:52px}.btn--primary{background:var(--accent-color);border-color:var(--accent-color);color:#fff;box-shadow:0 6px 16px #8b5cf640}.btn--danger{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.btn:disabled{opacity:.6;cursor:not-allowed}.config-card--modern{background:#ffffff;border-radius:1rem;padding:1.75rem;box-shadow:0 20px 45px #0f172a14;display:flex;flex-direction:column;gap:1.5rem;width:100%;min-height:100%;height:100%}.config-card__favorite{border:none;background:transparent;padding:.35rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#cbd5f5;transition:color .2s ease,background-color .2s ease,transform .2s ease}.config-card__favorite svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.5;fill:transparent}.config-card__favorite:hover{color:#fbbf24;background:rgba(251,191,36,.12)}.config-card__favorite--active{color:#f59e0b}.config-card__favorite--active svg{fill:currentColor}.config-card__workrest{display:flex;flex-direction:column;gap:1rem}.config-stat{border-radius:.9rem;border:1px solid transparent;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;flex:1;min-height:140px;text-align:center}.config-stat__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%}.config-stat__icon svg{width:24px;height:24px;fill:currentColor}.config-stat__icon img{width:24px;height:24px}.config-stat__body{display:flex;flex-direction:column;align-items:center;gap:.1rem}.config-stat__label{font-size:.85rem;color:#475569}.config-stat__value{font-size:1.75rem;font-weight:700}.config-stat--work{background:#ecfdf5;border-color:#bbf7d0;color:#22c55e}.config-stat__value--work{color:#16a34a}.config-stat--rest{background:#fff7ed;border-color:#fed7aa;color:#f97316}.config-stat__value--rest{color:#ea580c}.config-card__custom-sequence{padding:1.15rem;border-radius:.9rem;background:#f5f3ff;border:1px solid #ddd6fe;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;text-align:center}.config-card__custom-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(124,58,237,.12);color:#7c3aed}.config-card__custom-icon svg{width:24px;height:24px;fill:currentColor}.config-card__custom-label{font-size:.9rem;font-weight:600;color:#7c3aed}.config-card__custom-count{font-size:1.75rem;font-weight:700;color:#6d28d9}.config-card__meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.config-pill{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600}.config-pill--blue{background:#dbeafe;color:#2563eb}.config-pill--purple{background:#ede9fe;color:#6d28d9}.config-pill--gray{background:#e2e8f0;color:#334155}.config-card__footer{display:flex;gap:1rem;align-items:center;margin-top:1rem}.config-card__start{display:inline-flex;align-items:center;justify-content:center;flex:1;gap:.5rem;border:none;border-radius:.9rem;padding:.85rem 1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);cursor:pointer;transition:opacity .2s ease}.config-card__start:hover{opacity:.9}.config-card__start:focus-visible{outline:3px solid rgba(59,130,246,.55);outline-offset:3px}.config-card__icon-actions{display:inline-flex;gap:.5rem}.config-card__icon-btn{width:48px;height:48px;border-radius:.9rem;border-color:#94a3b866;background:#ffffff;display:inline-flex;align-items:center;justify-content:center;padding:0}.config-card__icon-btn svg{width:22px;height:22px;fill:none;stroke:#1f2937;stroke-width:1.6}.config-card__icon-btn:hover{background:#f1f5f9}.config-card__icon-btn:focus-visible{outline:3px solid rgba(59,130,246,.55);outline-offset:2px}@media (min-width: 640px){.config-card__workrest{flex-direction:row}.config-stat{min-height:auto}}.focus-ring:focus-visible{outline:2px solid var(--accent-color, #8b5cf6);outline-offset:2px}.list-reset{margin:0;padding:0;list-style:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden}.config-card__head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.config-card__title h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.config-card__subtitle{margin:.35rem 0 0;font-size:.95rem;color:#0f172a99}.timer-queue{display:flex;flex-direction:column;gap:1rem;background:#ffffff;border-radius:1.25rem;padding:1.5rem;box-shadow:0 20px 40px -20px #0f172a40}.timer-queue__header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.timer-queue__title{margin:0;font-size:1.1rem;font-weight:700;color:#0f172a}.timer-queue__count{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:.25rem .75rem;border-radius:999px;background:#e2e8f0;color:#475569;font-weight:600}.timer-queue__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.75rem}.queue-card{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;border-radius:1rem;background:#f8fafc;border-left:4px solid transparent;transition:border-color .3s ease,transform .2s ease,background-color .3s ease}.queue-card--alt{background:#edf2f7}.queue-card--highlight{transform:translate(4px);background:#ffffff;box-shadow:0 12px 28px -18px #0f172a40}.queue-card--highlight-work{border-color:#22c55e}.queue-card--highlight-rest{border-color:#f97316}.queue-card--highlight-warmup,.queue-card--highlight-cooldown{border-color:#3b82f6}.queue-card__label{font-weight:600;color:#111827}.queue-card__duration{font-weight:600;color:#475569}.timer-queue__empty{margin:0;font-size:.95rem;color:#64748b;text-align:center;padding:1rem;background:#f1f5f9;border-radius:.75rem}@media (min-width: 1024px){.timer-page .timer-queue{max-height:inherit;overflow:hidden}.timer-page .timer-queue__list{flex:1;min-height:0;overflow-y:auto}}