.wagle-home{--play-left:var(--play-left-width);--play-right:var(--play-right-width);--play-gap:var(--space-8)}.wagle-home .thread-column{border:0;border-radius:0}.wagle-home .feed-heading .tabs{border:0;margin:0}.wagle-home .play-layout>main>.broadcast{height:auto;min-height:0;position:static;align-items:flex-start}.wagle-home .chief-row{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.broadcast{position:sticky;top:0;z-index:var(--z-sticky);max-width:var(--operations-content-width);margin:auto;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--surface-raised);border-block:var(--stroke-thin) solid var(--border);min-height:var(--play-broadcast-min-height)}.speaker{font-size:var(--text-xl)}.broadcast-copy{flex:1;min-width:0}.broadcast .eyebrow{display:block;margin-bottom:var(--space-1)}#announcement{font-size:var(--text-sm);overflow-wrap:anywhere}#broadcast-link{padding:var(--button-padding-y) 0;border:0;background:transparent;color:var(--brand);font-size:var(--button-font-size)}#broadcast-pause{flex-shrink:0;font-size:var(--button-font-size-small)}.play-layout{display:grid;grid-template-columns:var(--play-left) minmax(0,1fr) var(--play-right);gap:var(--play-gap);max-width:var(--operations-content-width);margin:var(--space-8) auto;padding:0 var(--space-6)}.play-left h1{font-size:var(--text-xl);line-height:var(--leading-heading)}.play-left em{font-style:normal;color:var(--brand)}.muted{color:var(--text-secondary);font-size:var(--text-sm)}.den-sign{margin:var(--space-8) 0;padding:var(--space-4);border:var(--stroke-thin) dashed var(--border);border-radius:var(--radius-card);transform:rotate(-2deg);display:grid;gap:var(--space-2)}.den-sign>span{font-size:var(--text-xs);color:var(--text-muted)}.member-panel{border-top:var(--stroke-thin) solid var(--border);padding-top:var(--space-6)}.member-panel p,.neighbor p{margin:var(--space-2) 0;font-size:var(--text-xs);color:var(--text-secondary)}.play-welcome{margin-bottom:var(--space-6);padding:var(--space-6) var(--space-6) var(--space-8);border-radius:var(--radius-card);background:linear-gradient(125deg,var(--brand-wash),var(--surface));border:var(--stroke-thin) solid var(--brand-border)}.play-welcome h2{font-size:var(--text-fluid-hero);line-height:var(--leading-display);letter-spacing:var(--tracking-heading);margin:var(--space-3) 0 var(--space-4)}.play-welcome h2:lang(ko){word-break:keep-all}.play-welcome h2 span{color:var(--brand)}.play-welcome p:not(.eyebrow){font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6)}.play-welcome small{display:block;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}#play-status{font-size:var(--text-sm);color:var(--condition);min-height:var(--space-6)}.feed-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:var(--space-6) 0 var(--space-3)}.feed-heading h2{font-size:var(--text-base)}.feed-heading span{font-size:var(--text-xs);color:var(--text-muted)}.neighbor{padding:var(--space-4) 0;border-bottom:var(--stroke-thin) solid var(--border)}.neighbor progress,.member-panel progress{width:100%;height:var(--space-2);accent-color:var(--brand)}.specialty{display:inline-block;color:var(--condition);font-size:var(--text-xs);margin-top:var(--space-2)}.quiet-note{font-size:var(--text-xs);color:var(--text-muted);margin-block:var(--space-6)}.play-right>a{font-size:var(--text-sm)}.reply-entry{margin-top:var(--space-4)}.reply-entry label{font-size:var(--text-xs)}.reply-entry input{font-size:var(--text-sm)}.reply-entry button{font-size:var(--button-font-size-small)}@media(max-width:1100px){.play-layout{grid-template-columns:var(--play-left-compact-width) minmax(0,1fr)}.play-right{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.play-right>.eyebrow,.play-right>h2{display:none}}@media(max-width:700px){.play-layout{display:flex;flex-direction:column;padding-inline:var(--space-4);margin-top:var(--space-4);gap:var(--space-6)}.play-left{order:2}.play-left h1,.play-left>.eyebrow,.play-left>.muted,.den-sign{display:none}.play-right{order:3;display:block}.play-welcome{padding:var(--space-6)}.play-welcome h2{font-size:var(--text-title)}.broadcast{padding:var(--space-3) var(--space-4);gap:var(--space-2)}.speaker{display:none}.broadcast #broadcast-pause{padding-inline:var(--button-padding-x)}.feed-heading{align-items:flex-start;flex-direction:column;gap:0}.feed-heading h2{margin:0}}@media(prefers-reduced-motion:reduce){.den-sign{transform:none}}

.play-layout>main{min-width:0}
.play-layout>main>.broadcast{width:100%;max-width:none;height:var(--play-broadcast-height);min-height:0;margin:0 0 var(--space-6);padding:var(--space-3) var(--space-4);border:var(--stroke-thin) solid var(--border);border-radius:var(--radius-card)}
.play-layout .broadcast-copy{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.play-layout #announcement{max-height:100%;overflow:auto;align-self:center}
.play-layout #broadcast-link{justify-self:start}
.play-layout #broadcast-link[hidden]{display:block!important;visibility:hidden}

@media(max-width:700px){.play-layout>main{--play-broadcast-height:var(--play-broadcast-height-compact)}}
/* Side columns (2026-10-10): following news on the left, companies and people on the right; one token rhythm. */
.side-block{display:grid;gap:var(--space-3);margin-block-start:var(--space-8)}.side-block[hidden]{display:none}
.side-block h2{margin:0;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);letter-spacing:var(--tracking-normal)}
.side-list{display:grid;gap:var(--space-1);margin:0;padding:0;list-style:none}
.side-person,.side-company{display:flex;align-items:center;gap:var(--space-3);inline-size:100%;padding:var(--space-2);border:0;border-radius:var(--radius-card);background:none;color:inherit;font:inherit;text-align:start;text-decoration:none;cursor:pointer}
.side-person:hover,.side-company:hover{background:var(--surface-raised)}
.side-text{display:grid;gap:0;min-inline-size:0}.side-text strong,.side-company strong{font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side-text small,.side-company small{font-size:var(--text-xs);color:var(--text-muted)}
.side-company{justify-content:space-between}
.side-row{display:flex;align-items:center;gap:var(--space-2)}.side-row .side-person{flex:1;min-inline-size:0}
.side-follow,.side-more{flex:none;padding:var(--space-1) var(--space-3);border:var(--stroke-thin) solid var(--border);border-radius:var(--radius-control);background:none;color:inherit;font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer}
.side-follow[data-done]{color:var(--text-muted)}.side-more{justify-self:start}
#following[data-fresh]::after{content:"";display:inline-block;inline-size:var(--space-2);block-size:var(--space-2);margin-inline-start:var(--space-1);border-radius:var(--radius-round);background:var(--brand);vertical-align:middle}
.side-empty{margin:0;font-size:var(--text-xs);color:var(--text-muted)}
/* My follow counts under my name: a quiet pair of numbers, each opening its list. */
.side-me{display:flex;gap:var(--space-4);margin-block:var(--space-2)}.side-me-stat{display:inline-flex;align-items:baseline;gap:var(--space-1);min-height:0;min-width:0;padding:0;border:0;background:none;color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer}.side-me-stat:hover{background:none;color:var(--text)}.side-me-stat strong{color:var(--text);font-size:var(--text-sm)}
/* Growth (2026-10-10): prediction picker and chip, desk link, first-visit company pick, hall of fame. */
.predict-panel{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border:var(--stroke-thin) solid var(--border);border-radius:var(--radius-card);background:var(--surface)}.predict-panel[hidden]{display:none}
.predict-title{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold)}.predict-help{margin:0;color:var(--text-secondary);font-size:var(--text-xs);line-height:var(--leading-body)}.predict-help:lang(ko){word-break:keep-all}
.predict-choices{display:flex;flex-wrap:wrap;gap:var(--chip-row-gap) var(--space-4)}.predict-group{display:flex;gap:var(--space-1)}
.prediction-chip{margin:var(--space-2) 0 0}
.desk-link{display:inline-block;margin-block-start:var(--space-2)}
/* The piece card (company-mentions.js pieceCard, 2026-10-31): one link card for every AI writer's post, as a Threads link
   preview — the company's picture, the writer's face and name with the company, the piece's headline, its "read" line. */
.piece-card{display:flex;align-items:center;gap:var(--space-3);margin-block:var(--space-2) 0;padding:var(--space-3);border:var(--stroke-thin) solid var(--border);border-radius:var(--radius-card);background:var(--surface);color:var(--text);text-decoration:none;overflow-wrap:anywhere;transition:background var(--motion-fast)}
.piece-card:hover{background:var(--surface-hover)}
.piece-card-thumb{flex:none;inline-size:var(--size-avatar-lg);block-size:var(--size-avatar-lg);border-radius:var(--radius-control);overflow:hidden;background:var(--surface-raised)}
.piece-card:not([data-thumb]) .piece-card-thumb{display:none}
.piece-card-thumb img{display:block;inline-size:100%;block-size:100%;object-fit:cover}
.piece-card-copy{display:grid;gap:var(--space-1);min-inline-size:0}
.piece-card-by{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1) var(--space-2);font-size:var(--text-xs);line-height:var(--leading-ui);color:var(--text-secondary)}
.piece-card-by>strong{color:var(--text);font-weight:var(--weight-semibold)}
.piece-card-line{font-size:var(--text-sm);line-height:var(--leading-heading);font-weight:var(--weight-semibold);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.piece-card-sub{font-size:var(--text-xs);line-height:var(--leading-ui);color:var(--text-secondary)}.piece-card-sub>strong{margin-inline-end:var(--space-1);color:var(--text);font-weight:var(--weight-semibold)}
.piece-card-cta{font-size:var(--text-sm);line-height:var(--leading-ui);font-weight:var(--weight-semibold);color:var(--brand)}
/* On a phone (the home's 지금 와글 column is narrow there): the picture steps down to the face size, so the words keep the width. */
@media(max-width:480px){.piece-card-thumb{inline-size:var(--size-avatar-md);block-size:var(--size-avatar-md);align-self:flex-start}}
.bar-icon.mention-mark{width:var(--size-icon-sm);height:var(--size-icon-sm)}
.pick-chips{display:flex;flex-wrap:wrap;gap:var(--chip-row-gap) var(--space-2)}
.pick-search{inline-size:100%;padding:var(--space-2) var(--space-3);border:var(--stroke-thin) solid var(--border-control);border-radius:var(--radius-control);background:var(--surface);color:inherit;font:inherit;font-size:var(--text-sm)}
.fame-group{display:grid;gap:var(--space-1)}.fame-group h3{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--text-xs);font-weight:var(--weight-semibold)}.fame-badge{inline-size:var(--size-badge-inline);block-size:var(--size-badge-inline)}
.fame-list{display:grid;gap:var(--space-1);margin:0;padding-inline-start:var(--space-5)}.fame-list li{font-size:var(--text-sm)}
.fame-name{padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:var(--weight-semibold);cursor:pointer}.fame-list small{margin-inline-start:var(--space-2);color:var(--text-muted);font-size:var(--text-xs)}
/* Header right side (shared control contract in tokens.css): language, theme, bell, account, in Mandarin's and Sally's
   order; the header's own gap spaces the account control. Followers and following sit under the name in its menu. */
.wagle-home>header .account-controls{margin-left:0}.account-menu-identity .side-me{margin-block:var(--space-1) 0}
/* On a phone the right side keeps one row: the link back to Mandarin moves from the header into the account menu. */
.account-popover .account-menu-service{display:none}
@media(max-width:700px){.wagle-home>header{gap:var(--space-3)}.wagle-home>header .service-link{display:none}.account-popover .account-menu-service{display:flex}}