/* Tensorust everyday apps (/focus/, /habits/): shared look, light and dark. 2026-10-24 */
:root{--ev-card:var(--ink2);--ev-line:var(--line);--ev-text:var(--bone);--ev-mute:var(--mute);--ev-accent:var(--acid);--ev-on:#0E0B24;--ev-chip:rgba(244,240,255,.06);--ev-good:#4AD7A8}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--ink:#FAF8F3;--ink2:#FFFFFF;--line:#DDD8EC;--bone:#17133A;--mute:#5B5680;--edge:#B8B0DA;--acid:#3D2BB8;--m:#3D2BB8;--ev-on:#FFFFFF;--ev-chip:rgba(23,19,58,.05);--ev-good:#0E7A55}
:root:not([data-theme=dark]) .top{background:rgba(250,248,243,.92)}:root:not([data-theme=dark]) .grain{display:none}}
:root[data-theme=light]{--ink:#FAF8F3;--ink2:#FFFFFF;--line:#DDD8EC;--bone:#17133A;--mute:#5B5680;--edge:#B8B0DA;--acid:#3D2BB8;--m:#3D2BB8;--ev-on:#FFFFFF;--ev-chip:rgba(23,19,58,.05);--ev-good:#0E7A55}
:root[data-theme=light] .top{background:rgba(250,248,243,.92)}:root[data-theme=light] .grain{display:none}
body{background:var(--ink);color:var(--bone)}
.ev{max-width:1200px;margin:0 auto;padding:18px 16px 10px}
.ev a{color:inherit}
.ev-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 18px;margin:6px 0 14px}
.ev-head h1{font:900 clamp(30px,4.6vw,54px)/.98 var(--disp);letter-spacing:-.035em;margin:0;max-width:22ch}
.ev-head p{color:var(--mute);margin:6px 0 0;max-width:60ch;font-size:16px}
.ev-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ev-tbtn{font:600 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;background:transparent;color:var(--mute);border:1px solid var(--line);padding:9px 12px;min-height:40px;cursor:pointer}
.ev-tbtn:hover{color:var(--bone);border-color:var(--edge)}
.ev-card{background:var(--ev-card);border:1px solid var(--line);padding:18px}
.ev-card h2,.ev-card h3{font:800 15px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:0 0 12px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{font:700 14px var(--disp);background:var(--ev-chip);color:var(--bone);border:1px solid var(--line);padding:9px 13px;min-height:42px;cursor:pointer}
.chip[aria-pressed=true]{background:var(--acid);color:var(--ev-on);border-color:var(--acid)}
.chip.lock::after{content:"Plus";font:700 9px var(--mono);letter-spacing:.08em;margin-left:6px;padding:2px 4px;border:1px solid currentColor;vertical-align:2px;opacity:.75}
.lbl{display:block;font:600 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin:14px 0 7px}
.lbl:first-child{margin-top:0}
.btn2{font:800 15px var(--disp);background:var(--acid);color:var(--ev-on);border:2px solid var(--acid);padding:11px 16px;min-height:44px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
.btn2.ghost{background:transparent;color:var(--bone);border-color:var(--edge)}
.ev button:focus-visible,.ev a:focus-visible,.ev input:focus-visible,.ev select:focus-visible,dialog :focus-visible{outline:3px solid var(--acid);outline-offset:2px}
.lockcard{border:1px dashed var(--edge);padding:16px}.lockcard p{margin:0 0 12px;color:var(--mute)}.lockcard b{color:var(--bone)}
.empty{color:var(--mute);font-size:14px;list-style:none}
.ev-acct{font:13px/1.5 var(--mono);color:var(--mute);margin:14px 0 0;padding:12px 14px;border:1px solid var(--line)}
.ev-acct a{color:var(--bone)}
.ev-ios{display:flex;gap:12px;align-items:center;border:2px solid var(--acid);padding:12px 14px;margin:0 0 14px;background:var(--ev-card)}
.ev-ios img{width:48px;height:48px;border-radius:11px}.ev-ios p{margin:0;font-size:15px}.ev-ios a{font-weight:800}
/* Plus dialog */
dialog.evp{max-width:440px;width:calc(100% - 32px);border:2px solid var(--acid);background:var(--ink2);color:var(--bone);padding:22px}
dialog.evp::backdrop{background:rgba(5,4,15,.7)}
dialog.evp h2{font:900 30px/1 var(--disp);letter-spacing:-.03em;margin:0 0 8px}
dialog.evp ul{margin:12px 0 16px;padding-left:18px;color:var(--mute);font-size:15px}dialog.evp li{margin:4px 0}
dialog.evp .why{font-weight:700;margin:0}
dialog.evp .row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
dialog.evp .fine{font:12px/1.5 var(--mono);color:var(--mute);margin:12px 0 0}
/* Landing section below the app */
.evl{max-width:900px;margin:30px auto 20px;padding:0 16px}
.evl h2{font:900 clamp(28px,4vw,44px)/1 var(--disp);letter-spacing:-.03em;margin:44px 0 14px}
.evl h3{font:800 20px/1.25 var(--disp);margin:24px 0 8px}
.evl p,.evl li{font-size:17px;line-height:1.6;color:var(--bone)}
.evl p{margin:0 0 14px}.evl ul,.evl ol{margin:0 0 16px;padding-left:22px}.evl li{margin:6px 0}
.evl .ans{border-left:4px solid var(--acid);padding:4px 0 4px 16px;font-size:19px}
.evl table{width:100%;border-collapse:collapse;margin:8px 0 18px;font-size:15px}
.evl th,.evl td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;vertical-align:top}
.evl th{font:600 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.evl details{border-top:1px solid var(--line);padding:12px 0}
.evl summary{font:800 18px/1.35 var(--disp);cursor:pointer}
.evl details p{margin:10px 0 0;color:var(--mute)}
.evl .more{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:10px 0 0;padding:0;list-style:none}
.evl .more a{display:block;border:1px solid var(--line);padding:14px;text-decoration:none;background:var(--ev-card);height:100%}
.evl .more b{display:block;font:800 17px var(--disp)}.evl .more span{color:var(--mute);font-size:14px}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ev [hidden],.evl [hidden]{display:none!important}
@media (max-width:600px){.ev{padding-top:10px}.ev-head{margin:0 0 10px}.ev-head h1{font-size:27px}.ev-head p{font-size:14px;margin-top:4px}.ev-tools{position:absolute;right:0;top:0}.ev-head{position:relative}.ev-head h1{padding-right:86px}.ev-tbtn{min-height:34px;padding:6px 9px;font-size:10px}.ev-ios{padding:8px 10px;gap:10px}.ev-ios img{width:36px;height:36px}.ev-ios p{font-size:13px}}