.focus-mode #app>:not(#stage):not(.focus-ui):not(#sheetBackdrop){display:none!important}
.focus-mode #app{padding-right:0!important}.focus-mode #stage{margin:0;height:100%;flex:1}.focus-mode #stage>:not(#scene){display:none!important}
.focus-ui{position:absolute;inset:0;z-index:12;pointer-events:none;color:#334e43;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}
.focus-header{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:14px;right:14px;display:flex;gap:10px;align-items:center}
.focus-header>button{pointer-events:auto;min-height:44px;min-width:44px;border:1px solid #e2ebe3;border-radius:999px;background:#ffffffed;display:grid;place-items:center;color:#46664f;padding:8px 11px;box-shadow:0 2px 8px #2343330a}
.focus-header svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.focus-header>div{flex:1;min-width:0}.focus-header b{font-size:16px;display:block}.focus-header small{font-size:11px;display:block;color:#66806f;margin-top:4px}
.focus-header .focus-calm{font-size:11px;white-space:nowrap}.focus-header .focus-calm[aria-checked=true]{background:#e3efe7}
.focus-dock{pointer-events:auto;position:absolute;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(320px,calc(100% - 30px));max-height:calc(100% - 100px);overflow:auto;padding:13px 17px 11px;border-radius:24px;background:#ffffffed;box-shadow:0 8px 28px #2d4f3820;border:1px solid #ffffff;box-sizing:border-box;text-align:center}
.focus-status{font-size:12px;color:#607a69;margin:0 0 6px;line-height:1.6}.focus-time{display:flex;align-items:baseline;justify-content:center;gap:10px}.focus-time b{font-size:43px;line-height:1.1;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:1px}.focus-time>span{font-size:12px;color:#647f6c}
.focus-track{height:3px;overflow:hidden;background:#e5ede7;border-radius:9px;margin:11px 0}.focus-track i{display:block;width:100%;height:100%;background:#76a286;transform-origin:left;transform:scaleX(0)}
.focus-presets{display:flex;gap:6px;margin:0 0 10px}.focus-presets button{flex:1;min-height:40px;font-size:12px;border:1px solid #dce7df;border-radius:999px;background:#f6faf6;color:#56735e}.focus-presets button[aria-pressed=true]{background:#dfede3;border-color:#b6ccbc;color:#385b43}
.focus-buttons{display:flex;gap:8px}.focus-buttons button{flex:1;min-height:44px;border:1px solid #d4e2d8;border-radius:999px;background:#f4f8f4;color:#4c6d56;font-size:14px;padding:8px}.focus-buttons .focus-primary{background:#476e54;border-color:#476e54;color:white}
.focus-today{font-size:11px;color:#617b69;line-height:1.5;margin:9px 0 0}.focus-hint{font-size:10px;color:#718679;line-height:1.5;margin:4px 0 0}.focus-error{font-size:11px;color:#815d48;line-height:1.6;margin-top:8px}
.focus-ui button:active{transform:translateY(1px);filter:brightness(.97)}.focus-ui button:focus-visible{outline:3px solid #82ab8b;outline-offset:2px}
.focus-card-icon{height:44px;width:44px;display:grid;place-items:center;border-radius:15px;background:#e6efe8;color:#517b5d;flex:none}.focus-card-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media(max-height:620px){.focus-dock{padding:10px 14px}.focus-time b{font-size:34px}.focus-status{margin-bottom:3px}.focus-track{margin:8px 0}.focus-presets{margin-bottom:8px}.focus-today{margin-top:6px}}
@media(orientation:landscape) and (max-height:560px){.focus-header{right:14px;left:14px}.focus-header>div{flex:initial}.focus-header .focus-calm{margin-left:auto}.focus-dock{left:auto;right:16px;bottom:14px;transform:none;width:250px;max-height:calc(100% - 80px)}.focus-time b{font-size:30px}.focus-header small{display:none}.focus-status{font-size:11px}.focus-hint{display:none}}
@media(max-width:360px){.focus-header{gap:7px;left:10px;right:10px}.focus-header b{font-size:14px}.focus-header small{font-size:10px}.focus-header .focus-calm{padding:7px;font-size:10px}}