/* Gemini visual layer: real Clarity controls, no data or logic. */
:root{--bg:#08182E;--card:#102646;--card2:#193760;--acc:#FFD400;--on-acc:#000;--grn:#3CE694;--tx:#F5F7FA;--mut:#B6C4D6;--r:20px;--r2:14px;--tap:54px}
:root[data-theme=light]{--bg:#F4F7FB;--card:#FFF;--card2:#E8EEF7;--tx:#08182E;--mut:#3D4F66;--acc:#FFD400;--on-acc:#000;--acc2:#FFF1B8;--grn:#086B37;--sep:#08182E;--amb:#7A4E00;--lockbg:#F4F7FB}
@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#F4F7FB;--card:#FFF;--card2:#E8EEF7;--tx:#08182E;--mut:#3D4F66;--acc:#FFD400;--on-acc:#000;--acc2:#FFF1B8;--grn:#086B37;--sep:#08182E;--amb:#7A4E00;--lockbg:#F4F7FB}}
.pri{background:#FFD400;color:#000;font-weight:800;min-height:var(--tap)}
.tile,.stat{border-radius:20px}
.job.first,:root[data-theme=light] .job.first{border:2px solid #FFD400}
@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .job.first{border:2px solid #FFD400}}
.jh h2{display:block;font-weight:800;line-height:1.35}
.jh p{display:block;margin-top:8px;line-height:1.45}
.stat{white-space:normal;min-width:0}
.stat span{white-space:normal;overflow-wrap:anywhere;max-width:100%;line-height:1.4}
button{min-height:var(--tap)}
button.tickbox{min-height:46px}
a.pill,.sheet h2 .back{min-height:44px}
.field input,.field select,.field textarea{border-width:2px}
#lock{background:radial-gradient(ellipse at 50% 25%,#17375D 0%,#08182E 75%);--locktx:#F5F7FA;--lockmut:#B6C4D6;--lockline:#849AB8;--lockm:#FFD400;color:var(--locktx)}
.lockbox button:not(.alt):not(.small){background:#FFD400;color:#000}
:root[data-theme=light] #lock{background:#FFF;--locktx:#08182E;--lockmut:#3D4F66;--lockline:#08182E;--lockm:#7A4E00}
@media(prefers-color-scheme:light){:root:not([data-theme=dark]) #lock{background:#FFF;--locktx:#08182E;--lockmut:#3D4F66;--lockline:#08182E;--lockm:#7A4E00}}
:root[data-theme=light] :focus-visible{outline-color:#08182E}
@media(prefers-color-scheme:light){:root:not([data-theme=dark]) :focus-visible{outline-color:#08182E}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.field input::placeholder,.field textarea::placeholder,.find::placeholder{color:var(--mut);opacity:1}

/* Settings opens beneath its own cog, not as a bottom sheet. */
#set>div{position:fixed;width:calc(100% - 24px);max-width:440px;border-radius:var(--r);padding:20px 16px 24px;box-shadow:0 12px 36px rgba(0,0,0,.3);overscroll-behavior:contain}

/* no C mark on the lock screen: title stands alone */
.lockbox>h1{font-size:2.25rem;font-weight:900;letter-spacing:-.01em;line-height:1.1;margin:0 0 2px}