.offwork{box-sizing:border-box;container-type:inline-size;width:100%;min-height:222px;padding:12px;color:#171717;background:silver;font-family:var(--font-mono, monospace)}.window-body .offwork{height:100%;display:flex;flex-direction:column;justify-content:center}.offwork__label{margin:0 0 7px;font-size:13px;font-weight:600}.offwork__display{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:82px;margin-bottom:12px;padding:8px;overflow:hidden;background:#e9e9e9;box-shadow:inset 2px 2px #777,inset -2px -2px #fff}.offwork__digits{display:block;min-width:0;font-size:clamp(26px,10cqw,42px);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:1px;line-height:1.15;white-space:nowrap}.offwork__digits--done{font-size:clamp(16px,5cqw,21px);line-height:1.25;text-align:center;white-space:normal;overflow-wrap:anywhere}.offwork__setting{display:flex;align-items:center;justify-content:center;gap:9px;min-height:30px;margin-bottom:11px;font-size:13px}.offwork__setting input{box-sizing:border-box;width:100px;min-width:0;height:27px;padding:2px 4px;font-size:13px}.offwork__themes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.offwork__themes button{box-sizing:border-box;min-width:0;min-height:27px;padding:0 2px;overflow:hidden;white-space:nowrap;font-size:12px}.offwork__themes button[aria-pressed=true]{font-weight:700;outline:1px dotted currentColor;outline-offset:-4px}.offwork--terminal{color:#171717;background:silver}.offwork--terminal .offwork__display{color:#64ff93;background:repeating-linear-gradient(0deg,#07140e 0 3px,#0b1c13 3px 4px);box-shadow:inset 3px 3px #555,inset -3px -3px #f5f5f5,0 0 0 2px #777;text-shadow:0 0 8px #2fcf64}.offwork--terminal .offwork__setting input{color:#102015;background:#eafff0}.offwork--terminal .offwork__themes button{color:#171717;background:silver}.offwork--terminal .offwork__themes button[aria-pressed=true]{color:#b9ffcf;background:#233b2b}.offwork--classic .offwork__display{color:#090980;background:#fffced;box-shadow:inset 2px 2px #767676,inset -2px -2px #fff}.offwork--classic .offwork__digits{font-family:"Pixelated MS Sans Serif",var(--font-mono, monospace)}.offwork--classic .offwork__digits--done{font-size:clamp(16px,5cqw,21px)}.offwork--classic .offwork__themes button[aria-pressed=true]{color:#fff;background:navy;text-shadow:none}.offwork--sunset{background:#ddd1d2}.offwork--sunset .offwork__display{justify-content:space-between;gap:4px;padding-right:0;color:#1c1c2b;background:#f8eeee}.offwork--sunset .offwork__digits{font-size:clamp(24px,8cqw,36px)}.offwork--sunset .offwork__digits--done{font-size:clamp(15px,4.5cqw,19px)}.offwork__sunset{display:block;align-self:stretch;width:28%;min-width:58px;max-width:110px;margin:-8px 0;object-fit:cover;object-position:center;image-rendering:pixelated}.offwork--sunset .offwork__themes button[aria-pressed=true]{background:#f3a47e}@container (max-width: 260px){.offwork__display{min-height:70px}.offwork__setting{flex-wrap:wrap;gap:3px 8px}.offwork__themes button{font-size:11px}}.tool-frame-body .offwork{display:flex;flex-direction:column;justify-content:center;max-width:none;min-height:320px;padding:clamp(18px,3vw,30px)}.tool-frame-body .offwork__label{font-size:clamp(14px,1.6vw,19px);margin-bottom:12px}.tool-frame-body .offwork__display{min-height:clamp(96px,11vw,144px);margin-bottom:18px}.tool-frame-body .offwork__digits{font-size:clamp(32px,9.5cqw,78px)}.tool-frame-body .offwork__digits--done{font-size:clamp(19px,4.5cqw,38px)}.tool-frame-body .offwork__setting{font-size:clamp(13px,1.4vw,17px)}@media (min-width: 680px){.tool-frame-body .offwork--sunset .offwork__display{min-height:190px;background:#ddd1d2;box-shadow:none}.tool-frame-body .offwork--sunset .offwork__digits{font-family:Arial,sans-serif;font-size:clamp(36px,7.5cqw,70px)}.tool-frame-body .offwork--sunset .offwork__setting{justify-content:flex-start}.tool-frame-body .offwork--sunset .offwork__sunset{width:41%;max-width:none;margin:-8px 0}}.offwork{display:flex;flex-direction:column;gap:9px}.window-body .offwork{min-height:0}.offwork__scene{position:relative;display:flex;flex:1;min-height:0;overflow:hidden}.offwork__content{box-sizing:border-box;display:flex;flex-direction:column;width:100%;min-width:0}.offwork__label{flex:none;margin:0 0 9px;font-size:clamp(14px,2.2cqw,21px)}.offwork__display{flex:1;min-height:0;margin:0}.offwork__digits{font-size:clamp(32px,10.5cqw,80px)}.offwork__digits--done{font-size:clamp(17px,4.8cqw,38px)}.offwork__setting{flex:none;min-height:35px;margin:9px 0 0;font-size:clamp(13px,1.9cqw,19px)}.offwork__themes{flex:none}.offwork--terminal .offwork__display{color:#54ff91;background:repeating-linear-gradient(0deg,#06130e 0 3px,#0b2118 3px 4px);box-shadow:inset 3px 3px #525b55,inset -3px -3px #fff,0 0 0 2px #797979;text-shadow:0 0 8px #20d96b}.offwork--terminal .offwork__digits{font-family:Courier New,monospace;font-size:clamp(32px,15cqw,130px);letter-spacing:-.065em}.offwork--terminal .offwork__digits--done{font-size:clamp(17px,4.8cqw,38px);letter-spacing:0}.offwork--classic .offwork__display{color:#080880;background:#fffbed}.offwork--classic .offwork__digits{font-family:Courier New,monospace;font-size:clamp(32px,14cqw,115px);font-weight:900}.offwork--classic .offwork__digits--done{font-size:clamp(20px,5.8cqw,42px)}.offwork__meter{box-sizing:border-box;display:grid;flex:none;grid-template-columns:repeat(20,minmax(0,1fr));gap:2px;height:25px;margin-top:9px;padding:4px;background:silver;box-shadow:inset 2px 2px #777,inset -2px -2px #fff}.offwork__meter span{background:#a9adb2;box-shadow:inset -1px -1px #e8e8e8}.offwork__meter .offwork__meter-segment--filled{background:#080880;box-shadow:inset -1px -1px #5757aa}.offwork--sunset .offwork__content{z-index:1;width:58%;padding:11px 8px 6px 0}.offwork--sunset .offwork__label{margin-top:8px}.offwork--sunset .offwork__display{flex:1;justify-content:flex-start;padding:0;background:transparent;box-shadow:none}.offwork--sunset .offwork__digits{font-family:Arial,sans-serif;font-size:clamp(25px,10cqw,96px);letter-spacing:-.045em}.offwork--sunset .offwork__digits--done{font-size:clamp(17px,4.5cqw,38px);letter-spacing:0}.offwork--sunset .offwork__setting{justify-content:flex-start;gap:7px;margin-top:4px}.offwork--sunset .offwork__setting input{width:99px}.offwork__art{display:block;width:42%;height:100%;object-fit:cover;object-position:45% center;image-rendering:pixelated}.tool-frame-body .offwork{min-height:380px;padding:clamp(18px,3vw,30px);gap:14px}.tool-frame-body .offwork__label{margin-bottom:16px}.tool-frame-body .offwork__display{min-height:0;margin:0}.tool-frame-body .offwork__setting{min-height:45px;margin-top:16px}.tool-frame-body .offwork__meter{height:39px;margin-top:14px;padding:5px;gap:3px}.tool-frame-body .offwork--sunset .offwork__content{padding:22px 16px 12px 0}.tool-frame-body .offwork--sunset .offwork__display{min-height:0;background:transparent;box-shadow:none}.tool-frame-body .offwork--sunset .offwork__digits{font-family:Arial,sans-serif;font-size:clamp(36px,10cqw,96px)}.tool-frame-body .offwork--sunset .offwork__digits--done{font-size:clamp(19px,4.5cqw,38px)}@container (max-width:400px){.offwork--sunset .offwork__label{font-size:14px}.offwork--sunset .offwork__setting{flex-wrap:wrap;gap:2px 7px;font-size:12px}.offwork--sunset .offwork__setting input{width:92px;height:25px;font-size:12px}}@container (max-width:260px){.offwork--sunset .offwork__content{width:66%}.offwork__art{width:34%}}