/* Recognizable media, one shared visual language. */
.source-heading{display:flex;align-items:center;gap:10px;min-width:0;text-align:left}
.source-avatar{width:31px;height:31px;flex:0 0 31px;display:grid;place-items:center;border-radius:10px;background:#eeedf4;color:#8a88a1;overflow:hidden}
.source-avatar.is-person{border-radius:50%;background:#e8e9ef;color:#a4a7b7}
.source-icon{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.is-person .source-icon{fill:#bbc0ce;stroke:#bbc0ce;width:26px;height:26px;transform:translateY(3px)}
.source-byline{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.source-byline b{font-size:10px;font-weight:550;line-height:1.4;color:#716d85}
.source-byline small{font-size:8px!important;line-height:1.4;color:#a1a1b2!important;margin:0;display:block}
.source-more{font-size:19px;color:#a3a3b5;align-self:flex-start;line-height:1}
.source-video{height:61px;background:linear-gradient(120deg,#e9e9ee,#dfe1e8);border-radius:7px;display:flex;align-items:center;justify-content:center;position:relative;margin-top:10px;color:#969aa9;gap:9px}
.media-play{width:27px;height:27px;flex:0 0 27px;border:1px solid #ffffffd9;border-radius:50%;display:grid;place-items:center;font-size:9px;padding-left:2px;color:#898ca3;background:#ffffff80}
.source-video>span:not(.media-play){font-size:6px;letter-spacing:.7px}.source-video>small{position:absolute;bottom:6px;right:8px;font-size:7px!important;color:#838799!important}
.source-voice{display:flex;align-items:center;gap:10px;margin-top:12px;color:#9392ab}
.source-voice .media-play{border-color:#dcd9e6;background:#eeedf4;color:#9991b1}
.voice-wave{display:flex;align-items:center;justify-content:space-between;gap:3px;height:31px;flex:1;max-width:220px;min-width:0;overflow:hidden}
.voice-wave i{display:block;flex:0 0 2px;height:var(--wave-h);max-height:100%;border-radius:2px;background:currentColor;opacity:.58}
.voice-duration{font-size:9px;font-variant-numeric:tabular-nums}
.source-photo{display:flex;gap:9px;align-items:center;padding:10px 12px;border:1px dashed #d4d3e0;border-radius:6px;color:#9291aa;margin-top:9px;font-size:8px}
.source-social{display:flex;align-items:center;justify-content:space-between;max-width:155px;margin-top:10px;color:#b1afc0;font-size:13px;height:12px}.source-social .source-icon{width:12px;height:12px}
.stream-card{padding:15px 18px;min-height:125px;background:#fffefe!important;border-color:#e0deeb!important}
.stream-card p{font-size:14px;line-height:1.5;margin:12px 0 6px}
.stream-card>small{font-size:8px;color:#9895ac;line-height:1.4}
.stream-card .source-byline small{text-transform:none;letter-spacing:0}
.stream-card[data-format=video] p{font-size:12px;margin-top:9px}
.stream-card[data-format=audio] .source-voice{margin-top:8px}
.stream-card[data-format=audio] p{font-size:13px;margin-top:9px}
/* More inputs pass through; the key clue stays readable in front. */
.input-queue{transform:none!important;margin-top:56px;isolation:isolate}
.case-feed-window{position:absolute;top:-75px;height:110px;left:-7px;right:-16px;z-index:-1;overflow:hidden;mask-image:linear-gradient(180deg,transparent,#000 16%,#000 80%,transparent);pointer-events:none}
.case-feed-card{position:absolute;left:9px;right:18px;top:0;min-height:47px;padding:10px 12px;border:1px solid #615b744d;border-radius:10px;background:#292b40;display:flex;gap:9px;align-items:center;color:#b9b0d0;font-size:9px;line-height:1.4;will-change:transform,opacity;transform-origin:80% 50%}
.case-feed-card .source-icon{width:16px;height:16px;opacity:.7}
.queue-front{padding:20px;min-height:170px}
.queue-front .source-avatar{width:28px;height:28px;flex-basis:28px;border-radius:9px;background:#e3dfee}
.queue-front .source-avatar.is-person{border-radius:50%}
.queue-front .source-byline b{font-size:8px;font-weight:500;color:#868099}
.queue-front .source-byline small{font-size:7px!important;color:#a2a0b3!important}
.queue-front p{font-size:17px;line-height:1.6;margin-top:15px}
.queue-front .source-video{height:47px;margin-top:10px}
.queue-front .source-voice{margin-top:12px}.queue-front .voice-wave{height:24px}
.queue-front[data-format=video] p,.queue-front[data-format=audio] p{font-size:15px;line-height:1.55;margin-top:10px}
.input-lane>.flow-label{margin-bottom:30px}
.voice-event .card-eyebrow{display:flex;gap:10px;align-items:center;margin-bottom:23px}
.voice-event .card-eyebrow .source-icon{width:17px;height:17px}
.voice-event .source-voice{margin:10px 0 24px;max-width:280px;color:#b099a8}
.voice-event .source-voice .media-play{background:#f7edec;border-color:#e3d3d7;width:35px;height:35px;flex-basis:35px;color:#b09ba9}
.voice-event .voice-fiction{font-size:8px;letter-spacing:.3px;color:#b39ba1;margin-top:15px}
/* A busy periphery, a quiet centre. Scroll controls motion. */
.attention-field{position:relative;isolation:isolate;margin:40px 0 24px;height:430px;border-radius:24px;overflow:hidden;background:#f3f3fa;border:1px solid #e7e5f0;display:grid;place-items:center}
.attention-noise{position:absolute;inset:-12px -20px;overflow:hidden;z-index:-2;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.noise-row{display:flex;gap:18px;width:max-content;margin-bottom:15px;will-change:transform}
.noise-row:nth-child(even){margin-left:75px}
.noise-note{width:204px;height:90px;flex-shrink:0;border:1px solid #dcdae8;background:#fcfbff;border-radius:10px;padding:13px 15px;opacity:.49}
.noise-note .source-avatar{height:23px;width:23px;flex-basis:23px;border-radius:7px}.noise-note .source-heading{gap:8px}.noise-note .source-byline b{font-size:8px}.noise-note .source-byline small{font-size:6px!important}.noise-note .source-more{font-size:13px}
.noise-note .source-video{height:29px;margin-top:7px;gap:6px}.noise-note .media-play{width:18px;height:18px;flex-basis:18px;font-size:6px}.noise-note .source-video>span:not(.media-play){font-size:4px}.noise-note .source-video small{display:none}
.noise-note .source-voice{margin-top:5px;gap:7px}.noise-note .voice-wave{height:21px}.noise-note .voice-wave i{flex-basis:1.5px}.noise-note .voice-duration{font-size:6px}
.noise-lines{display:block;width:80%;height:14px;margin-top:12px;background:linear-gradient(#c9c7d84d 0 2px,transparent 2px 8px,#c9c7d840 8px 10px,transparent 10px)}
.attention-halo{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 48% 75% at center,#f5f3ff 12%,#f5f3ffcb 41%,transparent 88%);pointer-events:none}
.attention-focus{width:min(370px,calc(100% - 48px));padding:25px 29px 22px;border:1px solid transparent;border-radius:17px;background:linear-gradient(#fefcff,#fefcff) padding-box,linear-gradient(125deg,#7eaff3,#b39ae9 47%,#e4a7c4 83%,#efd4b9) border-box;box-shadow:-15px 0 42px -15px #79a3f370,18px 6px 48px -16px #c28ddd65,0 15px 45px -30px #78729188}
.attention-focus>p{font:500 24px/1.45 var(--heading);letter-spacing:-.75px;color:#57516d;margin:21px 0 20px}
.attention-focus .source-byline b{font-size:10px}.attention-focus .source-byline small{font-size:8px!important}
.attention-action{display:flex;gap:13px;align-items:center;border-top:1px solid #e8e2f0;padding-top:17px}
.attention-action .gemini-spark{font-size:30px;flex-shrink:0}.attention-action>span:last-child{font-size:11px;line-height:1.7;color:#78738e}.attention-action strong{display:block;font-weight:500;color:#8a72b1;font-size:8px;letter-spacing:.5px;margin-bottom:2px}
.attention-caption{display:flex;justify-content:space-between;gap:20px;font-size:9px;line-height:1.7;color:#928ca5;margin:0 2px 30px}.attention-caption>span:last-child{font-size:7px;letter-spacing:.4px;max-width:235px;text-align:right}
@media(max-width:1100px){.queue-front{padding:17px}.queue-front p{font-size:15px}.queue-front[data-format=video] p,.queue-front[data-format=audio] p{font-size:14px}.source-heading{gap:8px}}
@media(max-width:800px){.input-queue{margin-top:0}.case-feed-window{top:-53px;height:85px;left:-4px;right:-6px}.case-feed-card{font-size:7px;min-height:38px;padding:7px 9px;gap:7px}.case-feed-card .source-icon{width:13px;height:13px}.input-lane>.flow-label{margin-bottom:47px}.queue-front{min-height:140px}.queue-front .source-avatar{width:22px;height:22px;flex-basis:22px}.queue-front .source-icon{width:14px;height:14px}.queue-front .source-byline b{font-size:7px}.queue-front .source-byline small{font-size:6px!important}.queue-front .source-video{height:33px}.queue-front .source-voice{gap:6px}.queue-front .voice-wave{height:20px}.queue-front .voice-wave i:nth-child(even){display:none}.queue-front .voice-duration{font-size:7px}.queue-front .media-play{width:21px;height:21px;flex-basis:21px;font-size:7px}}
@media(max-width:700px){.stream-card{padding:12px 14px}.stream-card .source-heading{gap:7px}.stream-card .source-avatar{width:24px;height:24px;flex-basis:24px;border-radius:7px}.stream-card .source-avatar.is-person{border-radius:50%}.stream-card .source-byline b{font-size:8px}.stream-card .source-byline small{font-size:6px!important}.stream-card p,.stream-card[data-format=video] p,.stream-card[data-format=audio] p{font-size:12px;line-height:1.5;margin:8px 0 5px}.stream-card>small{font-size:7px}.stream-card .source-video{height:38px;margin-top:7px}.stream-card .source-voice{margin-top:5px}.stream-card .voice-wave{height:20px}.stream-card .source-social{margin-top:6px;height:10px}.stream-card .source-photo{padding:6px 8px}.attention-field{height:390px;margin-top:30px}.attention-focus{padding:23px;width:min(350px,calc(100% - 40px))}.attention-focus>p{font-size:23px}.attention-caption{font-size:8px;gap:20px}.attention-caption>span:last-child{font-size:6px;max-width:130px}}
@media(max-width:540px){.queue-front{padding:12px 11px;min-height:132px}.queue-front p,.queue-front[data-format=video] p,.queue-front[data-format=audio] p{font-size:12px;line-height:1.55;margin-top:10px}.queue-front .source-heading{gap:6px}.queue-front .source-byline b{font-size:6px}.queue-front .source-byline small{font-size:5px!important}.queue-front .source-avatar{width:19px;height:19px;flex-basis:19px;border-radius:6px}.queue-front .source-more{font-size:12px}.queue-front .source-video>span:not(.media-play){font-size:4px;letter-spacing:.1px}.queue-front .source-video>small{font-size:5px!important;bottom:3px;right:5px}.queue-front .source-voice{margin-top:8px}.queue-front .voice-duration{font-size:6px}.queue-front .voice-wave{gap:2px}.input-lane>.flow-label{margin-bottom:39px}.case-feed-card{font-size:6px;padding:7px;min-height:32px;gap:6px}.case-feed-card .source-icon{width:11px;height:11px}.case-feed-window{top:-43px;height:66px}.voice-event .card-eyebrow{font-size:7px}.voice-event .source-voice{margin-bottom:20px}.attention-field{height:360px;border-radius:18px}.attention-focus>p{font-size:21px}.attention-focus .source-byline b{font-size:9px}.attention-focus .source-byline small{font-size:7px!important}.attention-action>span:last-child{font-size:10px}}
@media(max-height:740px) and (max-width:800px){.queue-front{min-height:117px}.queue-front p,.queue-front[data-format=video] p,.queue-front[data-format=audio] p{font-size:11px}.queue-front .source-video{height:27px}.queue-front .source-voice{margin-top:6px}.queue-front .voice-wave{height:16px}}
@media(prefers-reduced-motion:reduce){.case-feed-card,.noise-row{will-change:auto}.stream-card{will-change:auto}}