.tb-presets button{padding:0 6px}.tb-presets.is-locked{opacity:.55}.tb-panel{gap:10px;display:grid}.tb-screen{flex-direction:column;height:288px;padding:10px 14px 14px;transition:background-color .25s,color .25s;display:flex;container-type:inline-size}@media (width>=1024px){.tb-screen{height:430px;padding:18px 28px 22px}}.tb-screen--work{background:var(--accent);color:var(--ink)}.tb-screen--rest,.tb-screen--setRest{background:var(--bg);color:var(--ink)}.tb-screen--cool{background:var(--screen-line-2)}.tb-top{align-items:center;gap:12px;min-height:40px;display:flex}.tb-phase{font-size:22px;font-weight:700}.tb-round{font-variant-numeric:tabular-nums;opacity:.8;margin-inline-start:auto;font-size:15px}@media (width>=1024px){.tb-phase{font-size:30px}.tb-round{font-size:17px}}.tb-fs{border-radius:var(--radius-sm);width:40px;height:40px;color:inherit;opacity:.6;cursor:pointer;background:0 0;border:1px solid;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.tb-fs:hover{opacity:1}.tb-fs svg{width:18px;height:18px}.tb-time{text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.035em;white-space:nowrap;direction:ltr;margin:auto 0;font-size:clamp(80px,29cqi,250px);font-weight:200;font-stretch:125%;line-height:1}.tb-screen--work .tb-time,.tb-screen--rest .tb-time,.tb-screen--setRest .tb-time{font-weight:300}.tb-bar{background:var(--screen-line);direction:ltr;border-radius:2px;height:8px;overflow:hidden}.tb-bar div{background:var(--trace);transform-origin:0;height:100%}.tb-screen--work .tb-bar{background:#15151533}.tb-screen--work .tb-bar div,.tb-screen--rest .tb-bar div,.tb-screen--setRest .tb-bar div{background:var(--ink)}.tb-screen--rest .tb-bar,.tb-screen--setRest .tb-bar{background:var(--line)}.tb-foot{font-variant-numeric:tabular-nums;opacity:.8;justify-content:space-between;gap:12px;margin-top:10px;font-size:14px;display:flex}@media (width>=1024px){.tb-bar{height:12px}.tb-foot{font-size:16px}}.tb-screen:fullscreen{border-radius:0;width:100%;height:100%;padding:3vh 4vw 5vh}.tb-screen:fullscreen .tb-time{font-size:min(30vw,56vh)}.tb-screen:fullscreen .tb-phase{font-size:40px}.tb-screen:fullscreen .tb-foot{font-size:20px}.tb-screen:-webkit-full-screen{border-radius:0;width:100%;height:100%;padding:3vh 4vw 5vh}.tb-screen:-webkit-full-screen .tb-time{font-size:min(30vw,56vh)}.tb-icon{width:100%;min-height:56px}.tb-rows{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tb-rows.is-locked{opacity:.55}.tb-row{justify-content:space-between;align-items:center;gap:12px;min-height:56px;display:flex}.tb-row+.tb-row{border-top:1px solid var(--line-2)}.tb-row>span{font-size:16px}.tb-step{border:1px solid var(--input);border-radius:var(--radius);background:var(--panel);grid-template-columns:44px 84px 44px;height:44px;display:grid;overflow:hidden}.tb-step button{color:var(--ink);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.tb-step button:hover{background:var(--bg)}.tb-step button:disabled{opacity:.35;cursor:default;background:0 0}.tb-step button svg{width:18px;height:18px}.tb-step output{border-inline:1px solid var(--line-2);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:16px;display:flex}.tb-save{gap:8px;display:flex}.tb-save .input{flex:1;min-width:0;min-height:44px}.tb-save .btn{min-height:44px}.tb-saved{flex-wrap:wrap;gap:8px;display:flex}.tb-chip{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);align-items:stretch;display:inline-flex;overflow:hidden}.tb-chip button{min-height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;padding:0 10px;font-size:15px;display:flex}.tb-chip button:first-child{font-weight:600}.tb-chip button+button{border-inline-start:1px solid var(--line-2);color:var(--muted);padding:0 8px}.tb-chip button:hover{background:var(--bg)}.tb-chip svg{width:14px;height:14px}