/* Quiet glass typography, with the pet rendered clearly in the layer above. */
#fufu-focus-scene{position:fixed;inset:0;z-index:1;pointer-events:none;user-select:none;-webkit-user-select:none;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",sans-serif;animation:fufu-focus-arrive .7s cubic-bezier(.2,.7,.2,1)}
#fufu-focus-scene[hidden],#fufu-focus-controls[hidden]{display:none!important}
#fufu-focus-clock{position:absolute;top:10%;left:50%;transform:translateX(-50%);font-size:clamp(72px,15vw,128px);font-weight:200;line-height:1.04;letter-spacing:-.058em;font-variant-numeric:tabular-nums;white-space:nowrap;color:#e9fffb;background:linear-gradient(165deg,rgba(255,255,255,.96) 3%,rgba(240,255,253,.45) 36%,rgba(185,225,222,.5) 55%,rgba(255,255,255,.89) 76%,rgba(207,240,235,.6));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.65px rgba(255,255,255,.7);filter:drop-shadow(0 1px 1px rgba(51,99,98,.29)) drop-shadow(0 5px 18px rgba(55,108,110,.12));transition:opacity .45s;text-align:center}
#fufu-focus-clock:after{content:attr(data-time);position:absolute;inset:0;background:linear-gradient(176deg,rgba(255,255,255,.65),transparent 30%,transparent 65%,rgba(240,255,254,.22));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.25px rgba(255,255,255,.32);pointer-events:none}
#fufu-focus-scene[data-status=paused] #fufu-focus-clock{opacity:.58}
#fufu-focus-task{position:absolute;top:82%;left:50%;transform:translateX(-50%);width:min(400px,calc(100% - 48px));margin:0;text-align:center;font-size:12px;font-weight:400;letter-spacing:.07em;line-height:1.65;color:#405f61;text-shadow:0 1px 1px rgba(255,255,255,.92),0 0 12px rgba(246,255,253,.7);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
#fufu-focus-controls{position:fixed;left:50%;bottom:max(22px,calc(env(safe-area-inset-bottom,0px) + 16px));transform:translate(-50%,5px);z-index:21000;display:flex;align-items:center;justify-content:center;gap:10px;opacity:0;pointer-events:none;transition:opacity .26s,transform .38s cubic-bezier(.2,.7,.2,1);-webkit-app-region:no-drag}
#fufu-focus-controls[data-revealed=true],#fufu-focus-controls[data-keyboard=true]:focus-within{opacity:1;transform:translate(-50%,0);pointer-events:auto}
#fufu-focus-controls button{appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:center;gap:7px;min-width:82px;height:37px;padding:0 16px;border:1px solid rgba(255,255,255,.64);border-bottom-color:rgba(122,173,169,.24);border-radius:22px;color:#3d6264;font:400 11px/1.2 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;letter-spacing:.09em;background:linear-gradient(140deg,rgba(255,255,255,.56),rgba(224,249,242,.25));backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);box-shadow:inset 0 1px 1px rgba(255,255,255,.82),inset 0 -1px 2px rgba(107,159,151,.09),0 5px 15px rgba(53,96,94,.09);cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s;touch-action:manipulation}
#fufu-focus-controls button:hover{background:linear-gradient(140deg,rgba(255,255,255,.8),rgba(225,252,244,.45));box-shadow:inset 0 1px 1px #fff,0 5px 16px rgba(53,96,94,.14)}
#fufu-focus-controls button:active{transform:scale(.95)}
#fufu-focus-controls button:focus-visible{outline:2px solid #719e9f;outline-offset:4px}
#fufu-focus-controls svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
/* Web and hosted app: fuller glass digits, bounded by width and available height. */
.fufu-focus-web #fufu-focus-clock{top:6%;font-size:min(clamp(88px,25vw,192px),21vh);font-weight:500;letter-spacing:-.055em}
.fufu-focus-desktop #fufu-focus-clock{top:12px;font-size:clamp(48px,20vw,82px)}
.fufu-focus-desktop #fufu-focus-task{top:84%;width:calc(100% - 32px);font-size:11px;line-height:1.4;white-space:nowrap;display:block;text-overflow:ellipsis}
.fufu-focus-desktop #fufu-focus-controls{bottom:10px;gap:8px}
.fufu-focus-desktop #fufu-focus-controls button{min-width:72px;height:31px;padding:0 12px;font-size:10px;gap:6px}
.fufu-focus-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@keyframes fufu-focus-arrive{from{opacity:0}to{opacity:1}}
@media(max-height:450px){.fufu-focus-web #fufu-focus-clock{top:4%;font-size:min(25vw,21vh)}.fufu-focus-web #fufu-focus-task{top:78%;font-size:10px}.fufu-focus-web #fufu-focus-controls{bottom:10px}.fufu-focus-web #fufu-focus-controls button{height:30px}}
@media(prefers-reduced-motion:reduce){#fufu-focus-scene,#fufu-focus-controls,#fufu-focus-clock,#fufu-focus-controls button{animation:none;transition:none}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){#fufu-focus-clock{background:none;-webkit-text-fill-color:#f3fffc;-webkit-text-stroke:1px #6b9795;filter:drop-shadow(0 1px 1px #365d5e)}#fufu-focus-clock:after{display:none}#fufu-focus-controls button{background:#e6f4ef;color:#294e50;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:#8cafaa}#fufu-focus-task{color:#24484b;text-shadow:0 0 3px #fff,0 0 8px #fff}}