/* Diário da Vênus (web/diario.js). Mobile first: one column at 390 px, two from 760 px. No inline styles (CSP). */
.diario-page{display:grid;gap:1rem;max-width:64rem;min-width:0}
.diario-home,.diario-hero{display:grid;gap:.8rem;padding:clamp(1rem,3vw,1.6rem);min-width:0}
.diario-home{margin-bottom:1rem}
.diario-livre{display:grid;gap:.35rem;border-radius:22px;padding:1rem 1.1rem;border:1px solid var(--edge);background:#ffffff08}
.diario-livre-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem}
.diario-number{font-size:clamp(2.1rem,8vw,3rem);line-height:1.05;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.diario-state{border-radius:999px;padding:.2rem .7rem;font-size:.82rem;font-weight:700;border:1px solid currentColor}
.diario-sentence{margin:0;line-height:1.5}
.diario-folga{border-color:#9fd9a3;box-shadow:inset 4px 0 0 #9fd9a3}
.diario-folga .diario-state{color:#9fd9a3}
.diario-atencao{border-color:var(--focus);box-shadow:inset 4px 0 0 var(--focus)}
.diario-atencao .diario-state{color:var(--focus)}
.diario-estourou{border-color:var(--danger);box-shadow:inset 4px 0 0 var(--danger)}
.diario-estourou .diario-state{color:var(--danger)}
.diario-configurar .diario-state{color:var(--muted)}
.diario-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:.3rem 0 0}
.diario-mini div{display:grid;gap:.1rem}
.diario-mini dt{font-size:.75rem;color:var(--muted)}
.diario-mini dd{margin:0;font-variant-numeric:tabular-nums;font-size:.92rem}
.diario-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.diario-actions button{min-height:46px}
.diario-due,.diario-streak{margin:0;line-height:1.5}
.diario-streak{color:var(--muted)}
.diario-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;min-width:0}
.diario-card{padding:clamp(1rem,3vw,1.4rem);min-width:0}
.diario-card h2,.diario-answer h2,.diario-reaction h2,.diario-question h2{margin:0 0 .5rem;font-size:1.15rem}
.diario-alert{box-shadow:inset 4px 0 0 var(--focus)}
.diario-big{font-size:2rem;margin:.2rem 0;font-variant-numeric:tabular-nums}
.diario-big small{font-size:.9rem;color:var(--muted);margin-left:.4rem}
.diario-caption,.diario-note,.diario-cost{color:var(--muted);line-height:1.5;margin:.4rem 0}
.diario-note button,.diario-caption button{min-height:40px}
.diario-rank{margin:.4rem 0;padding-left:1.2rem;display:grid;gap:.6rem;line-height:1.45}
.diario-rank small{display:block;color:var(--muted)}
.diario-challenge{border-top:1px solid var(--edge);margin-top:.8rem;padding-top:.8rem}
.diario-challenge p{margin:.2rem 0 .5rem}
progress{width:100%;height:.7rem;accent-color:var(--accent)}
.diario-lines{list-style:none;margin:.6rem 0;padding:0;display:grid;gap:.55rem;line-height:1.55}
.diario-lines li{padding:.55rem .75rem;border-radius:14px;background:#ffffff0a}
.diario-suggestion{font-weight:700;margin:.4rem 0;line-height:1.5}
.diario-committed{margin:.4rem 0;line-height:1.5}
.diario-notes{margin:.5rem 0 0;padding-left:1.1rem;color:var(--muted);line-height:1.5;display:grid;gap:.3rem}
.diario-answer{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.4rem 1rem;align-items:start;padding:clamp(1rem,3vw,1.5rem)}
.diario-answer>:not(.diario-light):not(:nth-child(2)){grid-column:1/-1}
.diario-purchase{margin:.2rem 0 0;color:var(--muted)}
.diario-light{display:grid;gap:.3rem;padding:.45rem;border-radius:16px;background:#0006;border:1px solid var(--edge)}
.diario-light i{display:block;width:1.15rem;height:1.15rem;border-radius:50%;background:#ffffff1a}
.diario-light-vermelho i:nth-child(1){background:var(--danger)}
.diario-light-amarelo i:nth-child(2){background:var(--focus)}
.diario-light-verde i:nth-child(3){background:#9fd9a3}
.diario-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;margin-top:.5rem}
.diario-table th,.diario-table td{padding:.45rem .5rem;border-bottom:1px solid var(--edge);text-align:left}
.diario-reaction,.diario-question{padding:clamp(1rem,3vw,1.5rem);display:grid;gap:.4rem}
.diario-comment{margin:.4rem 0;padding:.75rem .9rem;border-radius:16px;background:#ffffff0d;border-left:4px solid var(--accent)}
.diario-comment p{margin:.2rem 0 0;line-height:1.5}
.diario-mode-name{font-size:.78rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.diario-mode-hype .diario-comment{border-left-color:#9fd9a3}
.diario-mode-roast .diario-comment{border-left-color:var(--focus)}
.diario-mode-neutro .diario-comment{border-left-color:var(--muted)}
.diario-form{display:grid;gap:.8rem;padding:clamp(1rem,3vw,1.5rem)}
.diario-row{display:grid;grid-template-columns:minmax(0,1fr);gap:.8rem}
.diario-field{display:grid;gap:.35rem;align-content:start}
.diario-field input,.diario-field select,.diario-field textarea{min-height:48px;width:100%}
.diario-field small{color:var(--muted);line-height:1.45}
.diario-check,.diario-radio{display:flex;gap:.6rem;align-items:flex-start;min-height:44px;line-height:1.45}
.diario-check input,.diario-radio input{width:22px;height:22px;accent-color:var(--accent);flex:none;margin-top:.1rem}
.diario-radio span{display:grid}
.diario-radio small{color:var(--muted)}
.diario-config{display:grid;gap:1rem;margin-top:.8rem}
.diario-config fieldset{border:1px solid var(--edge);border-radius:18px;padding:.9rem;display:grid;gap:.7rem;min-width:0}
.diario-config legend{font-weight:700;padding:0 .3rem}
#diario-config-box summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}
.diario-items{list-style:none;margin:.3rem 0 .8rem;padding:0}
.diario-items li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.6rem;align-items:center;padding:.55rem 0;border-top:1px solid var(--edge);overflow-wrap:anywhere}
.diario-inline{display:grid;gap:.6rem}
.diario-photo{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 1rem;border-radius:999px;cursor:pointer}
.diario-day{list-style:none;margin:.4rem 0 1rem;padding:0}
.diario-day li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.3rem .8rem;padding:.7rem 0;border-top:1px solid var(--edge);align-items:start}
.diario-day small{display:block;color:var(--muted)}
.diario-day-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.6rem}
.diario-day-actions button{min-height:40px}
.diario-reports{list-style:none;margin:.4rem 0 0;padding:0;display:grid;gap:.5rem}
.diario-reports li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.5rem;border-top:1px solid var(--edge);padding-top:.5rem}
.diario-reports a{min-height:42px;display:inline-flex;align-items:center;padding:0 .9rem}
[role=alert]:empty{display:none}
[role=alert]{color:var(--danger);font-weight:600}

/* Bola de neve: stacked bars, heights and shares in steps (no inline styles). */
.diario-bars{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.3rem;align-items:end;height:11rem;margin:.6rem 0}
.diario-bar{display:grid;grid-template-rows:minmax(0,1fr) auto;height:100%;gap:.25rem;min-width:0}
.diario-bar small{font-size:.66rem;color:var(--muted);text-align:center;white-space:nowrap;overflow:hidden}
.diario-stack{align-self:end;display:flex;flex-direction:column-reverse;border-radius:8px 8px 3px 3px;overflow:hidden;min-height:0}
.diario-stack span{display:block;min-height:2px}
.hide-values .diario-bars{visibility:hidden}
.diario-legend{list-style:none;margin:.4rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem .9rem;font-size:.85rem}
.diario-legend i{display:inline-block;width:.8rem;height:.8rem;border-radius:3px;margin-right:.35rem;vertical-align:-.1rem}
.diario-layer-0{background:#d8efc2}.diario-layer-1{background:#9fc7e8}.diario-layer-2{background:#efd5ac}.diario-layer-3{background:#c9b6ec}
.diario-layer-4{background:#f2a7a0}.diario-layer-5{background:#8fd6c4}.diario-layer-6{background:#a7adb8}
.dh-0{height:0}.dh-5{height:5%}.dh-10{height:10%}.dh-15{height:15%}.dh-20{height:20%}.dh-25{height:25%}.dh-30{height:30%}
.dh-35{height:35%}.dh-40{height:40%}.dh-45{height:45%}.dh-50{height:50%}.dh-55{height:55%}.dh-60{height:60%}.dh-65{height:65%}
.dh-70{height:70%}.dh-75{height:75%}.dh-80{height:80%}.dh-85{height:85%}.dh-90{height:90%}.dh-95{height:95%}.dh-100{height:100%}
.df-1{flex:1}.df-2{flex:2}.df-3{flex:3}.df-4{flex:4}.df-5{flex:5}.df-6{flex:6}.df-7{flex:7}.df-8{flex:8}.df-9{flex:9}.df-10{flex:10}
.df-11{flex:11}.df-12{flex:12}.df-13{flex:13}.df-14{flex:14}.df-15{flex:15}.df-16{flex:16}.df-17{flex:17}.df-18{flex:18}.df-19{flex:19}.df-20{flex:20}

@media(min-width:760px){
 .diario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .diario-wide{grid-column:1/-1}
 .diario-row{grid-template-columns:repeat(3,minmax(0,1fr))}
 .diario-inline{grid-template-columns:1.4fr 1fr .7fr auto;align-items:end}
 .diario-config{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
 .diario-config>[role=alert],.diario-config>button{grid-column:1/-1;justify-self:start}
 .diario-bars{height:13rem;gap:.5rem}
 .diario-bar small{font-size:.75rem}
}