body{overflow-wrap:break-word}.live-main{max-width:var(--chart-width)}.board-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s5);padding:var(--s4) 0 var(--s6);margin-bottom:var(--s6);border-bottom:var(--panel-border) solid var(--ink)}.board-intro h1{font-size:var(--chart-hero)}.board-intro p:last-child{margin-top:var(--s4);color:var(--muted);line-height:var(--board-leading)}.accent{color:var(--orange)}.primary{background:var(--teal);color:var(--white);border-color:var(--teal);font-weight:700}.primary:hover{background:var(--ink);color:var(--white)}.compose-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);flex-shrink:0}.compose-trigger span{font-size:var(--h2)}h2{font-size:var(--result-score);letter-spacing:-.04em}.feed-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.feed-heading>div{display:flex;align-items:center;gap:var(--s3)}.live-pill{display:inline-flex;gap:var(--s2);align-items:center;color:var(--teal);font:bold var(--small) var(--mono)}.live-pill>span{width:var(--chart-dot);height:var(--chart-dot);border-radius:var(--pill);background:var(--teal)}#board-refresh{font-size:var(--small);background:transparent;border-color:transparent;padding:var(--s2)}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-top:var(--s5)}.board-tabs{display:flex;gap:var(--s1);background:var(--white);padding:var(--s1);border-radius:var(--radius)}.board-tabs button{padding:var(--s2) var(--s4);border-color:transparent;background:transparent}.board-tabs button[aria-pressed=true]{color:var(--white);background:var(--ink)}.refresh-note,.board-note{color:var(--muted);font-size:var(--small);line-height:var(--board-leading)}.board-note{margin-top:var(--s4)}#feed-status,#write-status{font-size:var(--small);line-height:var(--board-leading)}#feed-status{margin:var(--s2) 0 var(--s5);color:var(--muted);min-height:var(--s5)}#story-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--s3);overflow-anchor:none}.story{position:relative;background:var(--white);border:var(--border) solid var(--line);border-radius:var(--radius)}.story[data-place="1"]{border:var(--panel-border) solid var(--teal)}.story article{display:grid;grid-template-columns:var(--rank-track) minmax(0,1fr) var(--vote-width);align-items:center;gap:var(--s4);padding:var(--s5)}.rank-column{align-self:start;text-align:center}.story-rank{white-space:nowrap;font:bold var(--rank-size)/1 var(--mono);letter-spacing:-.08em;color:var(--muted)}.story[data-place="1"] .story-rank{color:var(--teal)}.rank-change{display:block;min-height:var(--s5);margin-top:var(--s2);font:bold var(--small) var(--mono);color:var(--teal)}.story[data-moved=down] .rank-change{color:var(--muted)}.story-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);color:var(--muted);font-size:var(--small);flex-wrap:wrap}.story-text{font-size:var(--board-story);line-height:var(--board-leading);white-space:pre-wrap;margin:var(--s3) 0 var(--s1);overflow-wrap:anywhere}.story-minor{font-size:var(--small);color:var(--muted);background:transparent;border-color:transparent;padding:var(--s2) 0}.story-like{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--s1);padding:var(--s3) var(--s2);background:var(--paper);color:var(--teal);border-color:var(--line);min-width:0}.story-like svg{width:var(--chart-icon);height:var(--chart-icon)}.like-count{font:bold var(--h2)/1.2 var(--mono);font-variant-numeric:tabular-nums}.like-label{font-size:var(--small);white-space:nowrap}.story-like[aria-pressed=true]{background:var(--teal);color:var(--white);border-color:var(--teal);opacity:1}.story-like:disabled{opacity:1;cursor:default}.story-like:not(:disabled):hover{background:var(--teal);color:var(--white)}.vote-pop{position:absolute;top:0;right:var(--s2);color:var(--orange);font:bold var(--medium) var(--mono);opacity:0;pointer-events:none}#board-empty{padding:var(--s7) var(--s5);background:var(--white);border:var(--border) dashed var(--line);display:flex;flex-direction:column;align-items:center;gap:var(--s4);text-align:center;line-height:var(--board-leading)}.empty-rank{font:bold var(--rank-size) var(--mono);color:var(--teal)}#board-empty strong{font-size:var(--medium)}#board-empty p{color:var(--muted)}.chart-footnote{margin-top:var(--s5)}dialog{width:min(var(--size-420),calc(100% - var(--s6)));max-height:calc(100dvh - var(--s6));border:var(--border) solid var(--ink);color:var(--ink);background:var(--paper);padding:var(--s5);border-radius:var(--radius);overflow:auto}dialog::backdrop{background:var(--shadow);-webkit-backdrop-filter:blur(var(--s1));backdrop-filter:blur(var(--s1))}#composer{width:min(var(--composer-width),calc(100% - var(--s6)));background:var(--white)}.composer-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.composer-top .kicker{margin:0}#composer-close{border-color:transparent;padding:var(--s2);font-size:var(--small)}#story-form{display:flex;flex-direction:column;gap:var(--s3);margin-top:var(--s5)}#story-form>label:not(.public-consent),legend{font-weight:700}fieldset{padding:0;border:0;margin:0 0 var(--s2);min-width:0}legend{padding:0;margin-bottom:var(--s3)}.category-pills{display:flex;flex-wrap:wrap;gap:var(--s2)}.category-pills label{position:relative;cursor:pointer}.category-pills input{position:absolute;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.category-pills span{display:inline-flex;align-items:center;min-height:var(--min-touch);padding:var(--s2) var(--s3);border:var(--border) solid var(--line);border-radius:var(--pill);font-size:var(--small)}.category-pills input:checked+span{color:var(--white);background:var(--teal);border-color:var(--teal)}.category-pills input:focus-visible+span{outline:var(--focus) solid var(--orange);outline-offset:var(--s1)}.category-pills label:hover span{border-color:var(--teal)}textarea{font:inherit;color:var(--ink);background:var(--paper);border:var(--border) solid var(--muted);border-radius:var(--radius);padding:var(--s3);width:100%;resize:vertical;line-height:var(--board-leading)}textarea::placeholder{color:var(--muted)}.write-count{display:flex;justify-content:space-between;gap:var(--s2);font-size:var(--small);color:var(--muted)}.public-consent{display:flex;gap:var(--s3);align-items:flex-start;min-height:var(--min-touch);font-size:var(--small);line-height:var(--board-leading);cursor:pointer;padding:var(--s2) 0}.public-consent input{appearance:none;flex-shrink:0;width:var(--control-size);height:var(--control-size);margin:0;border:var(--panel-border) solid var(--teal);border-radius:var(--radius);background:var(--white);display:grid;place-content:center;cursor:pointer}.public-consent input:checked{background:var(--teal)}.public-consent input:checked:after{content:"✓";color:var(--white);font-weight:700;font-size:var(--medium)}#board-confirm p{margin-top:var(--s4);line-height:var(--board-leading)}.confirm-actions{display:flex;justify-content:flex-end;gap:var(--s3);margin-top:var(--s5)}@media(max-width:600px){.board-intro{align-items:stretch;flex-direction:column;margin-bottom:var(--s5);padding-top:0}.board-intro h1{font-size:var(--chart-mobile-hero)}.compose-trigger{justify-content:center}.feed-heading>div{align-items:flex-start;flex-direction:column;gap:var(--s2)}.feed-heading h2{font-size:var(--medium)}.chart-toolbar{flex-wrap:wrap;gap:var(--s2)}.board-tabs{flex:1}.board-tabs button{flex:1;padding:var(--s2) var(--s3)}.refresh-note{width:100%}.story article{grid-template-columns:var(--min-touch) minmax(0,1fr) var(--vote-mobile);gap:var(--s3);padding:var(--s4) var(--s3)}.story-rank{font-size:var(--rank-mobile)}.story-meta{font-size:var(--small-label)}.story-text{font-size:var(--body)}.like-count{font-size:var(--result-score)}#composer{padding:var(--s4)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}