:root{font-family:-apple-system,sans-serif;color:#392b31;background:#fff9fb}*{box-sizing:border-box}body{margin:0}main{max-width:620px;min-height:100dvh;margin:auto;padding:max(20px,env(safe-area-inset-top)) 18px calc(86px + env(safe-area-inset-bottom))}h1{font-size:1.35rem}h2{font-size:2rem}button,select,input,textarea{font:inherit}button{min-height:46px;border:1px solid #ead8df;border-radius:12px;background:white;color:#392b31;font-weight:650}.choice,.stars,.segments{display:flex;gap:8px;margin:20px 0}.choice button{flex:1}.on,.primary{background:#a96f87!important;color:white}.stars button{border:0;background:none;font-size:2rem;color:#e7cfd8}.stars .on{color:#a96f87!important}.primary{width:100%;min-height:82px;font-size:1.15rem}.metrics{margin:25px 0}.metrics strong{font-size:3rem}.metrics p,#status{color:#806d74}.view>button{width:100%;margin:8px 0}.cards{display:flex;gap:8px}.cards p{flex:1;padding:10px;background:#f8edf1;border-radius:12px}.cards b{display:block;font-size:1.5rem}.bars{display:flex;align-items:end;gap:5px;height:100px;padding:8px;background:#f8edf1}.bars i{flex:1;background:#a96f87;border-radius:4px}article{padding:12px 0;border-bottom:1px solid #ead8df}article span{display:block;color:#806d74}article button{min-height:auto;border:0;color:#a96f87;background:none}nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:#fff9fb;border-top:1px solid #ead8df}nav button{border:0;background:transparent;font-size:.72rem}dialog{border:0;border-radius:18px;width:min(420px,92vw)}form{display:grid;gap:10px;padding:20px}label{display:grid;gap:4px}input,select,textarea{padding:9px;border:1px solid #ead8df;border-radius:8px}@media(min-width:620px){nav{left:50%;right:auto;width:520px;transform:translateX(-50%);border:1px solid #ead8df;border-radius:15px;bottom:20px}}

.interval-summary{margin:10px 0 20px;padding:14px;border:1px solid #ead8df;border-radius:12px;background:#f8edf1}.interval-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin:0}.interval-values div{min-width:0}.interval-values dt{font-size:.76rem;color:#806d74}.interval-values dd{margin:2px 0 0;font-size:.94rem;font-weight:650}.interval-plot{position:relative;height:28px;margin:16px 2px 7px;border:1px solid #ead8df;border-radius:999px;background:#fff;overflow:hidden}.interval-plot::before{content:"";position:absolute;top:13px;left:0;right:0;height:2px;background:#ead8df}.interval-deviation{position:absolute;top:7px;height:12px;min-width:2px;border-radius:999px;background:#e7cfd8}.interval-marker{position:absolute;z-index:1;top:5px;width:2px;height:17px;margin-left:-1px;border-radius:2px;background:#806d74}.interval-mean{top:2px;width:3px;height:23px;margin-left:-1.5px;background:#a96f87}.interval-legend{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:6px;font-size:.72rem;line-height:1.3;color:#806d74}.interval-legend span:nth-child(2){text-align:center}.interval-legend span:last-child{text-align:right}.interval-empty{margin:8px 0 20px;color:#806d74}@media(max-width:360px){.interval-values{grid-template-columns:1fr}.interval-legend{grid-template-columns:1fr}.interval-legend span,.interval-legend span:nth-child(2),.interval-legend span:last-child{text-align:left}}


.frequency-chart{margin:8px 0 20px;padding:10px 8px 6px;background:#f8edf1;border-radius:12px}.frequency-bars{display:grid;grid-template-columns:repeat(var(--bucket-count),minmax(0,1fr));gap:3px;height:142px;align-items:stretch}.frequency-column{display:grid;grid-template-rows:17px 82px 34px;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:#392b31;align-items:end}.frequency-count{align-self:end;text-align:center;font-size:.72rem;font-variant-numeric:tabular-nums;line-height:1}.frequency-column i{display:block;align-self:end;width:100%;min-height:2px;border-radius:4px 4px 1px 1px;background:#a96f87}.frequency-axis{display:block;align-self:start;min-width:0;padding-top:6px;text-align:center;font-size:.67rem;line-height:1.1;color:#806d74;white-space:nowrap}.frequency-compact .frequency-axis{width:32px;margin-left:50%;font-size:.56rem;transform:translateX(-3px) rotate(-45deg);transform-origin:top left}.frequency-column:focus-visible{outline:2px solid #a96f87;outline-offset:2px}.frequency-detail{min-height:1.3em;margin:5px 2px 0;font-size:.76rem;color:#806d74}.interval-description{margin:-8px 0 10px;color:#806d74;font-size:.86rem;line-height:1.4}@media(max-width:360px){.frequency-bars{gap:2px}.frequency-compact .frequency-axis{font-size:.52rem}.frequency-count{font-size:.66rem}}


.side-ratings{margin:14px 0 20px;padding:12px;border:1px solid #ead8df;border-radius:12px;background:#f8edf1}.side-ratings h4{margin:0 0 12px;font-size:.95rem}.side-rating-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:9px;margin:10px 0}.side-rating-label{font-weight:650}.side-rating-track{height:12px;overflow:hidden;border-radius:999px;background:#fff;border:1px solid #ead8df}.side-rating-fill{display:block;height:100%;min-width:0;border-radius:inherit;background:#a96f87}.side-rating-value{min-width:62px;font-variant-numeric:tabular-nums;font-weight:650;white-space:nowrap}.side-rating-value small{display:block;font-size:.72rem;font-weight:400;color:#806d74}.side-rating-empty{font-size:.8rem;color:#806d74;white-space:nowrap}@media(max-width:360px){.side-rating-row{grid-template-columns:42px minmax(0,1fr)}.side-rating-value,.side-rating-empty{grid-column:2;font-size:.78rem}.side-rating-value small{display:inline;margin-left:4px}}