:root{color-scheme:dark;font-family:Pretendard,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;background:#0b0e20;color:#f7f4ff}*{box-sizing:border-box}body{margin:0;height:100dvh;overflow:hidden;background:radial-gradient(ellipse at 0 100%,#3a245142,transparent 65%),radial-gradient(ellipse at 85% 0,#35235c66,transparent 60%),#0b0e20}a{color:inherit;text-decoration:none}button,a:focus-visible,.feed:focus-visible{outline:2px solid #cdb0ff;outline-offset:4px}.wall-header{height:80px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #9c8abb25}.brand{display:flex;align-items:center;gap:14px}.brand strong{font-size:40px;letter-spacing:-3px}.brand>span{font-size:14px;border:1px solid #9674cd;border-radius:30px;padding:6px 15px;background:linear-gradient(120deg,#252057,#503478)}.live{font-size:12px;letter-spacing:.12em;color:#d3b9ef;display:flex;gap:10px;align-items:center}.live i{height:7px;width:7px;border-radius:50%;background:#f7a2bc;box-shadow:0 0 15px #e895b8}.wall{height:calc(100dvh - 80px);display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.6fr);gap:5vw;padding:4vh 5vw}.intro{display:flex;flex-direction:column;justify-content:center;min-width:0;padding-bottom:2vh}.eyebrow{font-size:clamp(12px,1vw,20px);color:#bea3eb;letter-spacing:.14em;margin:0 0 3vh}h1{font-size:clamp(38px,4.9vw,112px);letter-spacing:-.06em;line-height:1.2;margin:0;font-weight:800}h1 span{color:#c4a6ff}.lead{font-size:clamp(16px,1.5vw,32px);line-height:1.65;color:#aaaac8;margin:3vh 0 5vh}.join{display:flex;align-items:center;gap:20px}.join img{display:block;width:clamp(92px,10vw,200px);height:auto;background:#fff;border-radius:14px}.join strong{font-size:clamp(14px,1.25vw,26px);line-height:1.55}.join p{color:#a6a6c0;font-size:clamp(12px,1vw,20px);line-height:1.5;margin:8px 0 12px}.join a:not(:has(img)){font-size:13px;color:#c7abea}.credit{font-size:clamp(11px,.85vw,18px);color:#777a97;margin:5vh 0 0}.conversation{display:flex;flex-direction:column;min-width:0;min-height:0}.feed-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #9c8abb25;gap:15px}.feed-heading h2{font-size:clamp(19px,1.65vw,34px);letter-spacing:-.03em;margin:0}.feed-heading>span{font-size:clamp(11px,.8vw,17px);color:#a6adbf;text-align:right}.feed{overflow-y:auto;scrollbar-width:none;flex:1;min-height:0;overscroll-behavior:contain;padding:24px 6px}.feed::-webkit-scrollbar{display:none}#messages{display:flex;flex-direction:column;gap:20px}.message{display:flex;align-items:flex-start;gap:14px;padding:2px 0;animation:arrive .45s ease-out}.avatar{flex-shrink:0;width:clamp(38px,3.3vw,66px);height:clamp(38px,3.3vw,66px);display:grid;place-items:center;border:1px solid #ffffff2b;border-radius:50%;background:linear-gradient(135deg,#725397,#323958);font-size:clamp(16px,1.5vw,30px);color:#f4eaff}.bubble{min-width:0;flex:1;border:1px solid #a99ed92b;background:linear-gradient(115deg,#22213b,#191d32);border-radius:0 22px 22px 22px;padding:20px 24px}.message:nth-child(even){margin-left:5%}.message:nth-child(even) .bubble{background:linear-gradient(120deg,#242039,#27213e);border-color:#ad8dd239}.meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.team-tag{color:#d2b7ff;font-size:clamp(13px,1.1vw,24px);font-weight:700;overflow-wrap:anywhere}.author{color:#969cb7;font-size:clamp(11px,.85vw,18px);overflow-wrap:anywhere}.message p{font-size:clamp(20px,1.9vw,42px);line-height:1.45;letter-spacing:-.03em;margin:10px 0 8px;white-space:pre-wrap;overflow-wrap:anywhere}.message time{font-size:clamp(10px,.72vw,16px);color:#7f86a3;font-variant-numeric:tabular-nums}.conversation footer{border-top:1px solid #9c8abb25;padding-top:14px;display:flex;justify-content:space-between;gap:12px;font-size:clamp(10px,.75vw,16px);color:#7d85a2}#empty{height:100%;min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a9a6c3;text-align:center}#empty>span{font-size:70px;color:#c2a4ee}#empty h2{font-size:clamp(20px,2vw,38px);color:#e0d9f0;margin:18px 0 6px}#empty p{font-size:clamp(13px,1.2vw,22px)}[hidden]{display:none!important}body.embedded .wall-header{display:none}body.embedded .wall{height:100dvh}@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(min-aspect-ratio:25/9){.wall{grid-template-columns:1fr 1.6fr;padding:3vh 5vw;gap:6vw}.intro{position:relative;padding-right:10vw}.join{position:absolute;right:0;bottom:6vh;display:block}.join>div{display:none}h1{font-size:clamp(38px,9vh,100px)}.lead{margin:2vh 0;font-size:4vh}.eyebrow{margin-bottom:2vh}.credit{margin-top:2vh}.message p{font-size:clamp(22px,4.8vh,40px)}.bubble{padding:12px 22px}.feed{padding-top:16px}#messages{gap:14px}.avatar{width:8vh;height:8vh}.team-tag{font-size:3vh}}
@media(max-width:760px),(max-aspect-ratio:9/10){.wall-header{height:64px;padding:0 22px}.brand strong{font-size:29px}.brand>span{font-size:11px;padding:5px 11px}.live{font-size:10px;letter-spacing:.06em}.wall{height:calc(100dvh - 64px);grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:20px;padding:22px}.intro{display:grid;grid-template-columns:1fr auto;align-items:center;padding:0;gap:0 14px}.eyebrow{font-size:10px;margin:0 0 8px}h1{font-size:32px}.lead,.credit,.join>div{display:none}.join{grid-column:2;grid-row:1/3}.join img{width:86px;border-radius:9px}.feed-heading{padding-bottom:12px}.feed{padding:16px 0}.bubble{padding:15px;border-radius:0 16px 16px}.message{gap:10px}.message p{font-size:20px}.avatar{width:34px;height:34px;font-size:15px}.meta{gap:7px}.team-tag{font-size:13px}.message:nth-child(even){margin-left:0}.conversation footer{font-size:10px}#messages{gap:16px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

.heart-summary{padding:16px 0;border-bottom:1px solid #9c8abb25;flex-shrink:0}.heart-heading{display:flex;gap:12px;align-items:center;color:#e9b1d7;font-size:clamp(12px,1vw,22px)}#heart-total{color:#f1dafa;font-variant-numeric:tabular-nums}#heart-teams{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;max-height:15vh;overflow-y:auto;scrollbar-width:thin}.heart-team{display:flex;align-items:center;gap:12px;border:1px solid #aa84d644;border-radius:24px;padding:7px 13px;color:#d9d2eb;background:#35284766;font-size:clamp(12px,.9vw,20px);max-width:100%}.heart-team>span{overflow-wrap:anywhere;min-width:0}.heart-team strong{color:#f0b8d9;white-space:nowrap}.heart-wait{color:#9797b4;font-size:13px}#empty{min-height:150px}#empty p{line-height:1.6}@media(max-width:760px),(max-aspect-ratio:9/10){.heart-summary{padding:10px 0}.heart-team{padding:5px 10px;font-size:12px}#heart-teams{gap:6px;margin-top:7px}#empty>span{font-size:40px}#empty h2{font-size:20px}}

/* Compact live chat: six ordinary one/two-line messages on a 1080px wall. */
.credit{line-height:1.6;overflow-wrap:anywhere}.heart-team.is-leading{border-color:#d0a3df;background:#51315c80;animation:heart-leader-glow 4s ease-in-out infinite}.heart-team.is-leading strong{color:#ffd1e9}@keyframes heart-leader-glow{0%,100%{border-color:#c297d1;box-shadow:0 0 3px #e5abe51a}50%{border-color:#f0c8f0;box-shadow:0 0 12px #e5abe54d}}
.wall{padding:3vh 4vw;gap:4vw}.conversation{position:relative}.feed-heading{padding-bottom:12px}.feed{padding:14px 4px;overflow-anchor:none}#messages{gap:10px}.message{gap:10px;padding:0;animation:arrive .3s ease-out}.message:nth-child(even){margin-left:0}.avatar{width:clamp(30px,3.7vh,44px);height:clamp(30px,3.7vh,44px);font-size:clamp(14px,1.8vh,22px)}.bubble{min-height:clamp(92px,10.5vh,132px);padding:10px 16px;border-radius:0 15px 15px 15px}.meta{gap:10px;flex-wrap:wrap}.team-tag{font-size:clamp(12px,1.7vh,20px)}.author{font-size:clamp(11px,1.4vh,16px)}.message time{margin-left:auto;font-size:clamp(10px,1.2vh,14px)}.message p{font-size:clamp(16px,2.25vh,27px);line-height:1.4;margin:6px 0 0}.heart-summary{padding:10px 0}.heart-heading{font-size:clamp(12px,1.7vh,20px)}#heart-teams{margin-top:7px;max-height:8vh;gap:6px}.heart-team{padding:4px 10px;font-size:clamp(11px,1.45vh,17px)}.conversation footer{padding-top:10px}
@media(max-width:760px),(max-aspect-ratio:9/10){.wall{padding:16px;gap:12px}.wall-header{height:54px}.wall{height:calc(100dvh - 54px)}.intro h1{font-size:26px}.join img{width:66px}.eyebrow{margin-bottom:5px}.feed-heading h2{font-size:17px}.feed-heading{padding-bottom:8px}.feed{padding:10px 0}#messages{gap:8px}.message{gap:8px}.bubble{padding:8px 11px}.message p{font-size:16px;margin-top:4px;line-height:1.35}.avatar{width:28px;height:28px;font-size:13px}.meta{gap:5px}.team-tag{font-size:12px}.author,.message time{font-size:10px}.heart-summary{padding:7px 0}#heart-teams{max-height:7vh}.heart-team{font-size:11px}.conversation footer{font-size:9px}.conversation footer span{max-width:65%}}

/* Reading mode keeps its position; live/replay controls stay compact. */
.feed-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.feed-tools #connection{font-size:clamp(11px,.8vw,17px);color:#a6adbf;text-align:right}.feed-tools button,.resume-live{font:inherit;font-size:12px;line-height:18px;border:1px solid #c3a3f270;border-radius:18px;background:#29223f;color:#ede2ff;padding:5px 11px;cursor:pointer;outline:none}.feed-tools button:disabled{opacity:.45;cursor:default}.feed-tools button:focus-visible,.resume-live:focus-visible{outline:2px solid #cdb0ff;outline-offset:3px}.resume-live{position:absolute;right:10px;bottom:40px;z-index:2;box-shadow:0 3px 12px #0006;background:#443064}.feed-tools button[aria-pressed=true]{background:#493364}.conversation:has(.resume-live:not([hidden])) .message{animation:none}@media(max-width:760px),(max-aspect-ratio:9/10){.feed-tools{gap:5px}.feed-tools #connection{display:none}.feed-tools button,.resume-live{font-size:11px;padding:4px 9px}.resume-live{bottom:32px;right:4px}}