:root{color-scheme:dark;--bg:#080a0d;--panel:#11151b;--line:#262a31;--gold:#ebc45a;--teal:#33d0bd;--purple:#a48aff;--muted:#969eac;--red:#fa7772}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#eeeae1;font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:#1a2029;color:#eeeae1;border-radius:10px;padding:10px 16px;min-height:44px}button:hover{border-color:var(--gold)}button.primary{background:var(--gold);color:#121212;border-color:var(--gold);font-weight:650}button.danger{color:var(--red)}a{color:var(--gold)}h1,h2,h3,p{margin:0}h1{font-size:clamp(28px,4vw,42px);letter-spacing:-1.3px;line-height:1.2}h2{font-size:22px;letter-spacing:-.5px}h3{font-size:16px}.muted,small{color:var(--muted)}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;color:var(--gold);margin-bottom:10px}.shell{max-width:1140px;margin:auto;padding:30px 32px 120px}.top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:35px}.brand{font-weight:750;font-size:21px;letter-spacing:-.6px}.brand span{color:var(--gold)}.mark{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid #665629;color:var(--gold);border-radius:9px;margin-right:9px}.top small{display:block}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.hero{margin-bottom:28px}.hero p{margin-top:12px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.card{padding:23px;background:var(--panel);border:1px solid var(--line);border-radius:15px}.card .label{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;color:var(--muted)}.metric{font-size:31px;font-weight:700;letter-spacing:-1px;margin:10px 0 3px}.gold{color:var(--gold)}.teal{color:var(--teal)}.purple{color:var(--purple)}.columns{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin:20px 0}.section{margin-top:25px}.section h2{margin-bottom:16px}.empty{padding:26px 0;color:var(--muted)}.nav{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;background:#14181ff2;backdrop-filter:blur(12px);padding:7px;border:1px solid #34383f;border-radius:17px;z-index:10;box-shadow:0 8px 30px #0009}.nav button{background:none;border:0;color:var(--muted);min-width:84px}.nav button.active{background:#302b1c;color:var(--gold)}label{display:block;font-size:13px;color:#bbc0ca;margin:12px 0 6px}input,select,textarea{width:100%;background:#080c12;color:#eee;border:1px solid #363d47;border-radius:9px;padding:11px;font-size:16px;min-height:44px}input:focus,textarea:focus,select:focus{outline:2px solid #a38b43}textarea{min-height:85px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px}.auth{max-width:460px;margin:8vh auto;padding:32px}.auth h1{margin:20px 0 10px}.auth form{margin-top:22px}.auth button{margin-top:20px;width:100%}.auth .switch{background:none;color:var(--gold)}.error{color:var(--red);padding:8px 0}.set{display:grid;grid-template-columns:35px 1fr 1fr 65px 48px;gap:9px;align-items:center;margin-bottom:10px}.set input[type=checkbox]{width:22px;min-height:22px}.set label{margin:0;font-size:11px;text-align:center}.set button{padding:6px}.set-head{font-size:11px;color:var(--muted)}.entry{padding:15px 0;border-bottom:1px solid var(--line)}.entry:last-child{border:0}.entry strong{display:block}.badge{font-size:11px;border:1px solid var(--line);border-radius:6px;padding:3px 6px;color:var(--teal)}.chart{width:100%;height:180px;display:block;margin:20px 0 8px}.chart text{fill:var(--muted);font-size:11px}.chart polyline{fill:none;stroke-width:2.5}.report{background:#07090c;border:1px solid #443b23;padding:38px;border-radius:16px}.report h1{color:var(--gold)}.report .card{background:#0c1016}.report .report-label{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:1.4px;margin:25px 0 10px}.bar{display:flex;height:14px;border-radius:8px;overflow:hidden;margin:15px 0}.bar span{min-width:2px}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.photos img{width:100%;height:260px;object-fit:cover;border-radius:10px}.photos figure{margin:0}.photos figcaption{font-size:11px;color:var(--muted)}.toolbar{margin:20px 0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}th{color:var(--muted)}#toast{position:fixed;top:15px;left:50%;transform:translateX(-50%);background:var(--gold);color:#111;padding:12px 20px;border-radius:9px;z-index:50;display:none}.subnav{margin:22px 0}.subnav button.selected{color:var(--gold);border-color:var(--gold)}.footer-note{font-size:11px;color:var(--muted);margin-top:30px}.note{border-left:2px solid var(--teal);padding:12px 15px;background:#10171d;border-radius:0 8px 8px 0;margin:16px 0}#import-preview{max-height:280px;overflow:auto}progress{width:100%;accent-color:var(--gold)}@media(max-width:700px){.shell{padding:20px 18px 110px}.top{margin-bottom:25px}.top .muted{display:none}.grid{grid-template-columns:1fr 1fr;gap:10px}.card{padding:17px}.metric{font-size:26px}.columns{grid-template-columns:1fr}.nav{bottom:calc(10px + env(safe-area-inset-bottom));width:calc(100% - 20px);justify-content:space-around}.nav button{min-width:0;padding:10px 12px;font-size:13px}.form-grid{gap:0 12px}.report{padding:20px 15px}.photos img{height:160px}.auth{margin:4vh 16px;padding:25px}.set{grid-template-columns:24px 1fr 1fr 48px 40px;gap:6px}}@media print{.top,.nav,.toolbar,.hero,.no-print,#toast{display:none!important}.shell{padding:0;max-width:none}.report{border:0;padding:15px}.report,.card{break-inside:avoid}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.section{break-inside:avoid}.report .grid{grid-template-columns:repeat(4,1fr)}@page{size:A4;margin:10mm}}

.record-notes{margin-top:6px}.record-notes summary{cursor:pointer;font-size:12px}.record-notes p{white-space:pre-line;margin-top:8px}
.header-meta{text-align:right;display:flex;align-items:flex-end;flex-direction:column;gap:5px}.version-badge{display:inline-block;border:1px solid #685933;color:var(--gold);background:#252013;padding:4px 11px;border-radius:7px;font-size:12px;font-weight:700;letter-spacing:.4px;white-space:nowrap}.trend-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0}.trend-tabs{display:flex;gap:5px;background:#11151b;padding:5px;border:1px solid var(--line);border-radius:12px}.trend-tabs button{border:0;background:none;color:var(--muted);padding:10px 20px}.trend-tabs button.active,.metric-tabs button.selected{background:#302b1c;color:var(--gold)}.trend-controls>select{width:180px}.trend-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.trend-feature .trend-stats .card{background:#0b0f14;padding:18px;border-color:#242b34}.trend-stats .metric{font-size:27px}.trend-feature .chart{height:240px}.session-item{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:16px 0}.session-item:last-child{border-bottom:0}.session-item small{display:block;margin-top:3px}.session-value{text-align:right}.metric-tabs{margin-top:18px;gap:8px}.metric-tabs button{padding:9px 13px}.trend-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.history-details summary{font-size:16px;font-weight:650;cursor:pointer}.history-details summary span{font-size:12px;font-weight:400;margin-left:8px}@media(max-width:700px){.trend-controls{align-items:stretch;flex-direction:column;gap:12px}.trend-tabs{justify-content:space-between;width:100%}.trend-tabs button{flex:1;min-width:0;padding:10px 6px;font-size:13px}.trend-controls>select{width:100%}.trend-stats{gap:8px}.trend-stats .card,.trend-feature .trend-stats .card{padding:12px 9px}.trend-stats .metric{font-size:20px;letter-spacing:-.7px}.trend-stats .label{font-size:9px;letter-spacing:.7px}.trend-stats small{font-size:10px}.trend-feature .chart{height:190px}.trend-two{grid-template-columns:1fr}.metric-tabs{display:grid;grid-template-columns:1fr 1fr}.metric-tabs button{font-size:13px}.header-meta .muted{display:none}}

.report-preview{border:1px solid #443b23;border-radius:14px;overflow:hidden;background:#07090c}.report-preview img{display:block;width:100%;height:auto}.report-preview img[hidden]{display:none}.report-preview #report-loading{border:0}
/* Refined surfaces and compact disclosure controls. */
:root{--panel:#10151c;--line:#28313d;--muted:#9ca7b7}body{background:radial-gradient(ellipse at 80% 0%,#17202a66,transparent 45%),var(--bg);font-size:15px}.shell{max-width:1180px}.top{padding-bottom:22px;margin-bottom:38px}.hero{margin-bottom:30px}.hero p{max-width:650px;line-height:1.65}h1{letter-spacing:-1.1px}h2{font-size:21px}.card{box-shadow:0 8px 25px #0002;border-color:#27313c;border-radius:18px}.grid .card{background:linear-gradient(140deg,#151d26,#10151c)}.card .label{letter-spacing:1.45px}.metric{font-variant-numeric:tabular-nums}button{border-radius:11px;transition:border-color .15s,background .15s}button:disabled{opacity:.3;cursor:default}button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}input,select,textarea{border-color:#303c4b;background:#0a1017}.compact-details>summary{cursor:pointer;font-size:16px;font-weight:650;min-height:28px}.compact-details>summary small{font-weight:400;margin-left:12px;font-size:12px}.compact-details[open]>summary{margin-bottom:14px}.compact-details .entry small{display:block}.entry{gap:12px}.entry>div{min-width:0;flex:1}.entry .danger{font-size:12px;padding:7px 10px}.log-card{max-width:840px;margin:auto}.log-type{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:10px}.log-type label{font-size:15px;font-weight:650;color:#eeeae1;margin:0}.log-type select{max-width:260px}.optional-fields{border-top:1px solid var(--line);margin-top:24px;padding-top:17px}.optional-fields summary{cursor:pointer;color:var(--muted);font-size:13px}.optional-fields[open] summary{margin-bottom:10px;color:var(--gold)}.set-actions{margin-top:17px;gap:8px}.set-actions button{font-size:13px}.save-record{display:block;width:100%;margin-top:24px}.log-help{display:block;margin-top:18px;font-size:12px}.saved-graphs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.saved-graph{min-width:0;transition:opacity .15s,border-color .15s}.saved-graph:last-child{grid-column:1/-1}.graph-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}.graph-heading label{flex:1;margin:0;color:var(--muted);font-size:12px;letter-spacing:.5px}.drag-handle{touch-action:none;cursor:grab;font-size:23px;line-height:1;padding:8px 10px;background:#18212c}.drag-handle:active{cursor:grabbing}.order-buttons{display:flex;gap:5px}.order-buttons button{padding:7px 12px}.graph-summary{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:20px}.graph-summary>span>small{display:block;font-size:11px}.graph-summary strong{display:block;font-size:23px;font-weight:650;font-variant-numeric:tabular-nums}.graph-summary strong small{font-size:12px;font-weight:400}.graph-summary>small{font-size:11px;text-align:right}.graph-sessions{margin-top:16px;border-top:1px solid var(--line);padding-top:13px}.graph-sessions>summary{font-size:13px}.graph-sessions .session-item{font-size:13px;padding:12px 0}.explore-card{border-color:#51462a;background:linear-gradient(145deg,#191b1b,#10151c)}.explore-details{margin-top:16px}.explore-details>summary{font-size:13px;color:var(--muted);cursor:pointer}.drop-target{border-color:var(--gold);box-shadow:0 0 0 2px #ebc45a33}.dragging{opacity:.55}.toolbar .row{gap:10px}.report-preview{margin-top:26px;box-shadow:0 15px 45px #0005}.trend-controls label{margin:0;color:var(--muted)}
@media(max-width:700px){.shell{padding:22px 18px 115px}.top{margin-bottom:30px}.hero{margin-bottom:24px}.card{padding:18px}.saved-graphs{grid-template-columns:1fr;gap:16px}.saved-graph:last-child{grid-column:auto}.log-type select{max-width:190px}.graph-summary strong{font-size:21px}.graph-summary>small{max-width:76px}.compact-details>summary small{display:block;margin-left:17px;margin-top:3px}.graph-sessions>summary small{display:inline;margin-left:8px}.toolbar .row>select{order:-1}.report-preview{margin-top:20px}.set-actions{gap:6px}.set-actions button{padding:9px 11px}.trend-controls{gap:7px;margin:18px 0}}
@media(prefers-reduced-motion:reduce){button,.saved-graph{transition:none}}

.saved-graph .chart,.explore-card .chart{height:auto;aspect-ratio:640/190;margin:22px 0 12px}.chart text{font-size:14px}
/* v0.4: constrain native iOS controls before applying the form grid. */
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid>div{min-width:0}input,select,textarea{min-width:0;max-width:100%;box-sizing:border-box}input[type=date],input[type=time]{display:block;appearance:none;-webkit-appearance:none;min-width:0;width:100%;min-height:48px;text-align:left}input::-webkit-date-and-time-value{min-height:1.5em;text-align:left}.toolbar{padding:26px}.toolbar .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toolbar #report-period{grid-column:1/-1}.toolbar #report-refresh{grid-column:1/-1}.compound-history{border-bottom:1px solid var(--line)}.compound-history:last-child{border-bottom:0}.compound-history>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:18px 0;list-style:none}.compound-history>summary::-webkit-details-marker{display:none}.compound-history>summary strong{display:block;font-size:16px}.compound-history>summary small{display:block;margin-top:4px;font-size:12px}.compound-history>summary>span:last-child:after{content:' +';color:var(--muted);margin-left:8px}.compound-history[open]>summary>span:last-child:after{content:' −'}.history-caption{font-size:11px;color:var(--muted);padding:0 0 10px}.compound-history .entry{align-items:flex-start}.compound-history .entry>div>small{line-height:1.65}.card{background:linear-gradient(135deg,#121923,#0f141c);border-color:#2b3542;box-shadow:0 16px 32px #0002,inset 0 1px 0 #ffffff04}.primary{box-shadow:0 3px 14px #ebc45a12}.nav{border-color:#35404e;background:#101721f5;box-shadow:0 10px 30px #0006}.log-type{padding-bottom:22px}label{letter-spacing:.15px}.optional-fields summary{padding:4px 0}.version-badge{background:linear-gradient(145deg,#342d1a,#211d13)}
@media(max-width:600px){.log-card .form-grid,.toolbar .form-grid{grid-template-columns:minmax(0,1fr);gap:0}.log-type{align-items:flex-start;flex-direction:column;gap:10px}.log-type select{width:100%;max-width:none}.toolbar{padding:20px}.toolbar .row{gap:10px}.toolbar .row>button{padding:12px 8px}.form-grid label{margin-top:16px}.set input{padding:10px 7px}.compound-history>summary{gap:10px}.compound-history .entry{display:block}.compound-history .entry .danger{margin-top:10px}.trend-two>.card{box-shadow:none}}
/* Subtle glass: readable opaque controls over translucent surfaces. */
body{background:radial-gradient(ellipse at 10% 12%,#27394c55,transparent 42%),radial-gradient(ellipse at 90% 32%,#3d322644,transparent 45%),#080c12;background-attachment:fixed}.card{background:linear-gradient(135deg,#20304485,#121b268c);border:1px solid #8199b42b;box-shadow:0 16px 38px #0003,inset 0 1px 0 #d7e7ff0c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.grid .card{background:linear-gradient(135deg,#25374a90,#15202d9e)}.explore-card{background:linear-gradient(135deg,#403b2880,#182637a0);border-color:#a293613d}.log-card{background:linear-gradient(135deg,#2234498c,#121b27bd)}input,select,textarea{background:#080f19d9;border-color:#758ba23a;box-shadow:inset 0 1px 3px #0003}input:focus,select:focus,textarea:focus{outline:2px solid #d3b766aa;outline-offset:1px}.nav{background:#1b263ab8;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid #9db4d33d;box-shadow:0 12px 35px #0007,inset 0 1px 0 #d7e7ff14}.nav button.active{background:linear-gradient(135deg,#5448298c,#322a1da6);box-shadow:inset 0 1px 0 #dfcc9b12}.drag-handle,.order-buttons button{background:#21314780;border-color:#91a8c32b}.top{border-color:#9db4d32b}.compound-history{border-color:#8aa2bd24}.report-preview{background:#07090c}.primary{background:linear-gradient(135deg,#f1ce6c,#dfb94f)!important}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.card,.log-card,.explore-card{background:#14202d}.nav{background:#182434}}
@media(prefers-reduced-transparency:reduce){.card,.log-card,.explore-card{background:#14202d;backdrop-filter:none}.nav{background:#182434;backdrop-filter:none}}
.nutrition-ring{display:flex;align-items:center;gap:20px;margin:20px 0}.nutrition-ring svg{width:130px;height:130px;flex:0 0 130px}.nutrition-ring svg text{fill:var(--muted);font-size:9px;font-weight:650;letter-spacing:.8px}.nutrition-ring>div{flex:1;min-width:0}.nutrition-ring p{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #9db4d31a}.nutrition-ring p span{flex:1}.nutrition-ring strong{font-size:14px;font-variant-numeric:tabular-nums}.nutrition-ring small{font-size:12px}.coral{color:var(--red)}.comparison-help{font-size:12px;color:var(--muted);margin-top:15px;line-height:1.6}.toolbar input[type=month]{min-width:0;max-width:100%;appearance:none;-webkit-appearance:none;width:100%;text-align:left}
@media(max-width:400px){.nutrition-ring{gap:12px}.nutrition-ring svg{width:106px;height:106px;flex-basis:106px}.nutrition-ring p{gap:7px;font-size:13px}}
.health-connection{margin-bottom:24px}.connection-intro{margin-top:14px;max-width:720px;color:#bbc6d3;line-height:1.7}.connection-help{margin:16px 0;font-size:13px;color:var(--muted)}.sync-setup{padding:20px;margin-top:22px;border:1px solid #7c714443;background:#09111b8a;border-radius:13px}.sync-setup input{font-size:14px}.sync-setup .copy-sync{margin:10px 0 8px}.sync-setup>small{display:block;line-height:1.6}.sync-receipt{margin-top:20px;padding:16px;border-left:2px solid var(--teal);background:#0e1c2480;border-radius:0 10px 10px 0}.sync-receipt strong,.sync-receipt small{display:block}.sync-receipt p{margin:8px 0;font-size:13px}.connection-guide{margin-top:22px;border-top:1px solid var(--line);padding-top:17px}.connection-guide summary{font-size:14px;color:var(--gold);cursor:pointer}.connection-guide ol{padding-left:23px}.connection-guide li{padding:7px 0;line-height:1.7;font-size:14px}.connection-guide p{margin-top:14px;line-height:1.7;font-size:13px;color:var(--muted)}.connection-expiry{display:block;margin-top:22px}.sync-error{margin-top:15px;font-size:13px}@media(max-width:700px){.health-connection .row button{width:100%}.sync-setup{padding:15px}.sync-setup .copy-sync{width:100%}.health-connection .badge{margin-top:5px}}

.sync-run{padding:14px 0;border-top:1px solid var(--line,#28323d)}.sync-run summary{line-height:1.6;overflow-wrap:anywhere}.sync-change{margin:12px 0;padding:12px;border-radius:12px;background:#ffffff05}.sync-change small{display:block;overflow-wrap:anywhere}.sync-change ul{padding-left:20px;line-height:1.7}.sync-history p{line-height:1.6;overflow-wrap:anywhere}

.site-side{border:0;padding:0;margin:18px 0 22px;min-width:0}.site-side legend{font-size:14px;color:#b7c0cd;margin-bottom:9px}.site-side legend small{font-size:11px;color:var(--muted);margin-left:5px}.side-options{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:5px;border:1px solid var(--line);background:#080e1680;padding:5px;border-radius:13px}.side-options label{position:relative;margin:0;cursor:pointer;min-width:0}.side-options input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.side-options span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:7px 4px;font-size:13px;border:1px solid transparent;border-radius:9px;color:var(--muted)}.side-options input:checked+span{background:#ebc45a18;border-color:#ebc45a55;color:var(--gold);box-shadow:inset 0 1px 0 #ffffff06}.side-options input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}

.account-security details>summary,.log-photo-upload>summary{cursor:pointer;font-size:16px;font-weight:600}.account-security form{max-width:600px}.account-security #mfa-qr{display:block;max-width:100%;margin:20px 0;border-radius:14px;background:white}.account-security #mfa-secret{font-family:monospace;font-size:13px}.authenticator-link{display:inline-block;margin:12px 0;color:var(--gold)}.recovery-list{padding:18px;margin:18px 0;background:#ebc45a0b;border:1px solid #ebc45a38;border-radius:12px}.recovery-list pre{font-size:13px;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap}.recovery-list button{margin:6px 6px 0 0}.photo-privacy{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:18px 0}.photo-privacy label{display:flex;align-items:center;gap:10px;margin:0}.photo-privacy input{width:auto;min-height:20px}.photos figure{overflow:hidden}.photos-blurred img{filter:blur(18px);pointer-events:none}.photo-upload-status{font-size:13px;color:var(--teal);margin-top:12px}.log-photo-upload form{margin-top:16px}.log-photo-upload .note{margin-top:12px}@media(max-width:600px){.photo-privacy{align-items:flex-start;flex-direction:column}.account-security .row button{width:100%}}
.account-security{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.account-security>.row{grid-column:1/-1}.account-security>details{margin-top:0;min-width:0}.account-security form{max-width:none}@media(max-width:700px){.account-security{grid-template-columns:minmax(0,1fr);gap:20px}}

.full-history>summary{cursor:pointer;list-style:none}.full-history>summary strong{font-size:20px}.full-history>summary small{display:block;margin-top:6px}.full-history>summary:after{content:'＋';float:right;color:var(--gold)}.full-history[open]>summary:after{content:'−'}.history-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.history-filters>div{min-width:0}.history-filter-actions{display:flex;gap:10px;align-items:end}.history-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.history-totals>div{background:#ffffff05;padding:13px;border-radius:12px}.history-totals strong{display:block;font-size:22px;color:var(--gold);margin-top:6px}.history-count{margin-top:20px;color:var(--muted);font-size:13px}.history-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:16px 0}.history-pager button{padding:10px 12px}.history-pager span{padding:0 5px;font-size:13px}.history-record{padding:18px 0;border-top:1px solid var(--line)}.history-record>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer}.history-record>summary strong{display:block}.history-record>summary small{display:block;margin-top:6px}.history-measures{display:flex;gap:18px;flex-shrink:0;font-size:12px;color:var(--muted)}.history-measures strong{font-size:16px;color:var(--text,#eeeae1)}.history-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.history-fields dt{font-size:12px;color:var(--muted)}.history-fields dd{margin:5px 0;overflow-wrap:anywhere}.history-record table{margin-top:14px}.history-record .record-notes p{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:700px){.history-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.history-filters>div:first-child,.history-filter-actions{grid-column:1/-1}.history-record>summary{align-items:flex-start;flex-direction:column;gap:12px}.history-measures{width:100%;justify-content:space-between;gap:10px}.history-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.history-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}

.chart-gap-details{color:var(--muted);font-size:12px;margin-top:8px}.chart-gap-details summary{cursor:pointer}.chart-gap-details p{margin:8px 0}.trend-controls label:not(:first-child){margin-top:12px}

/* Lift archive: restrained glass, clear typography and compact disclosures. */
.full-history{background:radial-gradient(ellipse at 100% 0,#33d0bd0c,transparent 40%),linear-gradient(145deg,#1b2836cc,#111923e8);border:1px solid #a6bfd924;box-shadow:inset 0 1px #ffffff0b,0 22px 60px #00000024;overflow:hidden}
.full-history>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 0}
.full-history>summary strong{font-size:28px;letter-spacing:-1px;font-weight:650}
.full-history .history-eyebrow{display:block;font-size:10px;letter-spacing:2.2px;text-transform:uppercase;color:var(--teal);margin-bottom:10px}
.full-history>summary small{font-size:12px;color:var(--muted);margin-top:10px}
.full-history>summary:after{float:none;display:grid;place-items:center;flex:0 0 36px;height:36px;border:1px solid #ffffff14;border-radius:12px;background:#ffffff04;font-size:20px}
.history-intro{font-size:13px;color:var(--muted);margin:16px 0 24px;line-height:1.6}
.full-history .history-filters{grid-template-columns:minmax(0,1.3fr) minmax(0,1.3fr) minmax(0,.7fr);gap:14px;padding:18px;background:#080f172e;border:1px solid #ffffff0b;border-radius:18px}
.history-filters label{font-size:11px;font-weight:500;letter-spacing:.2px;color:#b9c5d3}
.history-filters input,.history-filters select{background:#0a121bbb;border-color:#ffffff12;border-radius:12px;min-height:46px;font-size:14px}
.history-filters input:focus,.history-filters select:focus{border-color:#33d0bd88;box-shadow:0 0 0 3px #33d0bd0e;outline:none}
.history-advanced{grid-column:1/-1;border-top:1px solid #ffffff0b;padding-top:13px}
.history-advanced>summary{cursor:pointer;font-size:12px;color:#a4b5c9}
.history-advanced-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:14px}
.history-advanced-grid>div{min-width:0}
.history-filter-actions{grid-column:1/-1;justify-content:flex-end;margin-top:2px}
.history-filter-actions button{min-height:42px;border-radius:12px;font-size:13px;padding:10px 18px}
.history-filter-actions .primary{background:linear-gradient(135deg,#f1d47b,#dfb949);box-shadow:inset 0 1px #ffffff44}
.history-totals{gap:10px;margin:20px 0 14px}
.history-totals>div{border:1px solid #ffffff0c;border-radius:15px;background:linear-gradient(135deg,#ffffff04,#ffffff01);padding:16px}
.history-totals small{font-size:10px;line-height:1.5;display:block;text-transform:uppercase;letter-spacing:1px}
.history-totals strong{font-size:25px;letter-spacing:-.6px;font-variant-numeric:tabular-nums;margin-top:10px;color:#f1e4b8}
.history-totals>div:last-child strong{color:var(--teal)}
.full-history>.history-totals+small{font-size:11px;line-height:1.6;color:#8293a9;display:block}
.history-list{display:grid;gap:12px}
.history-record{padding:20px;border:1px solid #ffffff0d;border-radius:17px;background:linear-gradient(125deg,#ffffff04,#ffffff01);transition:border-color .2s,background .2s}
.history-record:hover{border-color:#ffffff22}
.history-record[open]{background:linear-gradient(135deg,#23334277,#111b28aa);border-color:#33d0bd38;box-shadow:inset 2px 0 #33d0bd66}
.history-record>summary{list-style:none}
.history-record>summary::-webkit-details-marker,.full-history>summary::-webkit-details-marker{display:none}
.history-record-title{min-width:0;flex:1}
.history-record-title>strong{font-size:16px;letter-spacing:-.25px;line-height:1.4;overflow-wrap:anywhere}
.history-record-title>small{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;letter-spacing:.3px;color:#8fa1b8;margin-top:8px!important}
.history-measures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;min-width:340px}
.history-measures>span{min-width:0}
.history-record .history-measures small{font-size:9px;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;margin:0 0 6px;color:#8e9fb4}
.history-measures strong{font-size:18px;letter-spacing:-.35px;font-variant-numeric:tabular-nums}
.history-measures>span:last-child strong{color:var(--teal)}
.history-record .table-wrap{border:1px solid #ffffff0b;border-radius:12px;margin-top:20px;background:#08111a33}
.history-record table{margin:0;font-size:12px}
.history-record th{font-size:10px;color:#94a8bc;font-weight:500;padding:12px 10px}
.history-record td{padding:12px 10px;font-variant-numeric:tabular-nums}
.history-record tbody tr:last-child td{border-bottom:0}
.history-record .history-fields{padding-top:14px;border-top:1px solid #ffffff0b;font-size:12px}
.history-record .history-fields dt{font-size:10px;color:#8094aa}
.history-record .record-notes{border-top:1px solid #ffffff0b;padding-top:12px;font-size:12px;color:#9bacc0}
.history-count{font-size:11px;letter-spacing:.2px;margin:22px 0 10px}
.history-pager{display:grid;grid-template-columns:auto auto 1fr auto auto;gap:6px;margin:12px 0 20px}
.history-pager button{padding:9px 12px;border-radius:10px;background:#ffffff03;border-color:#ffffff0d;font-size:11px;min-height:38px}
.history-pager span{text-align:center;font-size:11px;white-space:nowrap;color:#a8b8c9}
.history-pager button:disabled{opacity:.3}
@media(max-width:850px){.history-record>summary{flex-direction:column;align-items:stretch}.history-measures{min-width:0;width:100%}.history-record-title{flex:auto}}

.layout-picker{position:relative;z-index:30;text-align:left}.layout-picker>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:9px;min-height:36px}.layout-picker>summary::-webkit-details-marker{display:none}.layout-picker[open]>summary{border-color:var(--gold)}.layout-menu{position:absolute;right:0;top:calc(100% + 10px);width:280px;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 18px 70px #0008;backdrop-filter:blur(25px)}.layout-menu>small{display:block;font-size:10px;letter-spacing:1.5px;padding:0 7px 9px;color:var(--muted)}.layout-menu button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 9px;margin:3px 0;background:transparent;border:1px solid transparent;border-radius:12px}.layout-menu button[aria-pressed=true]{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 9%,transparent)}.layout-menu strong{display:block;font-size:14px}.layout-menu button small{display:block;font-size:10px;margin-top:3px;letter-spacing:0}.layout-check{margin-left:auto;color:var(--gold);opacity:0}.layout-menu button[aria-pressed=true] .layout-check{opacity:1}.layout-swatch{width:30px;height:35px;border-radius:8px;border:1px solid #ffffff25;flex:none}.swatch-basic{background:linear-gradient(145deg,#192534 65%,#ebc45a 65%)}.swatch-vader{background:linear-gradient(145deg,#050507 65%,#da3b41 65%)}.swatch-shimmer{background:linear-gradient(145deg,#fffefa 65%,#c5b492 65%)}.layout-menu .layout-menu-note{padding:9px 7px 0;letter-spacing:0;text-transform:none}.auth .layout-picker button{margin:3px 0}.auth .layout-picker{margin-left:auto}

:root[data-ui-layout=vader]{color-scheme:dark;--bg:#030304;--panel:#0c0d11;--line:#303036;--gold:#ed4b52;--teal:#91bfd0;--purple:#b0a5c5;--muted:#9c9ba6;--red:#ff6268;--text:#e5e5eb}
:root[data-ui-layout=shimmer]{color-scheme:light;--bg:#f7f6f2;--panel:#fffefa;--line:#e2ddd3;--gold:#8c7656;--teal:#426b59;--purple:#78658d;--muted:#80756a;--red:#a63e40;--text:#302d29;--primary-bg:linear-gradient(135deg,#e7dfcf,#d4c6ad);--primary-text:#302719}
html[data-ui-layout=vader] body{background:radial-gradient(ellipse at 85% 0,#58121b22,transparent 45%),#030304;color:var(--text)}
html[data-ui-layout=shimmer] body{background:radial-gradient(ellipse at 70% 0,#ffffff,transparent 55%),var(--bg);color:var(--text)}
html[data-ui-layout]:not([data-ui-layout=basic]) .card{background:var(--panel);border-color:var(--line);box-shadow:0 12px 36px #00000012,inset 0 1px #ffffff08}
html[data-ui-layout=vader] .card{background:linear-gradient(140deg,#131419,#08090c)}
html[data-ui-layout=shimmer] .card{background:linear-gradient(140deg,#fffffcee,#faf8f3ef);box-shadow:0 12px 36px #8f744015,inset 0 1px #fff;border-radius:20px}
html[data-ui-layout]:not([data-ui-layout=basic]) button{color:var(--text);background:var(--panel);border-color:var(--line)}
html[data-ui-layout]:not([data-ui-layout=basic]) button.primary{background:var(--primary-bg,var(--gold))!important;border-color:var(--gold);color:var(--primary-text,#fff7ee)}
html[data-ui-layout=shimmer] button.primary{background:linear-gradient(135deg,#e7dfcf,#d4c6ad)!important;color:#302719}
html[data-ui-layout]:not([data-ui-layout=basic]) input,html[data-ui-layout]:not([data-ui-layout=basic]) select,html[data-ui-layout]:not([data-ui-layout=basic]) textarea{background:var(--bg);color:var(--text);border-color:var(--line)}
html[data-ui-layout]:not([data-ui-layout=basic]) label,html[data-ui-layout]:not([data-ui-layout=basic]) .log-type label,html[data-ui-layout]:not([data-ui-layout=basic]) .history-measures strong{color:var(--text)}
html[data-ui-layout]:not([data-ui-layout=basic]) .nav{background:color-mix(in srgb,var(--panel) 92%,transparent);border-color:var(--line);box-shadow:0 8px 35px #0002}
html[data-ui-layout]:not([data-ui-layout=basic]) .nav button{background:transparent;color:var(--muted);border:0}
html[data-ui-layout]:not([data-ui-layout=basic]) .nav button.active,html[data-ui-layout]:not([data-ui-layout=basic]) .subnav button.selected,html[data-ui-layout]:not([data-ui-layout=basic]) .metric-tabs button.selected{background:color-mix(in srgb,var(--gold) 12%,transparent);color:var(--gold)}
html[data-ui-layout]:not([data-ui-layout=basic]) .version-badge,html[data-ui-layout]:not([data-ui-layout=basic]) .mark{background:color-mix(in srgb,var(--gold) 8%,var(--panel));border-color:color-mix(in srgb,var(--gold) 35%,var(--line));color:var(--gold)}
html[data-ui-layout]:not([data-ui-layout=basic]) .note,html[data-ui-layout]:not([data-ui-layout=basic]) .history-filters,html[data-ui-layout]:not([data-ui-layout=basic]) .history-totals>div,html[data-ui-layout]:not([data-ui-layout=basic]) .history-record,html[data-ui-layout]:not([data-ui-layout=basic]) .history-record .table-wrap{background:color-mix(in srgb,var(--panel) 80%,var(--bg));border-color:var(--line)}
html[data-ui-layout]:not([data-ui-layout=basic]) .history-record[open]{background:var(--panel);border-color:var(--teal);box-shadow:inset 2px 0 var(--teal)}
html[data-ui-layout]:not([data-ui-layout=basic]) .history-totals strong{color:var(--gold)}
html[data-ui-layout]:not([data-ui-layout=basic]) .history-totals>div:last-child strong,html[data-ui-layout]:not([data-ui-layout=basic]) .history-measures>span:last-child strong{color:var(--teal)}
html[data-ui-layout]:not([data-ui-layout=basic]) .history-record-title>small,html[data-ui-layout]:not([data-ui-layout=basic]) .history-advanced>summary,html[data-ui-layout]:not([data-ui-layout=basic]) .history-fields dt,html[data-ui-layout]:not([data-ui-layout=basic]) .history-record .record-notes,html[data-ui-layout]:not([data-ui-layout=basic]) .history-measures small,html[data-ui-layout]:not([data-ui-layout=basic]) .history-filters label,html[data-ui-layout]:not([data-ui-layout=basic]) .history-record th,html[data-ui-layout]:not([data-ui-layout=basic]) .history-pager span{color:var(--muted)}
html[data-ui-layout]:not([data-ui-layout=basic]) .history-record .history-fields,html[data-ui-layout]:not([data-ui-layout=basic]) .history-record .record-notes,html[data-ui-layout]:not([data-ui-layout=basic]) .history-advanced,html[data-ui-layout]:not([data-ui-layout=basic]) .history-record td{border-color:var(--line)}
html[data-ui-layout]:not([data-ui-layout=basic]) .layout-menu button{background:transparent;border-color:transparent}
html[data-ui-layout]:not([data-ui-layout=basic]) .layout-menu button[aria-pressed=true]{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 9%,transparent)}
html[data-ui-layout]:not([data-ui-layout=basic]) .report-preview{border-color:var(--line)}
html[data-ui-layout]:not([data-ui-layout=basic]) .chart polyline[stroke="#ebc45a"]{stroke:var(--gold)}
html[data-ui-layout]:not([data-ui-layout=basic]) .chart circle[fill="#ebc45a"]{fill:var(--gold)}
html[data-ui-layout]:not([data-ui-layout=basic]) .chart polyline[stroke="#33d0bd"]{stroke:var(--teal)}
html[data-ui-layout]:not([data-ui-layout=basic]) .chart circle[fill="#33d0bd"]{fill:var(--teal)}
html[data-ui-layout=shimmer] .chart>path{stroke:#d9d0c3}
html[data-ui-layout]:not([data-ui-layout=basic]) .auth .switch{color:var(--gold)}
html[data-ui-layout]:not([data-ui-layout=basic]) button.danger{color:var(--red)}
@media(max-width:700px){.full-history{padding:20px}.full-history>summary strong{font-size:25px}.full-history .history-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:14px;gap:12px}.full-history .history-filters>div:first-child{grid-column:1/-1}.history-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-filter-actions button{flex:1}.history-totals>div{padding:14px}.history-totals strong{font-size:24px}.history-record{padding:16px}.history-measures{gap:8px;margin-top:3px}.history-measures strong{font-size:17px}.history-record .history-measures small{font-size:8px;letter-spacing:.3px}.history-pager button{padding:8px}.history-pager span{padding:0}.history-record-title>strong{font-size:16px}}

html[data-ui-layout]:not([data-ui-layout=basic]) .connection-intro,html[data-ui-layout]:not([data-ui-layout=basic]) .full-history>.history-totals+small{color:var(--muted)}
html[data-ui-layout]:not([data-ui-layout=basic]) .sync-setup,html[data-ui-layout]:not([data-ui-layout=basic]) .sync-receipt,html[data-ui-layout]:not([data-ui-layout=basic]) .sync-change,html[data-ui-layout]:not([data-ui-layout=basic]) .recovery-list{background:color-mix(in srgb,var(--panel) 80%,var(--bg));border-color:var(--line)}
html[data-ui-layout]:not([data-ui-layout=basic]) .nutrition-ring svg text{fill:var(--muted)}
html[data-ui-layout]:not([data-ui-layout=basic]) .nutrition-ring svg circle:nth-child(1){stroke:var(--teal)}
html[data-ui-layout]:not([data-ui-layout=basic]) .nutrition-ring svg circle:nth-child(2){stroke:var(--purple)}
html[data-ui-layout]:not([data-ui-layout=basic]) .nutrition-ring svg circle:nth-child(3){stroke:var(--red)}

:root[data-ui-layout=balerion]{color-scheme:dark;--bg:#0d0e0e;--panel:#181817;--line:#3e3a32;--gold:#cbb995;--teal:#a3bba8;--purple:#b7adc9;--muted:#a9a294;--red:#d69897;--text:#eee9de;--primary-bg:linear-gradient(135deg,#c9bda5,#9f9075);--primary-text:#181814}
html[data-ui-layout=balerion] body{background:radial-gradient(ellipse at 70% 0,#29282488,transparent 55%),var(--bg);color:var(--text)}
html[data-ui-layout=balerion] .card{background:linear-gradient(140deg,#201f1dee,#141514ef);border-radius:20px;box-shadow:0 12px 36px #0004,inset 0 1px #f7efdc07}
.swatch-balerion{background:linear-gradient(145deg,#181817 65%,#cbb995 65%)}
.beta-disclosure{display:flex;align-items:flex-start;gap:10px;line-height:1.6;margin-top:20px}.beta-disclosure input{width:20px;min-height:20px;flex:none;margin-top:3px}
.admin-user{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.admin-user[hidden]{display:none}.admin-user>div{min-width:0}.admin-user strong,.admin-user small{display:block;overflow-wrap:anywhere}.admin-user small{font-size:11px;margin-top:5px}.admin-link{overflow-wrap:anywhere;margin-top:15px}.admin-link a{display:block;font-size:12px;padding:14px;border:1px solid var(--line);border-radius:12px}.admin-credentials>summary{cursor:pointer}.admin-credentials small{display:block;margin-top:12px}.admin-credentials input{max-width:500px}.admin-user-action{font-size:12px}#admin-record-json{font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px}#admin-editor summary{cursor:pointer}.auth details p{font-size:12px;line-height:1.7}.auth details summary{font-size:13px;cursor:pointer}@media(max-width:700px){.admin-user{align-items:flex-start;flex-direction:column}.admin-user button{width:100%}}

:root[data-ui-layout=bills]{color-scheme:dark;--bg:#091b37;--panel:#112c51;--line:#294875;--gold:#ff5068;--teal:#81b6ff;--purple:#bbc9e2;--muted:#9aafd0;--red:#ef4162;--text:#f3f7ff;--primary-bg:linear-gradient(135deg,#2565bd,#144993);--primary-text:#fff}
html[data-ui-layout=bills] body{background:radial-gradient(ellipse at 75% 0,#174d9855,transparent 55%),var(--bg);color:var(--text)}
html[data-ui-layout=bills] .card{background:linear-gradient(140deg,#183960e8,#0c2444ef);box-shadow:0 14px 35px #0003,inset 0 1px #9abcf01a}
html[data-ui-layout=bills] .top{border-bottom-color:#e13d5c66}html[data-ui-layout=bills] .brand span{color:#f3f7ff}html[data-ui-layout=bills] .mark{background:#1955a2;color:white;border-color:#ff5068}
html[data-ui-layout=bills] .nav button.active{background:#2460b255;color:#fff;box-shadow:inset 0 -2px #ff5068}
.swatch-bills{background:linear-gradient(145deg,#1b54a0 50%,#f3f7ff 50%,#f3f7ff 65%,#d72f50 65%)}

/* Crimson glass and forged metal layouts. Shared controls inherit their palette. */

:root[data-ui-layout=red-rising]{color-scheme:dark;--bg:#100707;--panel:#2b1010;--line:#69302b;--gold:#ff9181;--teal:#d9ba79;--purple:#b6ada4;--muted:#c0a49a;--red:#ffa18d;--text:#f7ece3;--primary-bg:linear-gradient(135deg,#b52b24,#801712);--primary-text:#fff1e9}
html[data-ui-layout=red-rising] body{background:radial-gradient(ellipse at 75% 0,#981e144d,transparent 58%),var(--bg);color:var(--text)}
html[data-ui-layout=red-rising] .card{background:linear-gradient(145deg,#411612df,#1d0c0bed);box-shadow:0 14px 40px #0005,inset 0 1px #ffd5ba12}
html[data-ui-layout=red-rising] .top{border-bottom-color:#b3362466}
html[data-ui-layout=red-rising] .brand span{color:#d9ba79}
.swatch-red-rising{background:linear-gradient(145deg,#8a2019 65%,#d9ba79 65%)}
:root[data-ui-layout=iron-gold]{color-scheme:dark;--bg:#14130e;--panel:#29251a;--line:#6d5b32;--gold:#f2d17c;--teal:#b6c1a1;--purple:#c5b89a;--muted:#c0b496;--red:#dbab85;--text:#fff4d6;--primary-bg:linear-gradient(115deg,#a77b28 0%,#f7dfa0 28%,#c79b43 48%,#fff0ba 63%,#c3973d 82%,#e7c46d 100%);--primary-text:#281e08}
html[data-ui-layout=iron-gold] body{background:radial-gradient(ellipse at 75% 0,#96732644,transparent 58%),var(--bg);color:var(--text)}
html[data-ui-layout=iron-gold] .card{background:linear-gradient(118deg,#29251bea 0%,#453b25e8 35%,#302b1dee 48%,#48402ae8 60%,#242218ef 100%);border-color:#9a7b4166;box-shadow:0 14px 40px #0005,inset 0 1px #ffe8a93d,inset 0 -1px #95753428}
html[data-ui-layout=iron-gold] .top{border-bottom-color:#dcb56088}
html[data-ui-layout=iron-gold] .mark{background:var(--primary-bg);color:#281e08;border-color:#ecd08a;box-shadow:inset 0 1px #fff5c9}
html[data-ui-layout=iron-gold] .hero h1,html[data-ui-layout=iron-gold] .brand>span:last-child{color:#f2d17c}
html[data-ui-layout=iron-gold] .nav button.active{background:var(--primary-bg);color:#281e08}
.swatch-iron-gold{background:linear-gradient(115deg,#957027,#ffe8a0 30%,#b18837 48%,#fff0ba 65%,#b68a34)}
.layout-menu{max-height:min(640px,calc(100dvh - 110px));overflow-y:auto;overscroll-behavior:contain}

/* Team and emerald layouts share the same accessible controls and report palette. */
:root[data-ui-layout=rangers]{color-scheme:dark;--bg:#07152e;--panel:#112a4c;--line:#35557d;--gold:#8fb8ff;--teal:#eef4ff;--purple:#bacbea;--red:#ff7b83;--muted:#a4b7d3;--text:#f2f6ff;--primary-bg:linear-gradient(135deg,#1758bf,#b72c40);--primary-text:#fff}
html[data-ui-layout=rangers] body{background:radial-gradient(ellipse at 75% 0,#1758bf33,transparent 58%),var(--bg);color:var(--text)}
html[data-ui-layout=rangers] .card{background:linear-gradient(140deg,#112a4ced,#07152eed);box-shadow:0 14px 40px #0004,inset 0 1px #8fb8ff18}
html[data-ui-layout=rangers] .top{border-bottom-color:#b72c4088}
.swatch-rangers{background:linear-gradient(145deg,#1758bf 55%,#f2f6ff 55%,#f2f6ff 68%,#b72c40 68%)}
:root[data-ui-layout=islanders]{color-scheme:dark;--bg:#071a30;--panel:#102e4c;--line:#345779;--gold:#ffae64;--teal:#8ac4fa;--purple:#b3bfdc;--red:#f7a17a;--muted:#a1b8cc;--text:#f2f6f9;--primary-bg:linear-gradient(135deg,#ea872e,#ad5519);--primary-text:#fff}
html[data-ui-layout=islanders] body{background:radial-gradient(ellipse at 75% 0,#ea872e33,transparent 58%),var(--bg);color:var(--text)}
html[data-ui-layout=islanders] .card{background:linear-gradient(140deg,#102e4ced,#071a30ed);box-shadow:0 14px 40px #0004,inset 0 1px #ffae6418}
html[data-ui-layout=islanders] .top{border-bottom-color:#ad551988}
.swatch-islanders{background:linear-gradient(145deg,#ea872e 55%,#f2f6f9 55%,#f2f6f9 68%,#ad5519 68%)}
:root[data-ui-layout=giants]{color-scheme:dark;--bg:#080f22;--panel:#15213b;--line:#384969;--gold:#9fbdff;--teal:#c4cfde;--purple:#a9b5d0;--red:#ff8090;--muted:#a5afc3;--text:#f0f3f8;--primary-bg:linear-gradient(135deg,#244b9b,#a31f3e);--primary-text:#fff}
html[data-ui-layout=giants] body{background:radial-gradient(ellipse at 75% 0,#244b9b33,transparent 58%),var(--bg);color:var(--text)}
html[data-ui-layout=giants] .card{background:linear-gradient(140deg,#15213bed,#080f22ed);box-shadow:0 14px 40px #0004,inset 0 1px #9fbdff18}
html[data-ui-layout=giants] .top{border-bottom-color:#a31f3e88}
.swatch-giants{background:linear-gradient(145deg,#244b9b 55%,#f0f3f8 55%,#f0f3f8 68%,#a31f3e 68%)}
:root[data-ui-layout=jets]{color-scheme:dark;--bg:#07140f;--panel:#102b20;--line:#345846;--gold:#87dcb1;--teal:#dce8e1;--purple:#b2c4bb;--red:#e2b79d;--muted:#a5bfb0;--text:#f1f7f3;--primary-bg:linear-gradient(135deg,#167343,#0b4c2b);--primary-text:#fff}
html[data-ui-layout=jets] body{background:radial-gradient(ellipse at 75% 0,#16734333,transparent 58%),var(--bg);color:var(--text)}
html[data-ui-layout=jets] .card{background:linear-gradient(140deg,#102b20ed,#07140fed);box-shadow:0 14px 40px #0004,inset 0 1px #87dcb118}
html[data-ui-layout=jets] .top{border-bottom-color:#0b4c2b88}
.swatch-jets{background:linear-gradient(145deg,#167343 55%,#f1f7f3 55%,#f1f7f3 68%,#0b4c2b 68%)}
:root[data-ui-layout=green-lantern]{color-scheme:dark;--bg:#030e0a;--panel:#0d251c;--line:#28513c;--gold:#a6f573;--teal:#61e3bc;--purple:#b9caa2;--red:#e7b599;--muted:#9ebba8;--text:#edf8e9;--primary-bg:linear-gradient(135deg,#a6f573,#43ad61);--primary-text:#092013}
html[data-ui-layout=green-lantern] body{background:radial-gradient(ellipse at 75% 0,#a6f57333,transparent 58%),var(--bg);color:var(--text)}
html[data-ui-layout=green-lantern] .card{background:linear-gradient(140deg,#0d251ced,#030e0aed);box-shadow:0 14px 40px #0004,inset 0 1px #a6f57318}
html[data-ui-layout=green-lantern] .top{border-bottom-color:#43ad6188}
.swatch-green-lantern{background:linear-gradient(145deg,#a6f573 55%,#edf8e9 55%,#edf8e9 68%,#43ad61 68%)}
html[data-ui-layout=green-lantern] .mark,html[data-ui-layout=green-lantern] button.primary{box-shadow:0 0 24px #73e87525,inset 0 1px #edffcf66}
html[data-ui-layout=green-lantern] .nav button.active{box-shadow:inset 0 -2px #a6f573,0 0 18px #69da6612}

/* Hero, symbiote and crystal palettes. */
:root[data-ui-layout=super]{color-scheme:dark;--bg:#081d3a;--panel:#133657;--line:#365c84;--gold:#ffdb77;--teal:#9bcbff;--purple:#b5c5e3;--red:#ff8a86;--muted:#abc1da;--text:#f5f8ff;--primary-bg:linear-gradient(135deg,#2569ba,#b92e38);--primary-text:#fff}
html[data-ui-layout=super] body{background:radial-gradient(ellipse at 75% 0,#b92e3844,transparent 58%),var(--bg);color:var(--text)}
html[data-ui-layout=super] .card{background:linear-gradient(140deg,#133657ed,#081d3aed);box-shadow:0 14px 40px #0004,inset 0 1px #ffdb7718}
.swatch-super{background:linear-gradient(145deg,#2569ba 55%,#133657 55%,#133657 70%,#b92e38 70%)}
:root[data-ui-layout=spider]{color-scheme:dark;--bg:#0d1225;--panel:#251b30;--line:#594151;--gold:#ff9494;--teal:#9cbeee;--purple:#b9b6d1;--red:#ffa18b;--muted:#b7adbd;--text:#f6eff1;--primary-bg:linear-gradient(135deg,#b62b35,#73192c);--primary-text:#fff}
html[data-ui-layout=spider] body{background:radial-gradient(ellipse at 75% 0,#73192c44,transparent 58%),var(--bg);color:var(--text)}
html[data-ui-layout=spider] .card{background:linear-gradient(140deg,#251b30ed,#0d1225ed);box-shadow:0 14px 40px #0004,inset 0 1px #ff949418}
.swatch-spider{background:linear-gradient(145deg,#b62b35 55%,#251b30 55%,#251b30 70%,#73192c 70%)}
:root[data-ui-layout=venom]{color-scheme:dark;--bg:#050609;--panel:#15181f;--line:#3e4554;--gold:#e0e7f3;--teal:#a9bfd2;--purple:#b9b7ce;--red:#d59ba5;--muted:#a5adbd;--text:#f3f5fa;--primary-bg:linear-gradient(135deg,#e7edf7,#8a98b3);--primary-text:#131923}
html[data-ui-layout=venom] body{background:radial-gradient(ellipse at 75% 0,#8a98b344,transparent 58%),var(--bg);color:var(--text)}
html[data-ui-layout=venom] .card{background:linear-gradient(140deg,#15181fed,#050609ed);box-shadow:0 14px 40px #0004,inset 0 1px #e0e7f318}
.swatch-venom{background:linear-gradient(145deg,#e7edf7 55%,#15181f 55%,#15181f 70%,#8a98b3 70%)}
:root[data-ui-layout=kryptonite]{color-scheme:dark;--bg:#041610;--panel:#12392c;--line:#396b52;--gold:#c0ff8c;--teal:#7bf0c4;--purple:#bedda6;--red:#e2bf9b;--muted:#acd0b9;--text:#f0ffe9;--primary-bg:linear-gradient(135deg,#d2ffa1,#5bd898);--primary-text:#102018}
html[data-ui-layout=kryptonite] body{background:radial-gradient(ellipse at 75% 0,#5bd89844,transparent 58%),var(--bg);color:var(--text)}
html[data-ui-layout=kryptonite] .card{background:linear-gradient(140deg,#12392ced,#041610ed);box-shadow:0 14px 40px #0004,inset 0 1px #c0ff8c18}
.swatch-kryptonite{background:linear-gradient(145deg,#d2ffa1 55%,#12392c 55%,#12392c 70%,#5bd898 70%)}
html[data-ui-layout=super] .top{border-bottom-color:#e4bf6566}html[data-ui-layout=super] .nav button.active{box-shadow:inset 0 -2px #e64b4e}
html[data-ui-layout=spider] body{background:repeating-linear-gradient(30deg,#d1576206 0 1px,transparent 1px 90px),repeating-linear-gradient(150deg,#d1576206 0 1px,transparent 1px 90px),radial-gradient(ellipse at 75% 0,#73192c55,transparent 58%),var(--bg)}
html[data-ui-layout=venom] .card{background:linear-gradient(120deg,#0c0f14ee,#282d36de 40%,#0e1117ee 70%);border-color:#a5b3c02a}html[data-ui-layout=venom] .mark{color:#f3f5fa;box-shadow:inset 0 1px #e0e7f330}
html[data-ui-layout=kryptonite] body{background:conic-gradient(from 200deg at 85% 0,#45cb8714,transparent 20%,#bfff7814 30%,transparent 50%),radial-gradient(ellipse at 75% 0,#277b5655,transparent 58%),var(--bg)}
html[data-ui-layout=kryptonite] .card{background:linear-gradient(125deg,#12392cdd 0%,#244b32dd 32%,#12362bdd 34%,#244b32dd 65%,#0a2119ee 67%);box-shadow:0 14px 40px #0004,inset 0 1px #c0ff8c40}
html[data-ui-layout=kryptonite] .mark,html[data-ui-layout=kryptonite] button.primary{box-shadow:0 0 25px #8fff6b22,inset 0 1px #efffd7}

/* Stronger team identities: royal blue/crimson and ocean blue/orange. */
:root[data-ui-layout=rangers]{--bg:#061533;--panel:#123b78;--line:#4772ac;--gold:#ff8790;--teal:#f0f5ff;--purple:#bed0ed;--red:#ff8e96;--muted:#b1c6e5;--text:#f7faff;--primary-bg:linear-gradient(135deg,#d73849,#a91f35)}
html[data-ui-layout=rangers] body{background:radial-gradient(ellipse at 70% 0,#1a58b6aa,transparent 70%),var(--bg)}
html[data-ui-layout=rangers] .card{background:linear-gradient(145deg,#17458be8,#0a2859ee);border-color:#5983bc66}
html[data-ui-layout=rangers] .top{border-bottom:3px solid #d73849}html[data-ui-layout=rangers] .mark{background:#f0f5ff;color:#17458b;border-color:#d73849}
html[data-ui-layout=rangers] .nav button.active{background:#d73849;color:white;box-shadow:inset 0 -2px #f0f5ff}
.swatch-rangers{background:linear-gradient(145deg,#17458b 50%,#fff 50%,#fff 65%,#d73849 65%)}
:root[data-ui-layout=islanders]{--bg:#071d37;--panel:#123d64;--line:#54758d;--gold:#ffb36d;--teal:#91ceff;--purple:#c6cdd7;--red:#ffc095;--muted:#b2c6d8;--text:#fff6ed;--primary-bg:linear-gradient(135deg,#ffb668,#ef842b);--primary-text:#341904}
html[data-ui-layout=islanders] body{background:radial-gradient(ellipse at 95% 0,#f5822044,transparent 55%),radial-gradient(ellipse at 0 30%,#12549788,transparent 65%),var(--bg)}
html[data-ui-layout=islanders] .card{background:linear-gradient(145deg,#194a73e8,#0e2b4aef);border-top-color:#ff9c4266}
html[data-ui-layout=islanders] .top{border-bottom:3px solid #f58220}html[data-ui-layout=islanders] .mark{background:#f58220;color:#071d37;border-color:#ffcc95}
html[data-ui-layout=islanders] .nav button.active{background:#f58220;color:#271400;box-shadow:inset 0 -2px #fff6ed}
.swatch-islanders{background:linear-gradient(145deg,#164b80 55%,#f58220 55%)}

.lift-detail-chart{margin:24px 0;padding:20px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--panel) 85%,var(--bg));min-width:0}.lift-detail-chart h3{margin:0 0 6px}.lift-detail-chart label{font-size:11px;min-width:180px}.lift-chart-scroll{width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:var(--gold) var(--panel);margin-top:20px}.lift-chart-track{position:relative;height:200px;display:flex}.lift-chart-track svg{position:absolute;inset:0;width:100%;height:180px;pointer-events:none}.lift-chart-point{position:relative;flex:none;height:200px;padding:0!important;background:transparent!important;border:0!important;color:var(--text);border-radius:0}.lift-point-dot{position:absolute;left:calc(50% - 5px);top:calc(var(--point-y) - 5px);width:10px;height:10px;background:var(--gold);border-radius:50%}.lift-point-value{position:absolute;left:0;width:100%;top:calc(var(--point-y) - 30px);font-size:12px;font-weight:700}.lift-chart-point time{position:absolute;bottom:7px;left:0;width:100%;font-size:9px;color:var(--muted)}.lift-chart-point[aria-pressed=true]{background:color-mix(in srgb,var(--gold) 10%,transparent)!important}.lift-chart-point:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}.lift-chart-navigation{margin:12px 0;gap:8px}.lift-chart-navigation button{font-size:11px;padding:8px 12px}.lift-chart-navigation small{font-size:10px}.lift-detail-chart .note p{margin:10px 0}.lift-detail-chart .note button{font-size:12px}@media(max-width:600px){.lift-detail-chart{padding:14px}.lift-detail-chart>.row{align-items:stretch;flex-direction:column}.lift-detail-chart label{width:100%}.lift-point-value{font-size:10px}.lift-chart-point time{font-size:8px}}

.lift-detail-chart>.lift-chart-navigation{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px}.lift-chart-navigation button{width:auto;flex:0 0 auto;min-width:44px;min-height:40px;padding:7px 13px}.lift-chart-navigation small{flex-basis:100%;margin-top:3px}.lift-chart-navigation #lift-chart-latest{margin-left:auto}

.chart-view-toggle{display:flex;justify-content:flex-end;gap:3px;margin:10px 0 8px}.chart-view-toggle button{font-size:11px;min-height:32px;padding:5px 10px;border-radius:8px;background:transparent}.chart-view-toggle button[aria-pressed=true]{background:color-mix(in srgb,var(--gold) 12%,var(--panel));color:var(--gold);border-color:var(--gold)}.swipe-scroll{overflow-x:auto;overscroll-behavior-x:contain;width:100%;margin-top:8px}.swipe-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.swipe-footer small,.swipe-readout{font-size:11px}.swipe-footer button,.swipe-readout button{font-size:11px;padding:5px 10px;min-height:32px}.swipe-readout{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.chart-overview[hidden],.chart-swipe[hidden]{display:none}.chart-views{min-width:0}

.report-crop-preview{display:block;width:100%;max-width:300px;border-radius:12px;margin:14px 0}.report-photo-options summary{cursor:pointer}.report-photo-options input[type=range]{width:100%}

/* Slightly clearer pastels without changing theme surfaces. */
:root[data-ui-layout=balerion]{--teal:#b5d7bf;--purple:#d0bdeb;--red:#efada8}
:root[data-ui-layout=iron-gold]{--teal:#c5dbb1;--purple:#ded0af;--red:#f1bc94}
:root[data-ui-layout=venom]{--teal:#c4dcef;--purple:#d4c6eb;--red:#efb2bf}
:root[data-ui-layout=vader]{--teal:#add8e2;--purple:#cbb9e1}
:root[data-ui-layout=shimmer]{--teal:#3f765b;--purple:#806397;--red:#b14e52}