:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#E9F2F0;background:#05080A;font-size:16px;--teal:#1FE8CF;--muted:#8FA5A0;--line:#26383C}
*{box-sizing:border-box}
body{margin:0}
button,input,select,textarea{font:inherit}
button{cursor:pointer;min-height:44px;border:0;border-radius:12px;padding:10px 16px;background:var(--teal);color:#0B1114;font-weight:650}
button:hover{filter:brightness(.94)}
button:disabled{opacity:.55;cursor:default}
button.secondary{background:#e8eee7;color:#284c3d}
button.quiet{background:transparent;color:var(--teal)}
button.danger{background:#f8e9e2;color:#873f2c}
input,select,textarea{width:100%;padding:12px;border:1px solid #bdccc1;border-radius:10px;background:#0B1114;color:#E9F2F0;min-height:46px}
textarea{resize:vertical;min-height:82px}
label{display:block;font-weight:600;font-size:.88rem;margin-bottom:16px}
label input,label select,label textarea{margin-top:7px}
input[type=checkbox]{width:20px;min-height:20px;margin:0;accent-color:var(--teal)}
:focus-visible{outline:3px solid #b38b3c;outline-offset:3px}
header{background:#0B1114;border-bottom:1px solid var(--line);padding:18px max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.logo{display:flex;gap:12px;align-items:center;font-weight:800;letter-spacing:1px;color:inherit;text-decoration:none}
.symbol{display:grid;place-items:center;background:var(--teal);color:white;width:42px;height:42px;border-radius:14px;font-size:23px}
.logo small{display:block;font-weight:450;letter-spacing:0;font-size:12px;color:var(--muted);margin-top:3px}
#account{display:flex;align-items:center;gap:4px;font-size:12px;flex-wrap:wrap}
#account button{font-size:12px;padding:8px 10px}
#identity{max-width:180px;overflow-wrap:anywhere}
main{max-width:1200px;margin:auto;padding:30px 24px 60px}
h1{font-size:clamp(28px,4vw,38px);letter-spacing:-1px;margin:0 0 10px}
h2{font-size:21px;margin:0 0 16px}
h3{font-size:16px;margin:0 0 8px}
p,li{line-height:1.65}
.muted{color:var(--muted)}
.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;font-weight:750;color:var(--teal);margin:0 0 12px}
.card{background:#0B1114;border:1px solid var(--line);border-radius:20px;padding:25px;min-width:0}
.narrow{max-width:480px;margin:30px auto}
.intro{padding:20px 0}
.intro p{margin-bottom:0}
.auth-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center;max-width:1030px;margin:50px auto}
.auth-story{background:#0D1518;padding:42px;border-radius:28px;min-height:400px;display:flex;flex-direction:column;justify-content:center}
.auth-story h1{font-size:42px}
.story-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.story-pills span{padding:6px 10px;background:#15282C;border-radius:20px;font-size:12px}
.note{font-size:13px;color:var(--muted)}
.wide{width:100%}
.stack{display:grid;gap:20px}
.modules{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:20px 0}
.modules button{text-align:left;background:#15282C;color:#B8CECA;border:1px solid transparent;padding:14px 12px;font-size:13px;line-height:1.4}
.modules button span{display:block;font-size:10px;opacity:.65;margin-bottom:4px}
.modules button[aria-current=page]{background:var(--teal);color:#0B1114}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}
.stat{padding:18px 22px;border:1px solid var(--line);border-radius:16px;background:#0B1114}
.stat b{font-size:29px;display:block;margin-top:6px}
.stat span{font-size:13px;color:var(--muted)}
.subnav,.filters{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 20px}
.subnav button,.filters button{background:#15282C;color:#B8CECA;font-size:13px;padding:8px 12px}
.subnav button[aria-pressed=true],.filters button[aria-pressed=true]{background:#163B3D;color:#1FE8CF}
.columns{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;align-items:start}
.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.toolbar h2{margin:0}
.check{display:flex;align-items:center;gap:10px;line-height:1.5}
.item{padding:20px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}
.item:first-child{border-top:0}
.item-head{display:flex;justify-content:space-between;gap:12px;align-items:start}
.item h3{overflow-wrap:anywhere}
.badge{font-size:11px;padding:5px 9px;border-radius:20px;background:#153B35;color:#7EE4CE;white-space:nowrap;display:inline-block}
.badge.private{background:#29213A;color:#D1B8EF}
.badge.progress{background:#352211;color:#FFAA6B}
.actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}
.actions button{font-size:12px;padding:8px 11px;min-height:40px}
.date{font-size:13px;color:var(--muted);margin:8px 0 0}
.description{white-space:pre-wrap;font-size:14px}
.overdue{color:#FFAA6B}
.empty{padding:35px 12px;text-align:center;color:var(--muted);line-height:1.7}
.empty strong{display:block;color:#E9F2F0;margin-bottom:6px}
.resolved h3{text-decoration:line-through;color:var(--muted)}
#message{border-radius:12px;margin-bottom:16px;padding:14px 18px;background:#12352F;color:#A3F3E2;overflow-wrap:anywhere}
#message.error{background:#3D211D;color:#FFB6A1}
.dialog-error{color:#FFB6A1;font-size:13px}
dialog{border:1px solid var(--line);border-radius:20px;padding:26px;width:min(510px,calc(100% - 24px));max-height:92vh;overflow:auto;color:#E9F2F0}
dialog::backdrop{background:#000000B3}
.future{max-width:820px}
.future h2{font-size:27px;line-height:1.3;max-width:650px}
.future ul{padding-left:22px}
.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.agenda-day{margin:22px 0 0;padding:12px 0;border-bottom:1px solid var(--line);color:var(--teal)}
footer{margin-top:30px;color:var(--muted);font-size:12px}
[hidden]{display:none!important}
@media(max-width:760px){header{padding:14px 16px}
#account{width:100%;justify-content:flex-end}
#identity{display:none}
main{padding:20px 16px 40px}
.auth-grid{grid-template-columns:1fr;gap:20px;margin:6px 0}
.auth-story{min-height:auto;padding:28px}
.auth-story h1{font-size:33px}
.columns{grid-template-columns:1fr}
.stats{gap:8px}
.stat{padding:14px 12px}
.stat b{font-size:25px}
.card{padding:20px}
.modules{grid-template-columns:repeat(3,minmax(0,1fr))}
.modules button{padding:12px 10px;font-size:12px}
.intro{padding:10px 0}
.filters{gap:5px}
.filters button{font-size:12px;padding:8px 10px}
.future h2{font-size:24px}
}


/* Brand source: hedoix10-dot/HeDoiX tailwind.config.js; original logo copied unchanged. */
button{color:#05080A}
button.secondary,.secondary,.quiet{color:#1FE8CF}
input,select,textarea{background:#0D1518;color:#E9F2F0}
input::placeholder,textarea::placeholder{color:#8FA5A0}
input[type=checkbox]{accent-color:#1FE8CF}
.modules button[aria-current=page]{color:#05080A}
.hdx-logo{width:48px;height:48px;object-fit:contain;border-radius:10px;flex-shrink:0}
.eyebrow{color:#FF6A00}
.auth-story{border:1px solid #26383C;background:radial-gradient(ellipse at top left,#15312F,transparent 70%),#0D1518}
.auth-story h1{color:#E9F2F0}
.card:focus-within{border-color:#335753}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #FF6A00;outline-offset:3px}
header{border-bottom:1px solid #26383C}
.logo small{color:#8FA5A0}
button:disabled{opacity:.55;cursor:wait}

/* Colorful household modules, following the owner's HDX reference boards. */
body{background:radial-gradient(ellipse at 8% 0%,#08282E 0,transparent 42%),radial-gradient(ellipse at 100% 18%,#211335 0,transparent 38%),#05080A;background-attachment:fixed}
header{position:relative;background:#08131D}
header::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,#1FE8CF,#1FE8CF 28%,#FF6A00 60%,#A855F7 92%)}
h1{color:#E9F2F0}.intro h1{background:linear-gradient(110deg,#E9F2F0 10%,#77F3E0 65%,#C6A2FF);background-clip:text;color:transparent}
.auth-story{position:relative;overflow:hidden;min-height:440px;background:radial-gradient(ellipse at 0 0,#07434B,transparent 70%),radial-gradient(ellipse at 100% 100%,#321253,transparent 70%),#0B1522}
.auth-story::after{content:"";position:absolute;bottom:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#1FE8CF,#FF6A00,#A855F7)}
.story-pills span:nth-child(1){color:#1FE8CF;background:#0D3438}.story-pills span:nth-child(2){color:#FFB174;background:#3A241D}.story-pills span:nth-child(3){color:#D3B4FF;background:#2C2045}
.card{background:linear-gradient(145deg,#0F1B28,#0B141D);border-color:#233446;box-shadow:0 14px 45px #00000020}
input,select,textarea{border-color:#324354;background:#08121B}
button.secondary{background:#193044;color:#BDE7F0}button.danger{background:#472B25;color:#FFC0A7}
.modules button{--module:#1FE8CF;display:block;min-height:110px;position:relative;overflow:hidden;color:#E9F2F0;border:1px solid #29414A;background:linear-gradient(135deg,color-mix(in srgb,var(--module) 15%,#0B1622),#0D1723);padding:15px 14px;border-radius:15px;font-weight:700;transition:transform .15s,border-color .15s}
.modules button:nth-child(2){--module:#FF893F}.modules button:nth-child(3){--module:#FFCF4A}.modules button:nth-child(4){--module:#B677FF}.modules button:nth-child(5){--module:#46BBFF}.modules button:nth-child(6){--module:#F7A744}
.modules button::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--module)}
.modules button .module-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-size:23px;color:var(--module);background:color-mix(in srgb,var(--module) 15%,#0B1622);opacity:1;margin-bottom:10px;box-shadow:0 0 17px color-mix(in srgb,var(--module) 15%,transparent)}
.modules button .module-label{font-size:8px;letter-spacing:1px;color:var(--module);opacity:.8;margin-bottom:3px}
.modules button[aria-current=page]{background:linear-gradient(135deg,#12434B,#0A232B);border-color:#1FE8CF;color:#E9F2F0;box-shadow:0 0 24px #1FE8CF12}
.modules button:hover{transform:translateY(-2px);border-color:var(--module)}
.stat{background:#0C1A26;border-color:#243749;position:relative;overflow:hidden}.stat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#1FE8CF}.stat:nth-child(2)::before{background:#FF893F}.stat:nth-child(3)::before{background:#A970FF}.stat b{color:#77F3E0}.stat:nth-child(2) b{color:#FFB174}.stat:nth-child(3) b{color:#D3B4FF}
.subnav button,.filters button{background:#142A37;color:#AFCBCF}.subnav button[aria-pressed=true],.filters button[aria-pressed=true]{background:#13464A;color:#73F5E1;border:1px solid #267575}
#task-form{border-top:3px solid #1FE8CF}#task-form>h2{color:#B1F9ED}.actions button:not(.secondary):not(.quiet):not(.danger){background:#1FE8CF;color:#052526}
#view-documents{border-top:3px solid #FF893F}#view-nutrition{border-top:3px solid #FFCF4A}#view-intelligence{border-top:3px solid #B677FF}#view-health{border-top:3px solid #46BBFF}#view-legal{border-top:3px solid #F7A744}
dialog{background:#0F1B28;border-color:#324354;color:#E9F2F0}footer{border-top:1px solid #233446;padding-top:22px}
@media(max-width:760px){.modules button{min-height:108px;padding:12px;font-size:12px}.modules button .module-label{font-size:7px}.auth-story{min-height:310px}.auth-story h1{font-size:32px;line-height:1.15}.hdx-logo{width:44px;height:44px}.modules{gap:9px}}
@media(prefers-reduced-motion:reduce){.modules button{transition:none}.modules button:hover{transform:none}}
:root{color-scheme:dark}