@layer base,components,variants;@layer components{.pqp-dock{display:flex;align-items:flex-start;justify-content:center;gap:1rem;width:100%;max-width:760px;margin:0 auto;padding:0 4px;box-sizing:border-box;opacity:1;transform:translateY(0);transition:opacity .4s var(--tk-ease),transform .4s var(--tk-ease)}.timer-page--pomodoro-compact .pqp-dock{margin-top:.5rem}.pqp-dock--collapsed{opacity:0;transform:translateY(8px);pointer-events:none}.pqp-box{flex:1 1 0;min-width:0;max-width:180px;padding:12px 12px 10px;border-radius:var(--tk-radius-lg);border:.5px solid var(--tk-border-subtle, var(--tk-border));background:var(--timer-card-bg, var(--tk-surface));color:var(--tk-text);animation:pqp-box-in .45s cubic-bezier(.22,1,.36,1) both}.pqp-box__well{display:grid;grid-template-columns:40px 52px 40px;align-items:stretch;justify-content:center;height:48px;overflow:hidden;border-radius:calc(var(--tk-radius) - 2px);border:.5px solid var(--tk-border, var(--tk-border-subtle));background:color-mix(in srgb,var(--tk-surface-raised) 76%,transparent);box-shadow:inset 0 2px 10px #0000001f}.pqp-box__btn{appearance:none;border:0;width:40px;height:48px;display:grid;place-items:center;font-size:1.1rem;font-weight:600;line-height:1;color:var(--tk-text-secondary);background:transparent;transition:background-color .18s var(--tk-ease),transform .12s var(--tk-ease),color .18s var(--tk-ease);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.pqp-box__btn:hover:not(:disabled){background:color-mix(in srgb,var(--tk-accent) 10%,transparent);color:var(--tk-text)}.pqp-box__btn:active:not(:disabled){transform:scale(.85)}.pqp-box__btn:disabled{opacity:.35;cursor:not-allowed}.pqp-box__btn:first-child{border-right:.5px solid var(--tk-border, var(--tk-border-subtle))}.pqp-box__btn:last-child{border-left:.5px solid var(--tk-border, var(--tk-border-subtle))}.pqp-box__digit{width:52px;height:48px;display:grid;place-items:center;border-left:.5px solid var(--tk-border, var(--tk-border-subtle));border-right:.5px solid var(--tk-border, var(--tk-border-subtle));font-family:"Space Mono",var(--tk-font-mono);font-size:20px;font-weight:700;line-height:1;color:var(--tk-text)}.pqp-box__digit--pop-up{animation:pqp-pop-up .28s cubic-bezier(.22,1,.36,1)}.pqp-box__digit--pop-down{animation:pqp-pop-down .28s cubic-bezier(.22,1,.36,1)}.pqp-box__label{display:block;margin-top:10px;text-align:center;font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--tk-text-secondary)}.pqp-summary{margin:.5rem auto 0;padding:.5rem .8rem;border-radius:calc(var(--tk-radius) - 2px);border:.5px solid var(--tk-border, var(--tk-border-subtle));background:color-mix(in srgb,var(--tk-surface) 90%,transparent);color:var(--tk-text-secondary);font-family:"Space Mono",var(--tk-font-mono);font-size:.875rem;font-weight:500;opacity:0;transform:translateY(-6px)}.pqp-summary--visible{animation:pqp-summary-in .35s ease-out both}[data-fullscreen] .pqp-dock,[data-fullscreen] .pqp-summary,[data-mobile-focus] .pqp-dock,[data-mobile-focus] .pqp-summary,[data-desktop-focus] .pqp-dock,[data-desktop-focus] .pqp-summary{display:none}@keyframes pqp-box-in{0%{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pqp-pop-up{0%{opacity:0;transform:translateY(60%)}to{opacity:1;transform:translateY(0)}}@keyframes pqp-pop-down{0%{opacity:0;transform:translateY(-60%)}to{opacity:1;transform:translateY(0)}}@keyframes pqp-summary-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.pqp-dock{gap:8px}.pqp-box{padding:8px 6px 6px}.pqp-box__well{grid-template-columns:32px 40px 32px;height:42px}.pqp-box__btn{width:32px;height:42px;font-size:1rem}.pqp-box__digit{width:40px;height:42px;font-size:16px}.pqp-box__label{margin-top:7px;font-size:11px}}@media(max-width:360px){.pqp-dock{gap:6px}.pqp-box{padding:6px 4px 5px}.pqp-box__well{grid-template-columns:28px 36px 28px;height:38px}.pqp-box__btn{width:28px;height:38px;font-size:.9rem}.pqp-box__digit{width:36px;height:38px;font-size:15px}.pqp-box__label{margin-top:6px;font-size:10px}}}