/* Dark glass presentation. Server responses remain the source of health data. */
:root{--ink:#f0edf9;--muted:#b9b0cc;--green:#bba1ff;--lime:#4f3d74;--line:#ffffff1c;--paper:#201a32cc;--bg:#100d1b;--shadow:0 14px 45px #0003;--blue:#b7a0f5;color-scheme:dark;font-size:calc(16px * var(--font-scale))}
html{background:#100d1b}body{background:#100d1b;color:var(--ink);overflow-x:hidden}body:before{content:'';position:fixed;inset:-25%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 15%,#653ba13d,transparent 50%),radial-gradient(ellipse at 85% 80%,#3a427e44,transparent 50%);animation:ambient 24s ease-in-out infinite alternate}
@keyframes ambient{to{transform:translate3d(4%,3%,0) rotate(8deg)}}
.card,.auth-card,.sidebar,.topbar,.mobile-nav,dialog{background:#201a32d9!important;border:1px solid #ffffff1a!important;box-shadow:var(--shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);color:var(--ink)}
.card{border-radius:26px}.sidebar{background:#151120eb!important}.topbar{background:#171222c9!important;border-radius:20px;padding:12px 16px;position:relative;z-index:10}.btn{min-height:48px;border-radius:16px;background:#ad8bf2;color:#170e29;border:1px solid transparent;font-size:1rem;font-weight:650}.btn.secondary,.btn.ghost,.icon-btn,.patient-id{background:#ffffff09;color:var(--ink);border-color:var(--line)}.btn:hover{filter:brightness(1.12)}button,a,input,select,textarea{touch-action:manipulation}.text-button{color:#cfbaff}.btn.danger{background:#6c2d47;color:#ffe0eb}.caption,.small{font-size:.9rem;line-height:1.65}.eyebrow{font-size:.76rem;color:#cbb7ed;letter-spacing:1.3px}.muted,.caption,.auth-description,.auth-heading p,.stat small,.report-info p,.setting p{color:var(--muted)!important}
h1{font-size:clamp(25px,4vw,36px);letter-spacing:-.6px}h2{font-size:1.35rem;line-height:1.5}h3{font-size:1.05rem}.pill{background:#a77ae52a;color:#ddceff;border:1px solid #ba95ff24;font-size:.78rem}.logo-symbol{background:#b396ee;color:#1b102b}.brand-name,.brand-name small{color:var(--ink)}
input,textarea,select{background:#151020!important;color:#f0edf9!important;border:1px solid #8c749b66!important;min-height:50px;border-radius:13px;font-size:16px;padding:12px;max-width:100%}input:focus,textarea:focus,select:focus{outline:2px solid #b490f3;outline-offset:2px}.field label{color:#dcd2ed;font-size:.95rem}.dob-selects{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px}.dob-picker small{color:var(--muted);font-size:.8rem}.dob-picker label{display:block;margin-bottom:7px}.dob-picker [data-age]{display:block;width:100%;margin-top:7px}.dob-selects{margin-bottom:12px}
.nav-item{color:var(--muted);min-height:50px}.nav-item.active,.mobile-nav button.active{background:#ac83ef25;color:#dcc8ff}.nav-item:hover{background:#ffffff0c}.mobile-nav{border-radius:24px}.auth-layout{background:transparent}.auth-story{background:transparent!important}.auth-art,.overview-human,.human-small,.human-tag,.human-controls{display:none!important}.auth-heading h1{font-size:clamp(32px,5vw,62px);color:#eee7ff}.auth-form-side{background:transparent}.demo-area,.private-badge,.account{border-color:var(--line)}
.health-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;padding:36px;background:linear-gradient(125deg,#392451cc,#241a3ecc)!important}.health-hero h2{font-size:clamp(28px,4vw,44px);line-height:1.2;letter-spacing:-1px;margin:20px 0}.health-hero p{color:#c7b9dd;max-width:600px;margin-bottom:25px}.health-orbit{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:radial-gradient(circle,#a478ef24,transparent 65%)}.health-orbit svg{width:100px;height:100px;stroke:#c9a6ff;filter:drop-shadow(0 0 25px #bd80ff66)}.health-orbit span{font-size:.7rem;letter-spacing:1.5px;color:#c8b4e1}.stat-icon,.report-icon,.timeline-icon,.alert-icon{background:#ac83ef1c;color:#c7a9ff}.stat strong{color:#eee5ff}.timeline-item,.report-row,.divider,.answer-row{border-color:var(--line)}
.notice,.summary-box,.answer-guide,.profile-facts,.answer-guide-grid>div{background:#af8ed014!important;color:#e4d9f3;border-color:var(--line)}.notice.amber{background:#b88e321c!important;color:#f5d591}.calendar-day{color:#e2d7ef;border-radius:13px;min-height:43px}.calendar-day.today{background:#b396ee;color:#180c29}.calendar-day.test-taken:before{content:'';position:absolute;width:6px;height:6px;border-radius:100%;background:#d0a6ff;bottom:5px;left:calc(50% - 3px);box-shadow:0 0 8px #d4b0ff}.calendar-day.today.test-taken:before{background:#29133e}.calendar-day{position:relative}.calendar-day.event:after{background:#8ce1d3}.calendar-day.faded{opacity:.35}.calendar-head button{background:transparent;color:var(--ink);min-height:44px;min-width:44px}.date-square{background:#b495ef20;color:#d9c1ff}
.more-grid{display:grid;gap:12px}.more-grid .btn{justify-content:flex-start;min-height:60px}.wearable-card{text-align:center;padding:32px;max-width:720px;margin:auto}.wearable-card .between{text-align:left}.wearable-card p{color:var(--muted);margin-top:16px}.wearable-symbol{font-size:70px;filter:grayscale(1);opacity:.45;margin:40px 0 20px}.wearable-card button:disabled{opacity:.4}
.more-page{display:grid;gap:20px;max-width:860px;margin:0 auto 24px}.more-section{border:1px solid var(--line);border-radius:26px;background:var(--paper);overflow:hidden}.more-link{display:flex;align-items:center;gap:15px;width:100%;min-height:86px;padding:18px;text-align:start;border:0;background:transparent;color:var(--ink);cursor:pointer;font:inherit}.more-section .more-link+.more-link{border-top:1px solid var(--line)}.more-link:hover{background:rgba(158,123,213,.08)}.more-link:focus-visible{outline:3px solid #aa8ad5;outline-offset:-4px}.more-link-icon{display:grid;place-items:center;width:45px;height:45px;flex:0 0 45px;border-radius:16px;background:rgba(158,123,213,.12);color:#8b64bb}.more-link svg{width:23px;height:23px;flex-shrink:0}.more-link-copy{display:grid;gap:6px;flex:1;min-width:0}.more-link-copy strong{font-size:17px;font-weight:650}.more-link-copy small{font-size:15px;line-height:1.5;color:var(--muted)}.more-signout{border-radius:24px;background:rgba(191,68,101,.06);color:#a73d61}.more-signout .more-link-icon{background:rgba(191,68,101,.09);color:inherit}.required-marker{color:#a64571;font-weight:700;margin-inline-start:3px}[dir=rtl] .more-link>svg{transform:rotate(180deg)}
.question-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.single-question{max-width:820px;margin:0 auto;padding:30px}.question-track{height:7px;background:#ffffff0b;border-radius:20px;overflow:hidden;margin-bottom:28px}.question-track span{display:block;height:100%;background:linear-gradient(90deg,#8961d9,#d6b6ff);transition:width .35s}.single-question .question-text{font-size:clamp(22px,3vw,30px);font-weight:600;line-height:1.8;margin:22px 0 30px}.single-question .answer-options{display:grid;grid-template-columns:1fr;gap:12px}.single-question .answer-option{display:flex;min-height:64px;padding:15px 20px;background:#ffffff04;color:#e5dcee;border:1px solid #ffffff24;border-radius:18px;align-items:center}.single-question .answer-option.selected{background:#ad87f127;border-color:#b792f5;box-shadow:0 0 0 2px #a579d71c}.single-question .answer-option input{min-height:unset;width:20px;height:20px;accent-color:#ba90ff;margin-right:14px}.question-footer{margin-top:30px;display:grid;gap:18px}.question-footer .row{justify-content:space-between}.question-footer .btn{min-width:120px}.question-scene{animation:questionIn .42s cubic-bezier(.2,.7,.2,1) both}.single-question{animation:viewIn .3s ease both}@keyframes questionIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@keyframes viewIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fade-in,.page-card{animation:viewIn .3s ease both}dialog[open]{animation:viewIn .25s ease both}dialog::backdrop{background:#080510b3;backdrop-filter:blur(7px)}.modal-head,.modal-footer{background:#201a32!important;border-color:var(--line)}.modal-body{color:var(--ink)}.icon-btn{min-width:46px;min-height:46px}.data-table td,.data-table th{border-color:var(--line);color:var(--ink)}.data-table th{background:#a17ec018}.reports-view .report-row{padding:24px 8px}.answer-Yes,.answer-yes{color:#ffa0bb!important}.answer-No,.answer-no{color:#a8c5ff!important}.answer-unknown{color:#f4d18a!important}
@media(max-width:900px){.main{padding:16px 16px calc(110px + env(safe-area-inset-bottom))!important}.sidebar{display:none}.mobile-nav{display:grid!important;grid-template-columns:repeat(4,1fr);position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;padding:8px;z-index:40}.mobile-nav button{min-height:58px;color:#c8bbda;font-size:.78rem;gap:5px;border-radius:16px}.mobile-nav svg{width:22px;height:22px}.topbar{margin-bottom:22px;gap:10px}.top-date,.crumb,.top-actions>.pill,.global-back,.top-actions>[aria-label="Account"],.mobile-signout{display:none}.top-actions{flex:0 0 auto!important;gap:8px}.mobile-brand{display:block}.brand-name{font-size:24px}.brand-name small{font-size:8px}.logo-symbol{width:42px;height:42px}.health-hero{grid-template-columns:1fr;padding:26px;gap:12px}.health-orbit{display:none}.stats{grid-template-columns:1fr 1fr}.stats .stat:last-child{grid-column:1/-1}.two-col,.dashboard-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-wrap:wrap;gap:14px}.single-question{padding:23px 20px}.question-footer .row{flex-wrap:wrap}.auth-layout{display:block}.auth-story{padding:28px 24px 10px;min-height:0}.auth-heading{margin:30px 0 10px}.auth-heading h1{font-size:34px}.auth-heading p{font-size:1rem}.auth-footer{display:none}.auth-form-side{padding:75px 18px 35px;min-height:0}.auth-card{padding:26px 22px}.auth-preferences{top:15px;right:22px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.account-card{padding:24px}.overview-copy{width:100%}dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 32px);border-radius:24px}.modal-head,.modal-body,.modal-footer{padding:20px}.modal-footer{gap:8px;flex-wrap:wrap}.modal-footer .btn{flex:1;font-size:.9rem}.topbar .language-toggle{padding:8px 10px}.report-info{min-width:0}.report-row{flex-wrap:wrap}.stat{padding:22px}.calendar-grid{gap:2px}.calendar-day{min-height:42px}.profile-facts{flex-wrap:wrap}.survey-card{padding:24px}}
@supports(padding:max(0px)){body{padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.auth-layout{padding-bottom:env(safe-area-inset-bottom)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.single-question .answer-option input{position:static!important;opacity:1!important;pointer-events:auto!important;inset:auto!important;flex:0 0 20px}.single-question .answer-option span{pointer-events:none;color:inherit!important;box-shadow:none!important;border:0!important;background:transparent!important;padding:0!important}
@media print{body{background:white!important;color:#182238!important}body:before{display:none}#print-area,.print-report{background:white!important;color:#182238!important}.print-report *{color:#182238}.answer-Yes{color:#b11e3b!important}.answer-No{color:#27578f!important}.answer-unknown{color:#815b13!important}}

.stat-label,.timeline-date,.report-info p,.answer-value,.answer-group summary,.answer-row{font-size:.9rem}.stat small{font-size:.85rem}.calendar-grid .weekday{font-size:.8rem}.calendar-day{font-size:.95rem}

.single-question .answer-option span{font-size:1.05rem!important;min-height:auto!important;display:block!important;text-align:start}.stat-label{font-size:.9rem!important}.question-mode .mobile-nav{display:none!important}.question-mode .main{padding-bottom:32px!important}
.survey-card .profile-facts{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:20px;padding:22px;border-radius:22px;align-items:center}.survey-card .profile-facts small{font-size:1rem;line-height:1.5;color:var(--muted);margin-bottom:6px}.survey-card .profile-facts strong{display:block;font-size:1.45rem;line-height:1.3;font-weight:700;color:var(--ink);overflow-wrap:anywhere}.survey-card .profile-facts .btn{min-height:48px;font-size:1rem}@media(max-width:600px){.survey-card .profile-facts{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;padding:20px}.survey-card .profile-facts .btn{grid-column:1/-1;width:100%}}
.question-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.question-top .pill{margin-inline-start:auto}.question-top #restart-checkin{min-height:44px}
.topbar{border-radius:22px!important}.fixed-question .question-track{margin:18px 18px 14px;height:8px;min-height:8px;border-radius:6px;overflow:hidden;isolation:isolate}.fixed-question .question-track>span{height:100%;border-radius:6px;background:linear-gradient(90deg,#c9a9e8,#9d72ca);box-shadow:0 0 12px #bd94de55}.fixed-question .single-question{border-radius:24px!important}@media(max-height:580px){.fixed-question .question-track{margin-top:12px;margin-bottom:10px}}
.brand .logo-symbol,.initial-loader .logo-symbol{background:transparent url('/icon.svg') center/cover no-repeat!important;border-radius:26%;color:transparent!important;font-size:0!important;box-shadow:0 3px 10px #7650ab22}

