.collage-body{min-height:100vh;overflow-x:hidden;background-attachment:scroll!important}.collage-page{position:relative;z-index:1;min-height:100vh}.collage-diagnostics{position:fixed;right:12px;top:12px;z-index:80;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:min(300px,calc(100vw - 24px));padding:8px;border:1px solid rgb(var(--c-accent) / .45);border-radius:8px;background:#000000db;font:700 10px/1 var(--font-mono, ui-monospace, monospace);text-transform:uppercase}.collage-scanline{display:none}.fx-scanline .collage-scanline{display:block}.diag-title{grid-column:1 / -1;color:rgb(var(--c-muted))}.collage-diagnostics button{min-height:28px;padding:0 6px;color:rgb(var(--c-fg));border:1px solid rgb(var(--c-border));border-radius:5px;background:#ffffff0d}.collage-diagnostics button.is-on{color:#000;background:rgb(var(--c-accent))}.collage-diagnostics .fx-all-off-btn.is-on{color:#fff;border-color:#fff9;background:#a01414d9}.fx-all-off,.fx-all-off *,.fx-all-off *:before,.fx-all-off *:after{animation:none!important;transition:none!important;text-shadow:none!important;box-shadow:none!important;filter:none!important;backdrop-filter:none!important}.fx-all-off{background-image:none!important}.fx-all-off .collage-stage{background:#00000038!important}.fx-all-off .collage-backdrop,.fx-all-off .collage-scanline{display:none!important}.fx-all-off .collage-piece,.fx-all-off .shape,.fx-all-off .ribbon{transform:none!important}.fx-all-off .piece-handle,.fx-all-off .collage-piece{background-image:none!important}.fx-all-off .ticker-reel{transform:none!important}.collage-body:not(.fx-animations) *,.collage-body:not(.fx-animations) *:before,.collage-body:not(.fx-animations) *:after{animation:none!important}.collage-body :is(.piece-navbar .nav-link.cli-attention,.piece-navbar .nav-link.cli-attention:before,.piece-navbar .nav-link.cli-attention:after){animation:none!important;box-shadow:none!important;text-shadow:none!important}.fx-cli-pulse .piece-navbar .nav-link.cli-attention{animation:cli-pulse-both 1.6s ease-in-out infinite!important}.fx-cli-pulse-box .piece-navbar .nav-link.cli-attention{animation:cli-pulse-box 1.6s ease-in-out infinite!important}.fx-cli-pulse-text .piece-navbar .nav-link.cli-attention{animation:cli-pulse-text 1.6s ease-in-out infinite!important}.fx-cli-pulse-slow .piece-navbar .nav-link.cli-attention{animation:cli-pulse-both 4s ease-in-out infinite!important}.fx-cli-pulse-steps .piece-navbar .nav-link.cli-attention{animation:cli-pulse-both 1.6s steps(2,end) infinite!important}@keyframes cli-pulse-both{0%,to{box-shadow:0 0 0 1px rgb(var(--c-accent) / 0),0 0 rgb(var(--tron-glow, 255 90 50) / 0);text-shadow:0 0 0 transparent}50%{box-shadow:0 0 0 1px rgb(var(--c-accent) / .75),0 0 14px rgb(var(--tron-glow, 255 90 50) / .6);text-shadow:0 0 8px rgb(var(--tron-glow, 255 90 50) / .7)}}@keyframes cli-pulse-box{0%,to{box-shadow:0 0 0 1px rgb(var(--c-accent) / 0),0 0 rgb(var(--tron-glow, 255 90 50) / 0)}50%{box-shadow:0 0 0 1px rgb(var(--c-accent) / .75),0 0 14px rgb(var(--tron-glow, 255 90 50) / .6)}}@keyframes cli-pulse-text{0%,to{text-shadow:0 0 0 transparent}50%{text-shadow:0 0 8px rgb(var(--tron-glow, 255 90 50) / .7)}}.collage-body:not(.fx-transitions) *,.collage-body:not(.fx-transitions) *:before,.collage-body:not(.fx-transitions) *:after{transition:none!important}.collage-body:not(.fx-component-shadows) :is(.avatar-frame,.editor,.htop,.chat-launcher,.chat,.footer-reset,.fk-on,.fkg-on,header,footer,button,input),.collage-body:not(.fx-component-shadows) :is(.avatar-frame,.editor,.htop,.chat-launcher,.chat,.footer-reset,.fk-on,.fkg-on,header,footer,button,input):before,.collage-body:not(.fx-component-shadows) :is(.avatar-frame,.editor,.htop,.chat-launcher,.chat,.footer-reset,.fk-on,.fkg-on,header,footer,button,input):after{box-shadow:none!important}.collage-body:not(.fx-filters) *,.collage-body:not(.fx-filters) *:before,.collage-body:not(.fx-filters) *:after{filter:none!important}.collage-body:not(.fx-blur) *,.collage-body:not(.fx-blur) *:before,.collage-body:not(.fx-blur) *:after{backdrop-filter:none!important}.collage-body:not(.fx-body-bg){background-image:none!important}.collage-body:not(.fx-stage-bg) .collage-stage{background:#00000029!important}.collage-body:not(.fx-panel-gradients) .piece-handle,.collage-body:not(.fx-panel-gradients) .collage-piece{background-image:none!important}.collage-stage{position:relative;min-height:1260px;padding:24px;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#0000001a,#ff4b230d)}.fx-backdrop .collage-stage{background:radial-gradient(circle at 12% 18%,rgb(255 206 84 / .16),transparent 22%),radial-gradient(circle at 88% 22%,rgb(23 212 190 / .15),transparent 24%),radial-gradient(circle at 66% 84%,rgb(255 75 35 / .18),transparent 28%),linear-gradient(135deg,#0000001a,#ff4b230d)}.collage-backdrop,.collage-backdrop>*{position:absolute;pointer-events:none}.collage-backdrop{inset:0;z-index:-1;display:none}.fx-backdrop .collage-backdrop{display:block}.shape{border:1px solid rgb(var(--c-accent) / .45)}.shape-a{width:210px;height:210px;left:72%;top:16%;border-radius:50%;background:#17d4be14}.shape-b{width:150px;height:150px;left:3%;top:58%;transform:rotate(22deg);background:#ffce5414}.shape-c{width:280px;height:80px;left:42%;top:5%;transform:rotate(-9deg);border-radius:999px;background:#ff4b2312}.shape-d{width:190px;height:190px;left:82%;top:73%;transform:rotate(18deg);clip-path:polygon(50% 0,100% 100%,0 100%);background:#ffffff0a}.ribbon{height:16px;width:48vw;border-top:1px dashed rgb(23 212 190 / .7);border-bottom:1px dashed rgb(255 206 84 / .65);opacity:.55}.ribbon-a{left:-8vw;top:36%;transform:rotate(-16deg)}.ribbon-b{right:-12vw;top:66%;transform:rotate(18deg)}.collage-piece{--tx: 0px;--ty: 0px;position:absolute;left:calc(var(--x) + var(--tx));top:calc(var(--y) + var(--ty));width:var(--w);max-width:calc(100vw - 32px);z-index:var(--z);border:1px solid rgb(var(--c-accent) / .62);border-radius:8px;background:linear-gradient(135deg,#ffffff14,#00000038),rgb(var(--c-card) / .92);touch-action:none}.fx-piece-transform .collage-piece{transform:rotate(var(--rot))}.fx-piece-translate .collage-piece{left:var(--x);top:var(--y);transform:translate3d(var(--tx),var(--ty),0)}.fx-piece-translate.fx-piece-transform .collage-piece{transform:translate3d(var(--tx),var(--ty),0) rotate(var(--rot))}.fx-piece-shadow .collage-piece{box-shadow:0 14px 28px #00000057,0 0 0 1px #ffce5414}.collage-piece.is-dragging{box-shadow:0 20px 36px #0000006b,0 0 0 1px #17d4be52;transition:box-shadow .18s ease}.piece-handle{display:flex;align-items:center;justify-content:space-between;min-height:30px;padding:6px 10px;border-bottom:1px solid rgb(var(--c-accent) / .36);border-radius:7px 7px 0 0;color:rgb(var(--c-fg));background:linear-gradient(90deg,rgb(var(--c-accent) / .28),#17d4be1f),#00000073;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;font:700 11px/1 var(--font-mono, ui-monospace, monospace);text-transform:uppercase}.fx-text-glow :is(h1,h2,h3,a,.chat-launcher-text,.chat-launcher-caret){text-shadow:0 0 8px rgb(var(--tron-glow) / .55),0 0 18px rgb(var(--tron-glow) / .25)!important}.collage-body:not(.fx-text-glow) :is(h1,h2,h3,a,.chat-launcher-text,.chat-launcher-caret){text-shadow:none!important}.collage-body:not(.fx-tron-grid){background-image:none!important}.fx-tron-grid{background-attachment:fixed!important}.piece-handle:after{content:"";width:42px;height:8px;border-top:1px solid rgb(255 206 84 / .85);border-bottom:1px solid rgb(23 212 190 / .75);opacity:.8}.is-dragging .piece-handle{cursor:grabbing}.piece-body{position:relative;max-height:520px;overflow:auto;padding:10px;border-radius:0 0 7px 7px}.piece-navbar .piece-body,.piece-ticker .piece-body,.piece-footer .piece-body{padding:0}.piece-htop .piece-body{max-height:430px;overflow:hidden}.piece-intro .piece-body{max-height:none;overflow:hidden}.avatar-piece-body{display:grid;place-items:center;min-height:148px}.component-note{display:grid;min-height:120px;place-items:center;color:rgb(var(--c-muted));font:700 13px/1 var(--font-mono, ui-monospace, monospace);text-transform:uppercase;border:1px dashed rgb(var(--c-accent) / .45);background:#00000040}.collage-piece :global(header){position:static;border-radius:0 0 7px 7px}.collage-piece :global(header nav){max-width:none;min-height:52px}.collage-piece :global(footer){margin:0;border-radius:0 0 7px 7px}.collage-piece :global(footer>div){max-width:none}.collage-piece :global(.ticker){border-radius:0 0 7px 7px}.collage-piece :global(.ticker[data-paused=true] .ticker-reel){transform:none!important;will-change:auto}.collage-piece :global(.editor){margin:0}.collage-piece :global(.editor .body){min-height:300px}.piece-intro :global(.editor .body){height:620px}.collage-piece :global(.htop){margin:.65rem 0 0}.piece-htop :global(.htop){overflow:hidden;box-shadow:none}.piece-htop :global(.htop-block){font-size:11px;line-height:1.38}.piece-htop :global(.htop *),.piece-htop :global(#htop-toggle){text-shadow:none!important;box-shadow:none!important}.collage-piece :global(.chat-root){position:relative;right:auto;bottom:auto;z-index:1;max-width:none;width:100%;align-items:stretch;flex-direction:column}.collage-piece :global(.chat-launcher){transform:none;opacity:1;animation:none}.collage-piece :global(.chat){position:relative;width:100%!important;transform:none!important;transition:none;box-shadow:none}.piece-chat :global(.chat-root[data-size=max] .chat),.piece-chat :global(.chat-root[data-size=normal] .chat){width:100%!important}.piece-chat :global(.chat-root[data-open=true] .chat){max-height:460px}.piece-chat :global(.chat-log){max-height:250px}.piece-chat :global(.chat-launcher){backdrop-filter:none;box-shadow:none}.fx-chat-effects .piece-chat :global(.chat-launcher){backdrop-filter:blur(2px);box-shadow:0 0 0 1px rgb(var(--c-accent, 255 75 35) / .25),0 0 20px rgb(var(--tron-glow, 255 90 50) / .45),inset 0 0 18px rgb(var(--tron-glow, 255 90 50) / .06)}.chat-piece-body{min-height:116px;max-height:none;overflow:visible}@media(max-width:760px){.collage-stage{min-height:1520px;padding:12px}.collage-piece{left:12px;width:calc(100vw - 24px)!important}.piece-navbar{top:18px}.piece-avatar{top:130px}.piece-intro{top:320px}.piece-htop{top:620px}.piece-chat{top:860px}.piece-ticker{top:1020px}.piece-footer{top:1130px}.piece-giscus{top:1270px}}
