.wc-page,.panel,.heatmap{min-width:0}body main{max-width:min(1120px,100%);padding:1.2rem 1rem 5rem}.wc-page{display:grid;gap:1.1rem}.brand{text-align:center;padding:3vh 0 1vh}.brand a{font-size:1.7rem;font-weight:780;color:var(--fg);text-decoration:none}.brand p,.heading>div>p,.hint,.trend-head p{margin:.3rem 0;color:var(--muted)}.heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;border-bottom:1px solid var(--border);padding-bottom:1.2rem}.heading h1{font-size:clamp(2.3rem,7vw,4.7rem);line-height:.95;margin:.15rem 0}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.75rem}.summary{text-align:right;color:var(--muted);white-space:nowrap}.summary strong{font-size:1.25rem;color:var(--fg)}.periods,.controls,.view-toggle{display:flex;gap:.4rem;overflow:auto}.periods button,.controls button,.view-toggle button{border:1px solid var(--border);background:var(--bg);color:var(--muted);border-radius:999px;padding:.5rem .8rem;white-space:nowrap}.periods button.active,.view-toggle button.active{background:var(--fg);color:var(--bg);border-color:var(--fg)}.controls{align-items:center;justify-content:center}.controls time{min-width:15rem;text-align:center}.controls #today{margin-left:.5rem}.panel{position:relative;border:1px solid var(--border);border-radius:1rem;background:color-mix(in srgb,var(--bg) 96%,var(--accent));padding:1rem;min-height:480px}.cloud{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:.15rem 1rem;min-height:410px;padding:1.5rem}.word{--size:1rem;border:0;background:none;color:var(--fg);font-size:var(--size);font-weight:700;line-height:1.1;padding:.3rem;transition:opacity .18s,transform .18s,color .18s;cursor:pointer}.word small{font-size:.55em;color:var(--muted);margin-left:.15em}.word:hover,.word:focus{color:var(--accent);transform:scale(1.06);outline:none}.word.muted{opacity:.12}.word.linked{color:var(--accent)}.trend-head{display:flex;justify-content:space-between;align-items:end}.trend-head h2{margin:0}.heatmap{overflow:auto;margin-top:1.5rem}.heatmap table{border-collapse:separate;border-spacing:3px;width:100%;min-width:650px}.heatmap th{font-size:.72rem;color:var(--muted);font-weight:500}.heatmap tbody th{text-align:right;position:sticky;left:0;background:var(--bg);z-index:1}.heatmap th button{border:0;background:none;color:var(--fg);cursor:pointer}.heatmap td{text-align:center;font-size:.65rem;min-width:30px;height:30px;border-radius:4px;background:color-mix(in srgb,var(--accent) calc(var(--heat)*100%),var(--bg));color:color-mix(in srgb,var(--fg) 45%,transparent)}dialog{width:min(1040px,94vw);height:min(760px,88vh);border:1px solid var(--border);border-radius:1rem;padding:1.2rem;background:var(--bg);color:var(--fg)}dialog::backdrop{background:#0008;backdrop-filter:blur(3px)}dialog .close{position:absolute;right:1rem;top:1rem;border:0;background:none;color:var(--muted);font-size:2rem}.dialog-head p{margin:0;color:var(--accent);font-size:.75rem;text-transform:uppercase}.dialog-head h2{margin:.2rem 0}.dialog-grid{display:grid;grid-template-columns:minmax(240px,34%) 1fr;gap:1rem;height:calc(100% - 95px);margin-top:1rem}#doc-list,#doc-preview{overflow:auto}#doc-list button{display:grid;width:100%;text-align:left;gap:.25rem;padding:.8rem;border:0;border-bottom:1px solid var(--border);background:none;color:var(--fg)}#doc-list button.active{background:color-mix(in srgb,var(--accent) 10%,var(--bg))}#doc-list small,#doc-list span{color:var(--muted);font-size:.72rem}#doc-preview{padding:.5rem 1rem;border-left:1px solid var(--border)}.open-note{display:inline-block;margin-bottom:1rem}.empty,.loading{text-align:center;color:var(--muted);margin:auto}@media(max-width:680px){.heading{align-items:start}.heading>div>p:not(.eyebrow){display:none}.controls time{min-width:0;flex:1}.panel{min-height:420px;padding:.65rem}.cloud{min-height:360px;padding:.4rem}.dialog-grid{grid-template-columns:1fr;grid-template-rows:40% 60%}#doc-preview{border-left:0;border-top:1px solid var(--border);padding:.7rem 0}.dialog-head{padding-right:2rem}}@media(prefers-reduced-motion:reduce){.word{transition:none}}
