*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #00ffc8;--primary-glow: #00ffea;--secondary: #00ff88;--bg-dark: #0a0e1a;--bg-darker: #000000;--text-light: #f1f5f9;--text-muted: #94a3b8;--glass-bg: rgba(10, 14, 26, .8);--glass-border: rgba(0, 255, 200, .15)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Helvetica Neue,sans-serif;background:var(--bg-darker);color:var(--text-light);line-height:1.6;overflow-x:clip}html{overflow-x:clip}.container{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:0 2rem}header{padding:1rem 0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.06);background:#00000080}.header-content{display:flex;align-items:center;gap:1.5rem}.logo{display:inline-flex;align-items:baseline;gap:.45rem;font-size:1.2rem;font-weight:800;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;white-space:nowrap;text-decoration:none}.logo-name{flex-shrink:0;line-height:1}.logo-slogan{display:inline-block;line-height:inherit;letter-spacing:-.01em}.logo-slogan:empty{display:none}nav{display:flex;gap:.5rem;align-items:center;margin-left:auto}@keyframes chatTogglePulse{0%,to{box-shadow:inset 0 0 0 1px #00ffc808,0 0 #00ffc800,0 0 #00ffc800}50%{box-shadow:inset 0 0 0 1px #00ffc80f,0 0 0 4px #00ffc814,0 10px 26px #00ffc82e}}.nav-link{padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500;font-family:inherit;color:var(--text-muted);text-decoration:none;transition:all .2s;cursor:pointer;background:none;border:none}.nav-link:hover{color:var(--text-light);background:#ffffff0f}.nav-link--highlight{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.5rem 1.15rem;border-radius:8px;font-size:.85rem;font-weight:600;font-family:inherit;color:var(--primary);background:#00ffc814;border:1px solid rgba(0,255,200,.3);box-shadow:inset 0 0 0 1px #00ffc808;animation:chatTogglePulse 2.8s ease-in-out infinite;transition:color .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}.nav-link--highlight:hover{color:var(--text-light);background:#00ffc824;border-color:#00ffc86b;animation-play-state:paused}.nav-cta{padding:.5rem 1.15rem;border-radius:8px;font-size:.85rem;font-weight:600;color:#0f172a;background:var(--primary);border:none;cursor:pointer;transition:all .2s;text-decoration:none}.nav-cta:hover{opacity:.85;transform:translateY(-1px)}@media (max-width: 768px){.container{padding:0 1rem}.header-content{flex-wrap:nowrap;gap:.5rem;justify-content:space-between}.logo{display:flex;align-items:baseline;gap:.35rem;min-width:0;flex:1 1 auto;font-size:1rem;white-space:nowrap;overflow:hidden}.logo-name{flex-shrink:0;line-height:1}.logo-slogan{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:-.01em;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none;opacity:1;flex:1 1 auto}nav{gap:.25rem;margin-left:0;flex-shrink:1;min-width:0}.nav-link{padding:.4rem .5rem;font-size:.7rem;white-space:nowrap}#navJoinBtn,#navLuckBtn{display:none!important}.nav-cta{padding:.4rem .7rem;font-size:.7rem;white-space:nowrap}}@media (max-width: 640px){.nav-link--highlight{padding:.4rem .7rem;min-height:0;font-size:.7rem;font-weight:600;color:var(--primary);background:#00ffc814;border:1px solid rgba(0,255,200,.34);border-radius:8px;box-shadow:inset 0 0 0 1px #00ffc80a,0 0 16px #00ffc829;animation:none;white-space:nowrap}.nav-link--highlight:hover{color:var(--text-light);background:#00ffc824;border-color:#00ffc870;opacity:1}}@media (max-width: 380px){.container{padding:0 .75rem}header{padding:.75rem 0}.header-content{gap:.35rem}.logo{font-size:.9rem}.logo-slogan{max-width:none}.nav-link{padding:.35rem .4rem;font-size:.65rem}.nav-cta{padding:.35rem .6rem;font-size:.65rem}}@font-face{font-family:"Noto Emoji";src:url(/fonts/noto-emoji.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}.fl-emoji-jumbo .fl-emoji{width:3em;height:3em;margin:.1em .08em;vertical-align:middle}.fl-emoji-mono{font-family:"Noto Emoji",-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;font-weight:500;font-style:normal;font-size:1.1em;line-height:1}.fl-emoji{display:inline-block;width:1.5em;height:1.5em;margin:0 .05em;vertical-align:-.38em;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.emoji-picker{position:fixed;z-index:1200;width:340px;height:400px;display:flex;flex-direction:column;background:#0a0e1af5;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 18px 48px #0000008c,0 0 0 1px #00ffc80d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text-light);overflow:hidden}.emoji-picker[hidden]{display:none}.emoji-picker__head{display:flex;align-items:center;gap:6px;padding:10px 10px 6px}.emoji-picker__close{flex:0 0 auto;width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff0d;color:var(--text-muted);font-size:.95rem;cursor:pointer}.emoji-picker__close:hover{color:var(--text-light);background:#00ffc81f}.emoji-picker__search{flex:1;min-width:0;margin:0;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:inherit;font:inherit;font-size:.9rem;outline:none}.emoji-picker__search:focus{border-color:#00ffc873}.emoji-picker__tabs{display:flex;gap:2px;padding:0 8px 6px;border-bottom:1px solid rgba(255,255,255,.06)}.emoji-picker__tab{flex:1;min-width:0;height:30px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:var(--text-muted);font-size:15px;cursor:pointer;opacity:.7}.emoji-picker__tab img{width:20px;height:20px}.emoji-picker__tab:hover,.emoji-picker__tab.is-active{background:#00ffc81f;opacity:1}.emoji-picker__body{flex:1;overflow-y:auto;padding:4px 8px 10px;overscroll-behavior:contain}.emoji-picker__section{content-visibility:auto;contain-intrinsic-size:auto 400px}.emoji-picker__title{margin:8px 4px 4px;font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.emoji-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr))}.emoji-picker__item{aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;cursor:pointer;padding:0}.emoji-picker__item img,.emoji-picker__sprite{width:28px;height:28px;pointer-events:none}.emoji-picker__sprite{display:block;background-image:var(--emoji-atlas);background-repeat:no-repeat}.emoji-picker__item:hover,.emoji-picker__item:focus-visible{background:#00ffc824;outline:none}.emoji-picker__empty{margin:24px 0;text-align:center;color:var(--text-muted);font-size:.85rem}@media (max-width: 639px){.emoji-picker{left:0!important;right:0!important;top:auto!important;bottom:0!important;width:auto;height:46vh;border-radius:16px 16px 0 0}}.chat-shell__ad-card-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0}.chat-shell__ad-card-head-text{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.chat-shell__ad-card-go{--chat-soft-arrow-main: #f0fbff;--chat-soft-arrow-mid: #67e8f9;--chat-soft-arrow-dark: #0e7490;--chat-soft-arrow-shadow: rgba(56, 189, 248, .38);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#38bdf83d,#6366f133);border:1px solid rgba(56,189,248,.5);color:#e0f2fe;text-decoration:none;font-size:1.1rem;line-height:1;flex-shrink:0;transition:background .15s ease,transform .1s ease}.chat-shell__ad-card-go:hover{background:linear-gradient(135deg,#38bdf85c,#6366f147);transform:translate(1px)}.chat-shell__ad-card-go:hover .chat-shell__soft-arrow{transform:translate(1px,-1px) scale(1.08);filter:drop-shadow(0 0 7px var(--chat-soft-arrow-shadow, rgba(56, 189, 248, .38)))}.chat-shell__soft-arrow{display:block;width:1.08rem;height:1.08rem;margin:auto;flex:0 0 auto;overflow:visible;filter:drop-shadow(0 0 4px var(--chat-soft-arrow-shadow, rgba(56, 189, 248, .38)));transition:transform .15s ease,filter .15s ease}.chat-shell__soft-arrow path{fill:none;stroke-linecap:round;stroke-linejoin:round}.chat-shell__soft-arrow-base{stroke:var(--chat-soft-arrow-dark, #0e7490);stroke-width:4.2;transform:translate(.4px,.9px)}.chat-shell__soft-arrow-face{stroke:var(--chat-soft-arrow-main, #f0fbff);stroke-width:2.6}.chat-shell__ad-card-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#0f172ab3;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem}.chat-shell__ad-card-avatar--fallback{border:1px solid rgba(56,189,248,.35)}.chat-shell__ad-card-title{color:#e0f2fe;font-weight:700;text-decoration:none;font-size:.95rem;line-height:1.2;white-space:normal;word-break:break-word;text-align:center;min-width:0;max-width:100%}.chat-shell__ad-card-title:hover{text-decoration:underline}.promo-card{flex:0 0 auto;width:min(100%,420px);display:flex;flex-direction:column;gap:.75rem;padding:12px 14px;border-radius:16px;background:#080e1aa6;border:1px solid rgba(56,189,248,.28);box-shadow:0 6px 20px #00000047;color:inherit;min-width:0;transition:transform .3s ease,box-shadow .3s ease}.promo-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #00000057}.promo-card:has(.promo-card__head--top8){border-color:#ffd7008c;background:linear-gradient(135deg,#78560c52,#3c280466),#080e1aa6}.promo-card__head--top8 .chat-shell__ad-card-title{color:#fde68a}.promo-card__head--top8 .chat-shell__ad-card-go{background:linear-gradient(135deg,#ffd70047,#eab30838);border-color:#ffd7008c;--chat-soft-arrow-main: #fff7c2;--chat-soft-arrow-mid: #facc15;--chat-soft-arrow-dark: #9a6b00;--chat-soft-arrow-shadow: rgba(250, 204, 21, .38)}.promo-card__summary{font-size:.9rem;line-height:1.45;color:#e2e8f0eb;word-break:break-word}.promo-card--expanded .promo-post__title{margin:0;font-size:1rem}.promo-card--expanded .promo-post__text{font-size:.92rem;line-height:1.5}.promo-card--expanded .promo-post__media{width:100%;border-radius:10px}.promo-post__content{display:block;min-width:0}.promo-post__content:after{content:"";display:block;clear:both}.promo-post__content>.promo-post__media{margin:0 0 .75rem}.promo-post__content>.promo-post__media[data-media-shape=square]{float:left;width:min(40%,240px);max-height:none;margin:.2rem 1rem .4rem 0}.promo-card--expanded .promo-post__controls{margin-top:auto}.promo-card__actions{display:flex;flex-wrap:wrap;gap:.5rem}.promo-card__action{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:.45rem .9rem;color:var(--promo-accent-text, #e0f2fe);font:inherit;font-size:.8rem;font-weight:600;text-decoration:none;background:var(--promo-accent-bg, rgba(56, 189, 248, .12));border:1px solid var(--promo-accent-border, rgba(56, 189, 248, .4));border-radius:10px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.promo-card__action:hover{background:var(--promo-accent-bg-hover, rgba(56, 189, 248, .22));border-color:var(--promo-accent-border-hover, rgba(56, 189, 248, .7))}.promo-card:has(.promo-card__head--top8){--promo-accent-text: #fde68a;--promo-accent-bg: rgba(255, 215, 0, .12);--promo-accent-bg-hover: rgba(255, 215, 0, .22);--promo-accent-border: rgba(255, 215, 0, .45);--promo-accent-border-hover: rgba(255, 215, 0, .75)}.chat-shell__link{color:#00ffc8;text-decoration:underline;text-decoration-color:#00ffc866;text-underline-offset:2px;word-break:break-word;overflow-wrap:anywhere}.chat-shell__link:hover,.chat-shell__link:focus-visible{color:#4dffd7;text-decoration-color:#00ffc8d9}.chat-shell__inline-code{font-family:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.92em;padding:.05em .45em;color:#c4b5fd;background:linear-gradient(#0a0e1aeb,#0a0e1aeb) padding-box,linear-gradient(135deg,#a78bfae6,#34d399e6) border-box;border:1px solid transparent;border-radius:6px;box-shadow:0 0 10px #8b5cf62e;word-break:break-word}.chat-shell__code-block{font-family:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.88em;color:#d9f99d;background:linear-gradient(180deg,#8b5cf614,#34d3990f),#060a12d9;border:1px solid rgba(167,139,250,.25);border-left:3px solid;border-image:linear-gradient(180deg,#a78bfa,#34d399) 1;border-radius:0 10px 10px 0;box-shadow:inset 0 0 24px #8b5cf614,0 0 14px #34d39914;padding:8px 12px;margin:6px 0;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;max-width:100%}.chat-shell__code-block code{background:transparent;padding:0;border:0;color:inherit;font-family:inherit;font-size:inherit}.chat-shell__spoiler{display:inline-block;vertical-align:-.08em;line-height:inherit;cursor:pointer;padding:0 2px;border-radius:3px;background:#08120e8c;color:#b4ffc8f2;font-family:JetBrains Mono,Fira Code,Consolas,Courier New,monospace;font-variant-ligatures:none;font-feature-settings:"liga" 0,"calt" 0;letter-spacing:.04em;text-shadow:0 0 6px rgba(120,255,180,.45);transition:background .25s ease,color .25s ease,text-shadow .25s ease;-webkit-user-select:none;user-select:none;contain:layout paint style;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;will-change:contents}.chat-shell__spoiler:focus-visible{outline:1px solid rgba(120,255,180,.55);outline-offset:1px}.chat-shell__spoiler-target{color:inherit;font-family:inherit;font-variant-ligatures:inherit;font-feature-settings:inherit;letter-spacing:inherit;contain:layout paint style;display:inline}.chat-shell__spoiler--revealing,.chat-shell__spoiler--revealed{background:transparent;font-family:inherit;letter-spacing:normal;cursor:text;-webkit-user-select:text;user-select:text;color:#b4ffc8f2;text-shadow:0 0 6px rgba(120,255,180,.45)}.chat-shell__spoiler--revealing .chat-shell__spoiler-target,.chat-shell__spoiler--revealed .chat-shell__spoiler-target{font-family:inherit;letter-spacing:normal}.chat-shell__spoiler--restricted{cursor:not-allowed;color:#ff828cf2;text-shadow:0 0 6px rgba(255,80,100,.45);background:#28080c8c}.chat-shell__spoiler--restricted:focus-visible{outline:1px solid rgba(255,80,100,.55)}.chat-shell__editable{min-height:56px;max-height:220px;overflow-y:auto;line-height:1.4;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;cursor:text;transition:none}.chat-shell__editable:empty:before{content:attr(data-placeholder);color:#ffffff59;pointer-events:none}.chat-shell__editable:has(>br:only-child):not(:focus):before{content:attr(data-placeholder);color:#ffffff59;pointer-events:none}.chat-shell__editable.chat-shell__editable--has-content:before{content:none!important}.chat-shell__editable .chat-shell__spoiler{display:inline;vertical-align:baseline;line-height:inherit;cursor:text;-webkit-user-select:text;user-select:text;contain:none;will-change:auto}.chat-shell__editable .chat-shell__spoiler-target{contain:none}.chat-shell__editable .chat-shell__link{cursor:text}.md-b{font-weight:800;color:#f5f3ff;text-shadow:0 0 8px rgba(167,139,250,.85),0 0 18px rgba(139,92,246,.4)}.md-i{font-style:italic;color:#5eead4}.md-s{text-decoration:line-through;text-decoration-color:#a78bfa;text-decoration-thickness:2px;color:#e2e8f0bf}.md-b.md-i,.md-i .md-b,.md-b .md-i{color:#a7f3d0}textarea[hidden],.rich-field[hidden]{display:none!important}.rich-field{width:100%;max-height:none;padding:.7rem .8rem;color:var(--text-light, #f1f5f9);font:inherit;background:#ffffff0b;border:1px solid rgba(255,255,255,.1);border-radius:10px;outline:none}.rich-field:focus{border-color:#00ffc859;box-shadow:0 0 0 3px #00ffc814}.rich-field-wrap{display:contents}.rich-field-wrap:has(>.admin-format-toolbar){display:grid;width:100%;background:#ffffff0b;border:1px solid rgba(255,255,255,.1);border-radius:10px}.rich-field-wrap:has(>.admin-format-toolbar):focus-within{border-color:#00ffc859;box-shadow:0 0 0 3px #00ffc814}.rich-field-wrap:has(>.admin-format-toolbar)>.rich-field,.rich-field-wrap:has(>.admin-format-toolbar)>.rich-field:focus{background:transparent;border:0;border-radius:10px 10px 0 0;box-shadow:none}.rich-field-wrap:has(>.rich-field[hidden]){display:none}.rich-field-wrap>.admin-format-toolbar{margin:0;padding:.35rem .5rem;border-top:1px solid rgba(255,255,255,.08)}.admin-format-toolbar__group{display:contents}.admin-format-toolbar__toggle{display:none}@media (max-width: 768px){.admin-format-toolbar__toggle{display:inline-flex;align-items:center;justify-content:center}.admin-format-toolbar__group{display:none}.admin-format-toolbar.is-open .admin-format-toolbar__group{display:contents}.admin-format-toolbar.is-open .admin-format-toolbar__toggle{border-color:#00ffc899;color:#4dffd7}}.rich-field .fl-emoji{width:1.25em;height:1.25em;vertical-align:-.25em}.ribbon{padding:.85rem 0 1.15rem;margin:-.35rem 0 -.65rem;cursor:grab;position:relative;touch-action:pan-y}.ribbon-viewport .ribbon-track>*,.ribbon-viewport .ribbon-track>:hover{box-shadow:0 0 0 1px #00000073,0 0 22px #000c,0 12px 28px #0000008c}.ribbon-viewport{overflow:hidden;position:relative;z-index:1;padding:24px 0 44px;margin:-24px 0 -44px}.ribbon-track{display:flex;gap:1.25rem;width:max-content;transform:translate(0)}@property --ribbon-portal-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@property --ribbon-portal-swirl{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@property --ribbon-portal-flow{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --ribbon-portal-k1{syntax: "<number>"; inherits: false; initial-value: 1;}@property --ribbon-portal-k2{syntax: "<number>"; inherits: false; initial-value: 1;}@property --ribbon-portal-breath{syntax: "<number>"; inherits: false; initial-value: 1;}@property --ribbon-portal-haze{syntax: "<number>"; inherits: false; initial-value: 0;}.ribbon:before,.ribbon:after{content:"";position:absolute;top:-84px;bottom:-84px;width:220px;pointer-events:none;z-index:0;--ribbon-portal-angle: 0deg;--ribbon-portal-swirl: 0deg;--ribbon-portal-flow: 0px;--ribbon-portal-k1: 1;--ribbon-portal-k2: 1;--ribbon-portal-breath: 1;--ribbon-portal-haze: 0;--p-cx: 110px;--p-cy: 50%;--p-rx: 84px;--p-ry: 42%;--p-hx: 102px;--p-hy: 48%;transform-origin:var(--p-cx) var(--p-cy);transform:scale(var(--ribbon-portal-breath));background:radial-gradient(ellipse var(--p-rx) var(--p-ry) at var(--p-cx) var(--p-cy),transparent 0 85.5%,rgba(60,220,90,.2) 87%,rgba(150,255,110,.78) 89%,#f2ffb0 89.8%,#f6ffc4 90.2%,rgba(150,255,110,.78) 91%,rgba(60,220,90,.2) 93%,transparent 94%),radial-gradient(ellipse var(--p-rx) var(--p-ry) at var(--p-cx) var(--p-cy),transparent 0 68%,rgba(0,14,6,.55) 80%,rgba(0,20,8,.35) 84.5%,transparent 86%),radial-gradient(ellipse var(--p-rx) var(--p-ry) at var(--p-cx) var(--p-cy),transparent 0 93.5%,#04140a 96%),conic-gradient(from var(--ribbon-portal-angle) at var(--p-cx) var(--p-cy),rgba(20,160,70,.03) 0deg,rgba(180,255,130,.26) 25deg,rgba(20,160,70,.03) 55deg,rgba(120,255,100,.18) 90deg,rgba(20,160,70,.02) 125deg,rgba(200,255,150,.28) 160deg,rgba(20,160,70,.03) 200deg,rgba(140,255,100,.2) 240deg,rgba(20,160,70,.02) 280deg,rgba(180,255,130,.24) 320deg,rgba(20,160,70,.03) 360deg),radial-gradient(ellipse var(--p-rx) var(--p-ry) at calc(var(--p-cx) - 8px) 47%,#010a05 0%,#03170c 22%,rgba(4,30,16,.92) 46%,rgba(6,46,22,.6) 70%,rgba(8,60,28,.2) 84%,transparent 90%),radial-gradient(ellipse var(--p-rx) var(--p-ry) at var(--p-cx) var(--p-cy),#04200f 0%,#08421f 58%,rgba(90,230,110,.9) 92%,transparent 96%),radial-gradient(ellipse var(--p-hx) var(--p-hy) at var(--p-cx) var(--p-cy),transparent 0 78%,rgba(90,255,130,.11) 82%,rgba(90,255,130,.04) 92%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse var(--p-hx) var(--p-hy) at var(--p-cx) var(--p-cy),#000 0 86%,transparent 100%);mask-image:radial-gradient(ellipse var(--p-hx) var(--p-hy) at var(--p-cx) var(--p-cy),#000 0 86%,transparent 100%);animation:ribbonPortalSpin 18s linear infinite}.ribbon:before{left:-110px}.ribbon:after{right:-110px;transform:scaleX(-1) scale(var(--ribbon-portal-breath));animation-direction:reverse}@media (min-width: 1024px){.ribbon:not(.ribbon--vertical):before,.ribbon:not(.ribbon--vertical):after{top:-124px;bottom:-124px;--p-ry: 44%;--p-hy: 49%;background:radial-gradient(ellipse var(--p-rx) var(--p-ry) at var(--p-cx) var(--p-cy),transparent 0 85.5%,rgba(60,220,90,.2) 87%,rgba(150,255,110,.78) 89%,#f2ffb0 89.8%,#f6ffc4 90.2%,rgba(150,255,110,.78) 91%,rgba(60,220,90,.2) 93%,transparent 94%),radial-gradient(ellipse var(--p-rx) var(--p-ry) at var(--p-cx) var(--p-cy),transparent 0 68%,rgba(0,14,6,.55) 80%,rgba(0,20,8,.35) 84.5%,transparent 86%),radial-gradient(circle 1.8px at calc(var(--p-cx) + 66px * var(--ribbon-portal-k1)) calc(50% - 22% * var(--ribbon-portal-k1)),rgba(230,255,170,.95) 0 .9px,transparent 1.8px),radial-gradient(circle 1.5px at calc(var(--p-cx) - 50px * var(--ribbon-portal-k1)) calc(50% + 30% * var(--ribbon-portal-k1)),rgba(200,255,150,.85) 0 .8px,transparent 1.5px),radial-gradient(circle 1.6px at calc(var(--p-cx) + 18px * var(--ribbon-portal-k1)) calc(50% + 40% * var(--ribbon-portal-k1)),rgba(220,255,160,.9) 0 .8px,transparent 1.6px),radial-gradient(circle 1.7px at calc(var(--p-cx) - 68px * var(--ribbon-portal-k2)) calc(50% - 14% * var(--ribbon-portal-k2)),rgba(230,255,170,.9) 0 .9px,transparent 1.7px),radial-gradient(circle 1.4px at calc(var(--p-cx) + 40px * var(--ribbon-portal-k2)) calc(50% - 36% * var(--ribbon-portal-k2)),rgba(200,255,150,.85) 0 .7px,transparent 1.4px),radial-gradient(circle 1.5px at calc(var(--p-cx) - 13px * var(--ribbon-portal-k2)) calc(50% + 12% * var(--ribbon-portal-k2)),rgba(220,255,160,.8) 0 .7px,transparent 1.5px),radial-gradient(ellipse var(--p-rx) var(--p-ry) at var(--p-cx) var(--p-cy),transparent 0 93.5%,#04140a 96%),radial-gradient(ellipse 20px 10% at var(--p-cx) var(--p-cy),#02120a 0%,rgba(2,18,10,.9) 45%,rgba(2,18,10,.4) 75%,transparent 100%),radial-gradient(ellipse 46px 26% at calc(var(--p-cx) - 24px + 40px * var(--ribbon-portal-haze)) calc(38% + 26% * var(--ribbon-portal-haze)),rgba(120,255,170,.13),rgba(120,255,170,.04) 55%,transparent 75%),radial-gradient(ellipse 34px 20% at calc(var(--p-cx) + 20px - 36px * var(--ribbon-portal-haze)) calc(64% - 22% * var(--ribbon-portal-haze)),rgba(90,240,140,.1),transparent 70%),repeating-radial-gradient(ellipse var(--p-rx) var(--p-ry) at var(--p-cx) var(--p-cy),rgba(120,255,140,0) calc(var(--ribbon-portal-flow) + 0px),rgba(120,255,140,.1) calc(var(--ribbon-portal-flow) + 4px),rgba(120,255,140,0) calc(var(--ribbon-portal-flow) + 9px),rgba(120,255,140,0) calc(var(--ribbon-portal-flow) + 12px)),conic-gradient(from var(--ribbon-portal-swirl) at calc(var(--p-cx) - 6px) 46%,rgba(120,255,160,0) 0deg,rgba(120,255,160,.12) 40deg,rgba(120,255,160,0) 80deg,rgba(120,255,160,.09) 150deg,rgba(120,255,160,0) 200deg,rgba(120,255,160,.11) 280deg,rgba(120,255,160,0) 360deg),conic-gradient(from var(--ribbon-portal-angle) at var(--p-cx) var(--p-cy),rgba(20,160,70,.03) 0deg,rgba(180,255,130,.26) 25deg,rgba(20,160,70,.03) 55deg,rgba(120,255,100,.18) 90deg,rgba(20,160,70,.02) 125deg,rgba(200,255,150,.28) 160deg,rgba(20,160,70,.03) 200deg,rgba(140,255,100,.2) 240deg,rgba(20,160,70,.02) 280deg,rgba(180,255,130,.24) 320deg,rgba(20,160,70,.03) 360deg),radial-gradient(ellipse var(--p-rx) var(--p-ry) at calc(var(--p-cx) - 8px) 47%,#010a05 0%,#03170c 22%,rgba(4,30,16,.92) 46%,rgba(6,46,22,.6) 70%,rgba(8,60,28,.2) 84%,transparent 90%),radial-gradient(ellipse var(--p-rx) var(--p-ry) at var(--p-cx) var(--p-cy),#04200f 0%,#08421f 58%,rgba(90,230,110,.9) 92%,transparent 96%),radial-gradient(ellipse var(--p-hx) var(--p-hy) at var(--p-cx) var(--p-cy),transparent 0 78%,rgba(90,255,130,.11) 82%,rgba(90,255,130,.04) 92%,transparent 100%);backdrop-filter:blur(1.2px) saturate(1.15);-webkit-backdrop-filter:blur(1.2px) saturate(1.15);animation:ribbonPortalSpin 18s linear infinite,ribbonPortalSwirl 26s linear infinite,ribbonPortalFlow 7s linear infinite,ribbonPortalPull 5.5s ease-in infinite,ribbonPortalPull2 8s ease-in infinite,ribbonPortalBreath 9s ease-in-out infinite,ribbonPortalHaze 14s ease-in-out infinite}.ribbon:not(.ribbon--vertical):after{animation-direction:reverse,reverse,normal,normal,normal,normal,normal}}@keyframes ribbonPortalSpin{to{--ribbon-portal-angle: 360deg}}@keyframes ribbonPortalSwirl{to{--ribbon-portal-swirl: -360deg}}@keyframes ribbonPortalFlow{0%{--ribbon-portal-flow: 12px}to{--ribbon-portal-flow: 0px}}@keyframes ribbonPortalPull{0%{--ribbon-portal-k1: 1}to{--ribbon-portal-k1: 0}}@keyframes ribbonPortalPull2{0%{--ribbon-portal-k2: 1}to{--ribbon-portal-k2: 0}}@keyframes ribbonPortalBreath{0%,to{--ribbon-portal-breath: 1}50%{--ribbon-portal-breath: 1.022}}@keyframes ribbonPortalHaze{0%,to{--ribbon-portal-haze: 0}50%{--ribbon-portal-haze: 1}}@media (prefers-reduced-motion: reduce){.ribbon:before,.ribbon:after{animation:ribbonPortalSpin 18s linear infinite}}.ribbon--vertical{padding:0 .85rem;margin:0;height:640px}.ribbon--vertical .ribbon-viewport{height:100%;padding:0;margin:0}.ribbon--vertical .ribbon-track{flex-direction:column;width:100%;height:max-content}.ribbon--vertical .ribbon-track>*{width:100%}.ribbon--vertical:before,.ribbon--vertical:after{top:auto;bottom:auto;left:-48px;right:-48px;width:auto;height:200px;--p-cx: 50%;--p-cy: 100px;--p-rx: 44%;--p-ry: 64px;--p-hx: 52%;--p-hy: 76px;background:radial-gradient(ellipse var(--p-rx) var(--p-ry) at var(--p-cx) var(--p-cy),transparent 0 85.5%,rgba(60,220,90,.2) 87%,rgba(150,255,110,.78) 89%,#f2ffb0 89.8%,#f6ffc4 90.2%,rgba(150,255,110,.78) 91%,rgba(60,220,90,.2) 93%,transparent 94%),radial-gradient(ellipse var(--p-rx) var(--p-ry) at var(--p-cx) var(--p-cy),transparent 0 68%,rgba(0,14,6,.55) 80%,rgba(0,20,8,.35) 84.5%,transparent 86%),radial-gradient(ellipse var(--p-rx) var(--p-ry) at var(--p-cx) var(--p-cy),transparent 0 93.5%,#04140a 96%),conic-gradient(from var(--ribbon-portal-angle) at var(--p-cx) var(--p-cy),rgba(20,160,70,.03) 0deg,rgba(180,255,130,.26) 30deg,rgba(20,160,70,.03) 70deg,rgba(200,255,150,.24) 120deg,rgba(20,160,70,.02) 170deg,rgba(140,255,100,.2) 220deg,rgba(20,160,70,.03) 270deg,rgba(180,255,130,.24) 320deg,rgba(20,160,70,.03) 360deg),radial-gradient(ellipse var(--p-rx) var(--p-ry) at 47% calc(var(--p-cy) - 8px),#010a05 0%,#03170c 22%,rgba(4,30,16,.92) 46%,rgba(6,46,22,.6) 70%,rgba(8,60,28,.2) 84%,transparent 90%),radial-gradient(ellipse var(--p-rx) var(--p-ry) at var(--p-cx) var(--p-cy),#04200f 0%,#08421f 58%,rgba(90,230,110,.9) 92%,transparent 96%),radial-gradient(ellipse var(--p-hx) var(--p-hy) at var(--p-cx) var(--p-cy),transparent 0 78%,rgba(90,255,130,.11) 82%,rgba(90,255,130,.04) 92%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse var(--p-hx) var(--p-hy) at var(--p-cx) var(--p-cy),#000 0 86%,transparent 100%);mask-image:radial-gradient(ellipse var(--p-hx) var(--p-hy) at var(--p-cx) var(--p-cy),#000 0 86%,transparent 100%)}.ribbon--vertical:before{top:-100px;transform:scale(var(--ribbon-portal-breath))}.ribbon--vertical:after{bottom:-100px;top:auto;transform:scaleY(-1) scale(var(--ribbon-portal-breath))}.ribbon.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.ribbon.dragging .ribbon-track{transition:none}.ribbon-track>*{flex-shrink:0}