body.focus-immersive[data-focus-ocean]{--focus-control-surface:rgba(239,250,255,.86);--focus-base:#DFF6FB;--focus-ink:#103449;--focus-sub:#244B60;--focus-line:#173D5459;--focus-badge:#FFFFFF70;--focus-note:#FFFFFF70;--focus-button:#123E56;--focus-button-ink:#F4FBFF;--focus-scrim:rgba(240,251,255,.12);--focus-image:url('./assets/kona-focus-ocean-morning.png');background:var(--focus-base)!important;color:var(--focus-ink)}
body.focus-immersive[data-focus-ocean="afternoon"]{--focus-base:#F3DEE4;--focus-image:url('./assets/kona-focus-ocean-afternoon.png');--focus-scrim:rgba(255,244,240,.15)}
body.focus-immersive[data-focus-ocean="night"]{--focus-control-surface:rgba(4,19,46,.86);--focus-base:#04132E;--focus-ink:#EFF7FF;--focus-sub:#C5D9F0;--focus-line:#C4DDF355;--focus-badge:#BCD9F21A;--focus-note:#B7D3F01A;--focus-button:#EFF7FF;--focus-button-ink:#123450;--focus-scrim:rgba(2,12,32,.18);--focus-image:url('./assets/kona-focus-ocean-night.png')}
body.focus-immersive[data-focus-ocean] .app{background:linear-gradient(var(--focus-scrim),var(--focus-scrim)),var(--focus-image) center/cover no-repeat,var(--focus-base)!important;color:var(--focus-ink)}
body.focus-immersive[data-focus-ocean] .pagehead{background:transparent!important}
body.focus-immersive[data-focus-ocean] .pagehead #brandName,body.focus-immersive[data-focus-ocean] #page-focus #focusSessionTitle,body.focus-immersive[data-focus-ocean] #page-focus #focusClock{color:var(--focus-ink)!important}
body.focus-immersive[data-focus-ocean] #focusModeBadge{background:var(--focus-badge);color:var(--focus-sub)}
body.focus-immersive[data-focus-ocean] #page-focus #timerStatus,body.focus-immersive[data-focus-ocean] #page-focus #focusNoteToggle,body.focus-immersive[data-focus-ocean] #page-focus #focusMore{color:var(--focus-sub)}
body.focus-immersive[data-focus-ocean] #page-focus #focusStart{background:var(--focus-button)!important;color:var(--focus-button-ink)!important}
body.focus-immersive[data-focus-ocean] #page-focus #focusEnd{background:var(--focus-control-surface)!important;color:var(--focus-ink);border-color:var(--focus-line)}
body.focus-immersive[data-focus-ocean] #page-focus #focusMore,body.focus-immersive[data-focus-ocean] #page-focus #focusNoteToggle{background:var(--focus-control-surface);color:var(--focus-ink)}
body.focus-immersive[data-focus-ocean] #timerProgress::-webkit-progress-bar{background:var(--focus-line)}
body.focus-immersive[data-focus-ocean] #timerProgress::-webkit-progress-value{background:var(--focus-ink)}
body.focus-immersive[data-focus-ocean] #timerProgress::-moz-progress-bar{background:var(--focus-ink)}
body.focus-immersive[data-focus-ocean].focus-note-open #page-focus #timerNote{background:var(--focus-note)!important;color:var(--focus-ink);border-color:var(--focus-line);backdrop-filter:blur(8px)}
body.focus-immersive[data-focus-ocean] #timerNote::placeholder{color:var(--focus-sub)}
body.focus-immersive[data-focus-ocean] #page-focus .focus-card button:focus-visible,body.focus-immersive[data-focus-ocean] #timerNote:focus-visible{outline-color:var(--focus-ink)}