/* Demo-only layout adjustments. Feed cards, rails, composer, contacts, controls and
   navbar surfaces inherit the same stylesheets and class contracts as /feed. */
html[lang=en] .platform-presentation .de,html[lang=de] .platform-presentation .en{display:none!important}
html[lang=de] .platform-presentation .de{display:revert}
.platform-presentation button:focus-visible,.platform-presentation a:focus-visible,.platform-presentation textarea:focus-visible,.platform-presentation input:focus-visible,.platform-presentation select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.platform-presentation [hidden]{display:none!important}
.platform-presentation .demo-nav-links{display:flex;align-items:center;gap:5px;margin-inline-start:auto}
.platform-presentation .demo-nav-actions{margin-inline-start:0;gap:8px}
.platform-presentation .demo-nav-actions .app-nav-btn{white-space:nowrap}
.platform-presentation .app-accessibility-panel{--pc-opaque-popover-surface:#1a1b29;--bg2:#1a1b29;--bg3:#252738;--text:#f8fafc;--text2:#cbd5e1;--border2:#75819b;--accent:#b794ff;--on-accent:#120c20;color-scheme:dark}
html[data-a11y-contrast="high"] .platform-presentation .app-accessibility-panel{--pc-opaque-popover-surface:#080808;--bg2:#080808;--bg3:#141414;--text:#fff;--text2:#f1f5f9;--border2:#fff;--accent:#ffdf4d;--on-accent:#000}
html[data-a11y-low-stimulation="true"] body.platform-presentation{background-image:none!important}
html[data-a11y-low-stimulation="true"] body.platform-presentation :is(.demo-banner,.post-card,.mini-graph-card,.demo-image-tile){background-image:none!important;box-shadow:none!important;backdrop-filter:none!important}
.platform-presentation .demo-banner{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:14px;padding:10px 15px;border-color:color-mix(in srgb,var(--accent) 48%,var(--border));color:var(--text2);font-size:.83rem}
.platform-presentation .demo-banner strong{color:var(--accent);text-transform:uppercase;letter-spacing:.07em;font-size:.74rem}
.platform-presentation .demo-intro{margin-bottom:14px;align-items:start}
.platform-presentation .demo-intro h1{font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.2;margin:0}
.platform-presentation .demo-intro p{color:var(--text2);font-size:.87rem;line-height:1.45;margin:5px 0 0}
.platform-presentation .demo-intro small{display:block;color:var(--text3);font-size:.75rem;line-height:1.4;margin-top:7px}
.platform-presentation .demo-feed-app{grid-template-columns:minmax(215px,260px) minmax(420px,760px) minmax(260px,360px)}
.platform-presentation .rail{top:76px}
.platform-presentation .demo-panel-help,.platform-presentation .demo-domain-note{color:var(--text2);font-size:.76rem;line-height:1.4;margin:0 0 10px}
.platform-presentation .demo-domain-note{margin:10px 0 0;color:var(--text3)}
.platform-presentation .demo-domain-note code{color:var(--accent)}
.platform-presentation .people-list{display:grid;gap:4px}
.platform-presentation .person-row{grid-template-columns:42px minmax(0,1fr) auto}
.platform-presentation .person-info{display:grid;min-width:0}
.platform-presentation .person-info small{font-size:.72rem;color:var(--text2);overflow-wrap:anywhere}
.platform-presentation .person-info .person-bio{color:var(--text3);margin-top:2px}
.platform-presentation .follow-button{min-width:58px;padding:7px 8px;font-size:.72rem}
.platform-presentation .follow-button[aria-pressed=true]{color:var(--partner);border-color:var(--partner)}
.platform-presentation .avatar-wrap{position:relative;display:grid;place-items:center}
.platform-presentation .avatar-wrap img{position:absolute;inset:0}
.platform-presentation .avatar-fallback{font-size:.72rem}
.platform-presentation .avatar-small{width:30px;height:30px}
.platform-presentation .feed-head h2{font-size:.96rem;line-height:1.2;margin:0}
.platform-presentation .demo-composer .composer-top>div:last-child{min-width:0;flex:1}
.platform-presentation .demo-composer label{display:block;font-size:.8rem;font-weight:800;color:var(--text2);margin-bottom:5px}
.platform-presentation .demo-composer-handle{color:var(--text3);font-size:.7rem;font-weight:600}
.platform-presentation .demo-composer textarea{width:100%;color:var(--text);padding:10px 12px}
.platform-presentation .demo-composer .composer-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.platform-presentation .demo-composer .composer-tool{display:inline-grid;place-items:center;min-width:38px;min-height:38px}
.platform-presentation .demo-composer .composer-tool.active{color:var(--accent);border-color:var(--accent)}
.platform-presentation .demo-composer #post-tags{flex:1 1 145px;min-width:0}
.platform-presentation .demo-composer #post-visibility{flex:1 1 150px;min-width:0}
.platform-presentation .composer-emoji-popover{position:fixed;z-index:1400;max-height:210px;grid-template-rows:auto minmax(0,1fr)}
.platform-presentation .composer-emoji-results{display:flex;gap:5px;flex-wrap:wrap;padding:10px}
.platform-presentation .composer-emoji-results button{min-width:38px;min-height:38px}
.platform-presentation .demo-composer .composer-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}
.platform-presentation .demo-composer .composer-meta>input{flex:1 1 190px}
.platform-presentation .demo-composer .composer-meta label{display:flex;align-items:center;gap:6px;margin:0;font-weight:600}
.platform-presentation .demo-composer .composer-meta input[type=checkbox]{width:auto}
.platform-presentation .demo-composer .composer-category-panels{margin-top:10px}
.platform-presentation .demo-composer .image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.platform-presentation .demo-image-tile{display:grid;gap:5px;border:1px solid var(--border);border-radius:12px;padding:7px;min-width:0}
.platform-presentation .demo-image-tile img{width:100%;height:120px;object-fit:cover;border-radius:8px}
.platform-presentation .demo-image-tile input{min-width:0;width:100%}
.platform-presentation .demo-video-preview{display:flex;gap:8px;flex-wrap:wrap;align-items:start}
.platform-presentation .demo-video-preview video{width:min(100%,260px);max-height:180px}
.platform-presentation .demo-video-preview .image-preview-detail{flex:1 1 180px;display:grid;gap:5px;min-width:0}
.platform-presentation .demo-composer .composer-privacy-panel{display:grid;gap:6px}
.platform-presentation .demo-composer .composer-privacy-panel h3{margin:0;font-size:.84rem}
.platform-presentation .demo-composer .composer-privacy-panel p{margin:0;font-size:.74rem}
.platform-presentation .demo-composer .composer-privacy-panel fieldset{display:grid;gap:5px;border:1px solid var(--border);border-radius:10px}
.platform-presentation .demo-composer .composer-privacy-panel label{display:flex;align-items:center;gap:6px;margin:0;font-weight:600}
.platform-presentation .demo-composer .audio-composer-panel{display:grid;gap:10px}
.platform-presentation .demo-composer .audio-composer-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.platform-presentation .demo-composer .audio-mode-tab:not(.active){background:transparent!important;background-image:none!important;color:var(--text2)}
.platform-presentation .demo-composer .audio-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px}
.platform-presentation .demo-composer .audio-fields label{display:grid;gap:4px;margin:0}
.platform-presentation .demo-composer .audio-fields label:has(input[type=checkbox]){display:flex;align-items:center}
.platform-presentation .demo-composer .audio-fields input,.platform-presentation .demo-composer .audio-fields select{width:100%;min-width:0}
.platform-presentation .demo-composer .audio-fields input[type=checkbox]{width:18px;height:18px;min-width:18px}
.platform-presentation .demo-composer .audio-picker-row{display:flex;gap:6px;flex-wrap:wrap}
.platform-presentation .demo-composer .audio-preview{display:flex;gap:10px;flex-wrap:wrap}
.platform-presentation .demo-composer .audio-cover-shell{min-width:90px;min-height:90px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px}
.platform-presentation .demo-composer .audio-cover-preview{width:90px;height:90px;object-fit:cover}
.platform-presentation .demo-audio-track{display:grid;gap:5px;min-width:180px}
.platform-presentation .demo-audio-track audio{width:100%}
.platform-presentation .demo-composer .composer-poll{display:grid;gap:8px}
.platform-presentation .demo-composer .composer-poll-row{display:flex;gap:7px;margin:5px 0}
.platform-presentation .demo-composer .composer-poll-row input{flex:1;min-width:0}
.platform-presentation .demo-composer .composer-poll-foot{display:flex;gap:7px;flex-wrap:wrap}
.platform-presentation .demo-composer .composer-poll-note{font-size:.72rem;color:var(--text3);margin:0}
.platform-presentation .demo-post-extras{display:grid;gap:7px;margin-top:8px}
.platform-presentation .demo-post-warning{border-left:3px solid var(--accent);padding:7px 9px;background:var(--accent-soft);font-weight:700}
.platform-presentation .demo-post-metadata{color:var(--text3);overflow-wrap:anywhere}
.platform-presentation .demo-post-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:5px}
.platform-presentation .demo-post-gallery img{width:100%;max-height:220px;object-fit:cover;border-radius:9px}
.platform-presentation .demo-post-video{width:100%;max-height:260px;border-radius:9px}
.platform-presentation .demo-post-audio{margin-top:4px}
.platform-presentation .demo-post-audio .post-audio-head>div:last-child{min-width:0}
.platform-presentation .demo-audio-description,.platform-presentation .demo-audio-episode{margin:7px 0 0;color:var(--text2);font-size:.8rem;line-height:1.4}
.platform-presentation .demo-audio-cover{display:grid;place-items:center;font-weight:900;color:#fff;background:linear-gradient(145deg,#5a398c,#1f6690);font-size:2rem}
.platform-presentation .demo-audio-cover[data-cover=lantern]{background:linear-gradient(145deg,#d29353,#653b78)}
.platform-presentation .demo-audio-cover[data-cover=satellites]{background:linear-gradient(145deg,#528fc4,#363362)}
.platform-presentation .demo-audio-cover[data-cover=studio]{background:linear-gradient(145deg,#ae617e,#643c88)}
.platform-presentation .demo-audio-cover[data-cover=systems]{background:linear-gradient(145deg,#4a9b88,#345783)}
.platform-presentation .demo-audio-library{display:grid;gap:14px;margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}
.platform-presentation .audio-results-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:2px 2px 12px}
.platform-presentation .audio-section-kicker{margin-bottom:4px;color:var(--accent);font-size:.71rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.platform-presentation .audio-results-heading h2{margin:0;color:var(--text);font-size:clamp(1.24rem,2vw,1.55rem)}
.platform-presentation .demo-audio-help{margin:5px 0 0;color:var(--text2);font-size:.78rem;line-height:1.4}
.platform-presentation .audio-results-count{display:inline-flex;min-height:29px;align-items:center;border:1px solid var(--border2);border-radius:999px;padding:5px 10px;color:var(--text2);background:var(--bg3);font-size:.74rem;font-weight:850;white-space:nowrap}
.platform-presentation .audio-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.platform-presentation .audio-search-field{display:flex;align-items:center;gap:8px;flex:1 1 215px;min-width:0;padding:3px 10px;border:1px solid var(--border2);border-radius:12px;background:var(--bg3);color:var(--text2)}
.platform-presentation .audio-search-field input{width:100%;min-height:38px;border:0;background:transparent;color:var(--text);box-shadow:none}
.platform-presentation .audio-toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.platform-presentation .audio-segment{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--border2);border-radius:12px;background:var(--bg3)}
.platform-presentation .audio-segment button{min-height:34px;border:0;border-radius:9px;background:transparent;color:var(--text2);padding:7px 12px;font-weight:850;cursor:pointer}
.platform-presentation .audio-segment button:not(.active){background:transparent!important;color:var(--text2)!important}
.platform-presentation .audio-segment button.active{color:var(--on-accent,#fff)!important;background:var(--accent)!important}
.platform-presentation .audio-btn{min-height:42px;padding:9px 14px;border-radius:10px;font-weight:850}
.platform-presentation .audio-btn.primary{color:var(--on-accent,#fff);background:var(--accent)}
.platform-presentation .audio-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:14px;align-items:start}
.platform-presentation .audio-results{display:grid;gap:12px;min-width:0}
.platform-presentation .audio-release-card{display:grid;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:var(--panel2);box-shadow:var(--soft-shadow,var(--shadow))}
.platform-presentation .audio-release-head{display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;align-items:center;padding:14px}
.platform-presentation .audio-release-cover{width:100px;aspect-ratio:1;border-radius:16px;border:1px solid var(--border2)}
.platform-presentation .audio-release-details{min-width:0}
.platform-presentation .audio-release-title{color:var(--text);font-size:1.12rem;font-weight:950;overflow-wrap:anywhere}
.platform-presentation .audio-release-artist{color:var(--text2);margin-top:4px;overflow-wrap:anywhere}
.platform-presentation .audio-badges,.platform-presentation .audio-filter-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.platform-presentation .audio-badge,.platform-presentation .audio-filter-chip{display:inline-flex;min-height:28px;align-items:center;border:1px solid var(--border2);border-radius:999px;padding:5px 9px;color:var(--text2);background:var(--bg3);font-size:.74rem;font-weight:850}
.platform-presentation .audio-filter-chip{cursor:pointer}
.platform-presentation .audio-filter-chip:not(.active){background:var(--bg3)!important;color:var(--text2)!important}
.platform-presentation .audio-filter-chip.active{color:var(--on-accent,#fff)!important;border-color:var(--accent);background:var(--accent)!important}
.platform-presentation .audio-release-track{display:grid;grid-template-columns:30px minmax(0,1fr) minmax(150px,.75fr);gap:12px;align-items:center;padding:12px 14px;border-top:1px solid var(--border);background:var(--bg3)}
.platform-presentation .audio-track-number{display:inline-grid;width:28px;height:28px;place-items:center;border-radius:50%;color:var(--accent);background:var(--accent-soft);font-size:.72rem;font-weight:900}
.platform-presentation .audio-track-details{min-width:0;display:grid;gap:4px}
.platform-presentation .audio-track-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.platform-presentation .audio-track-details small{color:var(--text2);font-size:.72rem}
.platform-presentation .audio-release-track audio{width:100%;min-height:34px}
.platform-presentation .audio-panel{padding:16px;border:1px solid var(--border);border-radius:20px;background:var(--panel2);box-shadow:var(--soft-shadow,var(--shadow))}
.platform-presentation .audio-panel-heading{display:grid;gap:5px;padding-bottom:14px;border-bottom:1px solid var(--border)}
.platform-presentation .audio-panel-heading>span{color:var(--accent);font-size:.69rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.platform-presentation .audio-panel-heading h2,.platform-presentation .audio-panel-section h3{margin:0;font-size:.88rem}
.platform-presentation .audio-panel-heading p{margin:0;color:var(--text2);font-size:.8rem;line-height:1.42}
.platform-presentation .audio-panel-section{padding-top:16px}
.platform-presentation .audio-show-list{display:grid;gap:8px;margin-top:10px}
.platform-presentation .audio-show-item{display:grid;gap:3px;padding:9px 10px;border:1px solid var(--border);border-radius:12px;background:var(--bg3);color:var(--text2);font-size:.8rem}
.platform-presentation .audio-show-item strong{color:var(--text)}
.platform-presentation .audio-results>.audio-empty{min-height:130px;display:grid;place-items:center;padding:20px;border:1px dashed var(--border);border-radius:20px;color:var(--text2);text-align:center}
.platform-presentation .demo-post-poll{display:grid;gap:6px}
.platform-presentation .demo-post-poll button{text-align:left}
.platform-presentation .demo-post-poll button.is-active{border-color:var(--accent);color:var(--accent)}
.platform-presentation .demo-poll-add-row{display:flex;gap:6px}
.platform-presentation .demo-poll-add-row input{flex:1;min-width:0}
.platform-presentation .mini-graph-card .mini-graph-stage{margin-top:10px}
.platform-presentation .mini-graph-card .mini-graph-stage line{stroke:var(--partner);stroke-width:3}
.platform-presentation .mini-graph-card .mini-graph-stage line.metamour{stroke:var(--metamour);stroke-width:2.5}
.platform-presentation .mini-graph-card .mini-graph-stage line.ex{stroke:var(--ex);stroke-width:2.5}
.platform-presentation .mini-graph-card .mini-node{font:inherit}
.platform-presentation .mini-graph-card .mini-node-label{font-size:.74rem}
.platform-presentation .mini-graph-card .mini-node-avatar{position:relative}
.platform-presentation .mini-graph-card .mini-node-avatar img{position:absolute;inset:0}
.platform-presentation .mini-graph-card .mini-graph-status{min-height:36px}
.platform-presentation .mini-graph-card .mini-graph-stage.is-expanded{height:280px}
.platform-presentation .demo-graph-details{display:grid;gap:4px;margin-top:10px;font-size:.74rem;color:var(--text2)}
.platform-presentation .demo-graph-details p{margin:0;border-left:2px solid var(--accent);padding-left:8px}
.platform-presentation .demo-composer-note{color:var(--text3);font-size:.75rem;margin-right:auto}
.platform-presentation #post-length{color:var(--text3);font-size:.74rem}
.platform-presentation .post-list{min-height:0}
.platform-presentation .post-list>article.post{content-visibility:visible;contain-intrinsic-size:none}
.platform-presentation .post-body{max-height:none;overflow:visible;white-space:pre-wrap}
.platform-presentation .post-byline .post-identity{grid-column:1/-1}
.platform-presentation .post-byline .post-meta{grid-column:1/-1}
.platform-presentation .demo-post-label{font-size:.68rem;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 36%,var(--border));background:var(--accent-soft);border-radius:999px;padding:2px 7px;font-weight:800}
.platform-presentation .demo-post-actions{gap:4px;flex-wrap:wrap}
.platform-presentation .demo-post-actions .post-action{min-width:64px;justify-content:center}
.platform-presentation .demo-post-actions .post-social-btn{background:transparent!important;color:var(--text2)!important;border:1px solid transparent!important;border-radius:999px!important;box-shadow:none!important}
.platform-presentation .demo-post-actions .post-social-btn:hover{background:var(--row-hover)!important;color:var(--text)!important;border-color:var(--border)!important}
.platform-presentation .demo-post-actions .post-action.is-active[data-action=like]{color:var(--red)!important;background:color-mix(in srgb,var(--red) 10%,transparent)!important}
.platform-presentation .demo-post-actions .post-action.is-active[data-action=repost]{color:var(--accent)!important;background:var(--accent-soft)!important}
.platform-presentation .action-icon{font-size:1rem;line-height:1}
.platform-presentation .reply-list{display:grid;gap:5px}
.platform-presentation .reply-item{margin-top:5px}
.platform-presentation .reply-text{min-width:0}
.platform-presentation .reply-text strong{font-size:.78rem}
.platform-presentation .reply-text p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.83rem;color:var(--text2);margin-top:3px}
.platform-presentation .reply-editor label{font-size:.78rem;font-weight:800;color:var(--text2)}
.platform-presentation .reply-editor textarea{min-height:70px}
.platform-presentation .reply-controls{display:flex;justify-content:flex-end;gap:8px}
.platform-presentation .demo-bell{position:relative;min-width:42px;min-height:42px}
.platform-presentation .demo-bell #notification-count{position:absolute;right:-7px;top:-8px;min-width:21px;padding:2px 5px;color:var(--on-accent,#fff);background:var(--accent);font-size:.67rem}
.platform-presentation .notification-list{display:grid;gap:5px}
.platform-presentation .notification-item{border:1px solid var(--border);border-radius:12px;padding:8px 10px;background:var(--bg3);font-size:.8rem}
.platform-presentation .notification-item p{margin:4px 0 0}
.platform-presentation .mini-demo-label{font-size:.66rem;font-weight:800;color:var(--accent);text-transform:uppercase}
.platform-presentation .preview-panel p,.platform-presentation .task-panel p{color:var(--text2);font-size:.8rem;line-height:1.4}
.platform-presentation .task-card{display:grid;gap:3px;border:1px solid var(--border);border-radius:12px;background:var(--bg3);padding:10px;margin-top:10px}
.platform-presentation .task-card strong{font-size:.78rem}
.platform-presentation .task-card small{font-size:.72rem;color:var(--text2)}
.platform-presentation .demo-bottom-note{text-align:center;color:var(--text3);font-size:.76rem;margin:20px 0 0}
.platform-presentation .toast-stack{left:auto;right:16px;bottom:16px;transform:none;width:min(390px,calc(100vw - 32px));display:grid;gap:8px}
.platform-presentation .demo-toast{pointer-events:auto;display:flex;align-items:center;gap:8px}
.platform-presentation .demo-toast-label{color:var(--accent);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}
.platform-presentation .demo-toast-body{flex:1}
.platform-presentation .toast-close{min-width:38px;min-height:38px;padding:5px;background:transparent;color:var(--text2)}
@media(max-width:1200px){.platform-presentation .demo-feed-app{grid-template-columns:minmax(210px,260px) minmax(0,1fr)}.platform-presentation .side-column{display:grid;grid-column:1/-1;position:static;grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.platform-presentation .demo-feed-app{grid-template-columns:minmax(0,1fr)}.platform-presentation .left-rail{display:grid;position:static}.platform-presentation .left-rail .people-panel{display:block}.platform-presentation .side-column{display:grid;grid-column:auto;grid-template-columns:1fr}}
@media(max-width:760px){.platform-presentation .audio-layout{grid-template-columns:minmax(0,1fr)}.platform-presentation .audio-release-track{grid-template-columns:30px minmax(0,1fr)}.platform-presentation .audio-release-track audio{grid-column:2}.platform-presentation .audio-results-heading{align-items:start;flex-wrap:wrap}}
@media(max-width:760px){.platform-presentation .demo-nav{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"brand" "actions" "menu"!important;position:sticky;top:0;bottom:auto;gap:5px!important}.platform-presentation .demo-nav-links{grid-area:menu;width:100%;margin:0;overflow-x:auto}.platform-presentation .demo-nav-actions{grid-area:actions;display:flex!important;grid-template-columns:none!important;width:100%;margin:0;gap:6px}.platform-presentation .demo-nav-actions .app-nav-btn{font-size:.72rem;padding:7px 8px}.platform-presentation .timeline-column{grid-column:auto}.platform-presentation .person-row{grid-template-columns:42px minmax(0,1fr) auto}.platform-presentation .demo-composer-note{flex:1}.platform-presentation .action-label{display:none}.platform-presentation .demo-post-actions .post-action{min-width:64px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.platform-presentation *, .platform-presentation *::before,.platform-presentation *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}