@font-face{font-family:Jost;src:url('../assets/Jost-Regular.ttf')}*{box-sizing:border-box}body{margin:0;background:#f6f3ee;color:#352938;font:17px Jost,system-ui,sans-serif}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px max(24px,calc((100vw - 1150px)/2));background:#fff}header img{width:155px;height:auto}a{color:#554660}main{max-width:1150px;margin:auto;padding:28px 24px}h1{font-size:40px;line-height:1.15;margin:12px 0}h2{font-size:27px}h3{margin:12px 0}.eyebrow{font-size:12px;letter-spacing:.18em}section{padding:24px;background:#fff;border-radius:20px;margin:25px 0}nav{display:flex;gap:20px;flex-wrap:wrap;margin:24px 0}label{display:flex;flex-direction:column;gap:7px;font-size:15px}input,select,textarea,button{font:inherit}input,select,textarea{padding:10px;border:1px solid #c8bdcc;border-radius:9px;background:white;color:inherit;min-width:0;width:100%;font-size:16px}input[type=checkbox]{width:auto}textarea{min-height:85px}button{border:0;border-radius:30px;padding:11px 19px;background:#433249;color:white;cursor:pointer;margin:8px 6px 8px 0}button.secondary{background:#ece5ed;color:#433249}button:disabled{opacity:.5;cursor:wait}form{padding:18px;background:#f6f3f6;border-radius:14px;margin:16px 0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#status{padding:14px;background:#eee6ee;border-radius:10px}#status.error{background:#ffe3df;color:#792e25}.selector{max-width:450px}.record{border-top:1px solid #e5dce4;padding:18px 0}.stats{display:flex;flex-wrap:wrap;gap:18px}.stats span{min-width:110px}.stats b{display:block;font-size:22px}.muted,small{color:#746777}.tag{font-size:13px;display:inline-block;background:#eee6ee;border-radius:20px;padding:4px 10px}#drop{border:2px dashed #a899b0;border-radius:14px;padding:22px;margin:20px 0}#drop.drag{background:#e5d7ea}#drop p{font-size:14px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:520px}th,td{padding:10px;text-align:left;border-bottom:1px solid #e7e0e8;vertical-align:top}.lab-row{display:grid;grid-template-columns:2fr 1fr 1fr 2fr 60px auto;gap:8px;align-items:end;margin:14px 0}.lab-row label{font-size:12px}.lab-row button{padding:10px}.check{flex-direction:row;align-items:flex-start;margin:20px 0}pre{white-space:pre-wrap;max-height:250px;overflow:auto;font:13px monospace}#environment,.foot{font-size:14px;color:#746777}.foot{margin-top:30px}details{margin:16px 0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a082ad;outline-offset:3px}@media(max-width:650px){header{padding:18px}header img{width:125px}main{padding:20px 14px}h1{font-size:32px}section{padding:17px}.grid{grid-template-columns:1fr 1fr}.lab-row{grid-template-columns:1fr 1fr}.lab-row label:first-child{grid-column:1/-1}button{min-height:44px}}

@media(max-width:650px){.table-scroll{overflow:visible}table{min-width:0}thead{display:none}tbody,tr,td{display:block}tr{padding:12px 0;border-bottom:1px solid #e7e0e8}td{border:0;padding:5px 0;display:grid;grid-template-columns:100px minmax(0,1fr);overflow-wrap:anywhere}td:before{content:attr(data-label);color:#746777;font-size:13px}}

.trend-chart{width:100%;max-height:310px;display:block;background:#f8f5f8;border-radius:14px;margin:18px 0}.trend-chart text{font:13px Jost, sans-serif;fill:#635668}.comparison{padding:18px;background:#eee6ee;border-radius:14px;margin:18px 0}.comparison strong{font-size:25px}.micro{font-size:14px;color:#746777}

.range-legend{display:flex;gap:10px 18px;flex-wrap:wrap;font-size:14px}.range-legend span:nth-child(1){color:#39765f}.range-legend span:nth-child(2){color:#995019}.range-legend span:nth-child(3){color:#a5243d}.range-badge{display:block;padding:5px 9px;border-radius:8px;background:#eee8ef}.range-badge.within{background:#e2f0e8;color:#275b45}.range-badge.outside{background:#fff0da;color:#864311}.range-badge.critical{background:#ffe4e9;color:#9d1931}.range-conflict{display:block;font-size:13px;color:#9d1931;margin:8px 0}.goal-reading{border-left:3px dashed #796092;padding-left:10px;font-size:14px}#evolution small{display:block}.lab-row{grid-template-columns:1.5fr 1fr 1fr 1.5fr 60px 1.7fr auto}@media(max-width:850px){.lab-row{grid-template-columns:1fr 1fr}.lab-row label:first-child{grid-column:1/-1}}
@media(max-width:650px){#evolution td>*{grid-column:2}.goal-reading{margin:10px 0;overflow-wrap:anywhere}}

.demo-banner{background:#eee5f0;border:1px solid #cbb8d1;border-radius:16px;padding:20px;margin:16px 0 30px}.demo-banner strong{color:#59385f;letter-spacing:.08em;font-size:.8rem}.demo-banner p{line-height:1.6}.demo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.demo-actions a{font-weight:700;color:#59385f}