/* KSAEVELO'S MARKET — completely redesigned edition, separate from the previous template */
 :root{--bg:#03050b;--panel:#0a0e18;--panel2:#0d1321;--text:#f5f5f5;--muted:#aab3c1;--accent:#197be8;--accent-bright:#5fa8fa;--blue:#ffffff;--line:#18233b;--mono:'DM Mono',ui-monospace,monospace;--sans:'Space Grotesk',system-ui,sans-serif;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse 670px 560px at 95% 2%,rgba(25,123,232,.12),transparent 72%)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent-bright);outline-offset:4px}[hidden]{display:none!important}::selection{background:#115ac2;color:#ffffff}.site-grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.1;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 180 180" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency=".82" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23n)" opacity=".18"/%3E%3C/svg%3E')}.skip-link{position:fixed;z-index:500;left:10px;top:-90px;padding:12px;background:var(--accent);color:#0a0e18}.skip-link:focus{top:10px}.shell{width:min(1220px,calc(100% - 80px));margin:auto}.narrow-shell{max-width:970px}
/* Header */
.site-header{position:sticky;z-index:60;top:0;background:rgba(3,5,11,.94);border-bottom:1px solid rgba(95,168,250,.18);backdrop-filter:blur(22px)}.header-inner{height:86px;max-width:1510px;padding:0 44px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;flex:none}.brand-symbol{width:41px;height:41px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:12px;background:#197be8;color:#ffffff;font-size:29px;font-weight:700;letter-spacing:-.1em}.brand-symbol span{position:absolute;top:-8px;right:-7px;color:#dbeffd;font-size:15px;letter-spacing:normal;text-shadow:0 0 16px #6aaefa}.brand-words{display:flex;flex-direction:column;line-height:1}.brand-words strong{font-size:21px;letter-spacing:-.08em;font-weight:700}.brand-words strong span{color:var(--accent)}.brand-words small{font:500 9px var(--mono);letter-spacing:.11em;color:#868e98;margin-top:7px}.desktop-nav{display:flex;align-items:center;gap:clamp(9px,1.3vw,22px);margin-left:auto}.desktop-nav a{font-size:12px;font-weight:600;color:#a5aebb;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.is-current{color:#ffffff}.desktop-nav a.is-current{position:relative}.desktop-nav a.is-current::after{content:"";height:3px;width:3px;position:absolute;background:var(--accent);border-radius:50%;bottom:-12px;left:50%}.header-actions{display:flex;gap:10px;align-items:center}.header-discord{min-height:40px;display:flex;align-items:center;gap:12px;border:1px solid #163765;background:#0d131d;border-radius:11px;padding:0 14px;color:#e8f5fe;font-size:12px;font-weight:700;white-space:nowrap;transition:background .2s}.header-discord:hover{background:#12203a}.discord-icon{font-size:17px;color:var(--accent)}.menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:#0c111a;border:1px solid #132b4e;border-radius:11px;width:43px;height:41px}.menu-toggle span{width:18px;height:2px;background:#f5f5f5;border-radius:3px;transition:.25s}.menu-toggle.is-open span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle.is-open span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{position:absolute;top:100%;left:0;right:0;z-index:70;background:#090d17;padding:12px 24px 25px;border-bottom:1px solid #12294a;box-shadow:0 30px 65px #000000aa;max-height:calc(100dvh - 80px);overflow-y:auto}.mobile-nav a{display:flex;align-items:center;gap:17px;font-size:20px;padding:12px 4px;border-bottom:1px solid #1b2539;font-weight:600}.mobile-nav a span{font:11px var(--mono);color:#649bd8}.mobile-nav a b{margin-left:auto;font-weight:400;color:#6fb1fb}.mobile-nav a.is-current{color:#8ec1fb}
/* Shared / homepage */
.page{min-height:clamp(550px,calc(100dvh - 166px),1100px)}.page-home{min-height:unset}.eyebrow,.micro-label,.section-side-note,.card-tag,.card-index,.card-link,.live-label,.orbit-caption,.floating-chip,.library-note,.timeline-index,.timeline-type,.detail-number,.about-role,.about-caption,.page-footnote{font-family:var(--mono)}.eyebrow{display:flex;align-items:center;gap:12px;color:#acb5c3;font-size:11px;font-weight:500;letter-spacing:.08em}.eyebrow-line{display:inline-block;width:27px;height:1px;background:var(--accent)}.home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);align-items:center;gap:20px;min-height:635px;padding-top:42px;padding-bottom:46px}.hero-copy{position:relative;z-index:2}.live-label{display:inline-flex;gap:9px;align-items:center;border:1px solid #193966;background:#0e141f;padding:10px 13px;border-radius:5px;color:#dfebf3;font-size:9px;font-weight:500;letter-spacing:.03em;white-space:nowrap}.separator{color:#948c98}.live-dot{width:9px;height:9px;flex:none;border-radius:50%;background:#4b9df9;box-shadow:0 0 0 3px #50a0fa26,0 0 14px #69adfa;animation:live-indicator 3.3s ease-in-out infinite}.hero-eyebrow{margin:34px 0 19px}.hero-edition{color:#83828c}.hero-copy h1{margin:0;max-width:710px;font-size:clamp(60px,6.25vw,96px);font-weight:700;line-height:.995;letter-spacing:-.09em}.hero-copy h1 em{display:block;margin-top:5px;font-style:normal;color:#56a3fa}.hero-copy h1 em span{color:#ffffff}.hero-description{max-width:495px;color:var(--muted);line-height:1.75;font-size:15px;margin:25px 0 31px}.hero-actions{display:flex;flex-wrap:wrap;gap:11px}.button{display:inline-flex;justify-content:center;align-items:center;gap:32px;min-height:51px;padding:0 22px;font-weight:700;font-size:13px;border-radius:8px;transition:transform .22s,background .22s,border-color .22s}.button:hover{transform:translateY(-2px)}.button-primary{background:#1b7be7;color:#ffffff;border:1px solid #75b4fb;box-shadow:0 9px 34px #032e6c22}.button-primary:hover{background:#2a88f1}.button-outline{border:1px solid #1c4072;background:#0b111d;color:#f3f3f3}.button-outline:hover{border-color:#69adfa}.button-arrow{font-size:19px;line-height:1}.micro-label{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.095em;color:#7e7882;margin:56px 0 0}.micro-label span{font-size:20px;color:var(--accent)}.hero-art{height:530px;max-width:580px;width:100%;margin-left:auto;position:relative;isolation:isolate;display:grid;place-items:center}.art-grid{position:absolute;inset:7% 0%;opacity:.6;background-image:linear-gradient(90deg,#347ccc15 1px,transparent 1px),linear-gradient(#347ccc15 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(ellipse at center,#000000 30%,transparent 73%)}.orbit{position:absolute;border:1px solid #1b3b6a;border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:77%;aspect-ratio:1;border-style:dashed;opacity:.62;animation:spin 80s linear infinite}.orbit-two{width:93%;aspect-ratio:1;border-color:#17345d;transform:rotate(18deg) scaleY(.69)}.orbit-three{width:65%;aspect-ratio:1;border-color:#234e8c;transform:rotate(-37deg) scaleY(.72);opacity:.6}.orb-back{position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle at center,#0e65e218,transparent 65%);filter:blur(15px)}.hero-core{position:relative;display:grid;place-items:center;width:47%;aspect-ratio:1;max-width:254px;border-radius:30%;transform:rotate(-18deg);background:linear-gradient(145deg,#f6fbfe 0%,#1f80ec 48%,#0d3c80 100%);box-shadow:inset 12px 12px 36px #ffffff66,inset -20px -16px 40px #0c245284,0 0 0 12px #177bea18,0 0 75px 19px #1876e077;animation:levitate 7s ease-in-out infinite}.hero-core:before{content:"";position:absolute;inset:18px;border:1px solid #ffffff79;border-radius:24%}.hero-core span{transform:rotate(18deg);font-weight:700;letter-spacing:-.13em;color:#071227;font-size:clamp(90px,9vw,130px);line-height:1;padding-right:12px}.art-cross{position:absolute;color:#9fc1e7;font:26px var(--mono)}.art-cross-one{top:18%;left:14%}.art-cross-two{bottom:22%;right:12%}.orbit-caption{position:absolute;display:flex;justify-content:space-between;width:67%;font-size:8px;letter-spacing:.15em;color:#867b85}.orbit-caption span{color:#dceffd}.orbit-caption-top{top:13%}.orbit-caption-bottom{bottom:13%}.floating-chip{position:absolute;padding:10px 13px;z-index:2;border:1px solid #1b3b6a;border-radius:5px;background:#0e141feb;color:#e0edf7;font-size:10px;font-weight:500;box-shadow:0 10px 22px #00000055}.chip-top{top:27%;right:0;transform:rotate(6deg)}.chip-bottom{bottom:23%;left:1%;transform:rotate(-5deg)}.chip-dot{display:inline-block;width:6px;height:6px;background:#4b9df9;border-radius:100%;box-shadow:0 0 9px #62aafa;margin-right:5px}
@keyframes spin{to{transform:rotate(336deg)}}@keyframes levitate{0%,100%{transform:rotate(-18deg) translateY(0)}50%{transform:rotate(-14deg) translateY(-11px)}}@keyframes live-indicator{0%,100%{opacity:1;transform:scale(.92);box-shadow:0 0 0 2px #50a0fa26,0 0 9px #5ea8fa}45%{opacity:.8;transform:scale(1.18);box-shadow:0 0 0 7px #50a0fa12,0 0 20px #77b5fb}53%{opacity:1;transform:scale(1)}58%{opacity:.72}64%{opacity:1}}
/* Ticker + category cards */
.collections{padding-top:56px;padding-bottom:126px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:31px}.section-head h2{font-size:clamp(32px,4vw,54px);letter-spacing:-.065em;margin:16px 0 0;line-height:1.12}.section-head h2 span{color:var(--accent)}.section-side-note{font-size:10px;color:#8f8792;letter-spacing:.05em;white-space:nowrap}.section-side-note span{color:var(--accent);font-size:21px}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.collection-card{position:relative;overflow:hidden;min-height:458px;border:1px solid #132a4c;border-radius:11px;background:linear-gradient(150deg,#111723,#090c16 80%);display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,border-color .25s}.collection-card:hover{transform:translateY(-6px);border-color:#438fe5}.collection-macos{background:linear-gradient(150deg,#0d1321,#090c16 80%)}.card-top{display:flex;justify-content:space-between;align-items:center;padding:24px 26px 0;z-index:1}.card-index{font-size:10px;letter-spacing:.07em;color:#aaa9b6}.card-corner{display:grid;place-items:center;border:1px solid #1a3b6a;border-radius:6px;width:35px;height:35px;color:#e3eff8;font-size:18px}.card-art{height:167px;display:grid;place-items:center;position:relative;overflow:hidden;margin-top:11px}.card-art>span{font-family:var(--sans);font-size:144px;font-weight:700;letter-spacing:-.1em;line-height:1;color:#459af9;text-shadow:0 0 50px #55a3fa58;transform:rotate(-9deg);transition:transform .3s}.collection-card:hover .card-art>span{transform:rotate(0) scale(1.08)}.card-art>div{position:absolute;left:12%;right:12%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#265496,transparent)}.card-art-macos>span{color:#ffffff;text-shadow:0 0 55px #ffffff33;font-size:125px}.card-content{padding:14px 27px 27px}.card-tag{color:#7dabde;font-size:10px;letter-spacing:.07em}.card-content h3{font-size:41px;letter-spacing:-.08em;margin:7px 0}.card-content h3 span{color:var(--accent)}.card-content p{font-size:13px;color:#aaabb8;line-height:1.7;min-height:44px;margin:8px 0 22px}.card-link{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid #142d50;color:#e5f1f9;font-size:10px;font-weight:500;letter-spacing:.04em}.card-link span{font-size:23px;font-family:var(--sans)}
/* Page intros */
.page-inner{padding-top:83px;padding-bottom:116px}.page-intro{border-bottom:1px solid var(--line);margin-bottom:34px;padding-bottom:42px}.page-intro-row{display:flex;justify-content:space-between;align-items:end;gap:30px}.page-intro h1{font-size:clamp(54px,7.5vw,112px);letter-spacing:-.095em;line-height:1.05;margin:17px 0 0;max-width:890px}.page-intro-row p{width:260px;flex:none;color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 7px}.accent-dot{color:var(--accent)}
/* Libraries */
.library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.search-wrap{display:flex;align-items:center;gap:10px;height:52px;max-width:355px;width:100%;padding:0 15px;background:var(--panel);border:1px solid #142d50;border-radius:8px}.search-wrap:focus-within{border-color:var(--accent)}.search-wrap span{font-size:30px;line-height:0;color:#a7a4b2}.search-wrap input{border:0;outline:0;background:transparent;color:#ffffff;width:100%;min-width:0;font-size:14px}.search-wrap input::placeholder{color:#85818c}.filters{display:flex;flex-wrap:wrap;gap:7px}.filter{padding:11px 14px;border:1px solid #142e52;background:#0c111e;color:#79a9de;font-size:11px;font-weight:600;border-radius:7px}.filter:hover{color:#e5f3fe}.filter.is-selected{color:#0a1427;background:#8ec1fb;border-color:#8ec1fb}.library-note{color:#7a7597;letter-spacing:.08em;font-size:9px;margin:30px 0 17px}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.resource-card{padding:23px;min-height:248px;border:1px solid #18355e;border-radius:10px;background:linear-gradient(135deg,#151d2d,#0e131d);display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.resource-card:hover{border-color:#4b93e4;transform:translateY(-3px)}.resource-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.resource-icon{width:53px;height:53px;border-radius:10px;display:grid;place-items:center;background:#131b2b;border:1px solid #1c4074;color:#92c4fc;font-size:18px;font-weight:700}.resource-type{font:10px var(--mono);color:#a59dab;text-transform:uppercase}.resource-card h3{margin:25px 0 7px;font-size:21px;letter-spacing:-.05em}.resource-card p{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 22px}.resource-link{margin-top:auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #1a3b69;padding-top:15px;color:#d4ecfd;font:10px var(--mono);letter-spacing:.03em}.resource-link span{font-size:18px}.resource-empty{border:1px dashed #224c88;padding:25px;text-align:center;color:#c6e0f3;border-radius:8px;font-size:14px}
/* Drops */
.timeline{border-top:1px solid #142d51}.timeline-entry{display:grid;grid-template-columns:130px 16px 1fr auto;align-items:start;gap:20px;border-bottom:1px solid #142d51;padding:34px 0}.timeline-index{font-size:10px;color:#95919d;padding-top:10px}.timeline-marker{margin-top:8px;width:9px;height:9px;background:#55a3fa;border-radius:50%;box-shadow:0 0 0 4px #55a3fa19,0 0 16px #6db0fa}.timeline-type{color:#d2ebfd;font-size:10px;letter-spacing:.06em}.timeline-entry h2{font-size:24px;letter-spacing:-.04em;margin:10px 0}.timeline-entry p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.timeline-arrow{color:#89bffb;font-size:22px}.page-footnote{font-size:10px;color:#746f91;margin-top:27px;line-height:1.8}
/* Requests */
.feature-panel{border:1px solid #1c3e6e;background:radial-gradient(ellipse at 88% 8%,#11489665,transparent 45%),linear-gradient(125deg,#0f1520,#090d17 60%);min-height:475px;border-radius:14px;padding:58px;position:relative;overflow:hidden}.feature-art{position:absolute;right:45px;top:20px;font-size:240px;line-height:1;color:#55a3fa14;pointer-events:none}.feature-panel h2{font-size:clamp(33px,5vw,62px);line-height:1.06;letter-spacing:-.07em;max-width:620px;position:relative;margin:33px 0 20px}.feature-panel>p:not(.eyebrow){max-width:520px;line-height:1.75;color:#94bae4;font-size:15px;margin:0 0 33px;position:relative}.feature-panel .button{position:relative}
/* Tutorials */
.guide-intro{display:flex;align-items:start;gap:17px;padding:21px;border:1px solid #214b86;background:#101622;border-radius:9px;margin-bottom:27px}.guide-icon{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;color:#081329;background:#87befb;font-weight:700}.guide-intro p{margin:2px 0;color:#d6e2eb;font-size:13px;line-height:1.7}.guide-stack{border-top:1px solid #1b3b6a}.guide-stack details{border-bottom:1px solid #1b3b6a}.guide-stack summary{cursor:pointer;display:flex;align-items:center;gap:19px;padding:25px 0;list-style:none;font-size:20px;font-weight:600;letter-spacing:-.04em}.guide-stack summary::-webkit-details-marker{display:none}.detail-number{color:#7bb7fb;font-size:11px;letter-spacing:.05em}.detail-plus{margin-left:auto;font-size:27px;color:#80bafb;font-weight:400;transition:transform .2s}.guide-stack details[open] .detail-plus{transform:rotate(45deg)}.detail-body{padding:0 0 26px 38px;color:var(--muted);font-size:14px;line-height:1.7}.detail-body a{color:#d2ebfd;text-decoration:underline}.password-row{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:420px;padding:9px 10px 9px 18px;margin:10px 0;border:1px solid #163259;background:#0f1520;border-radius:7px}.password-row code{font-family:var(--mono);font-size:13px;color:#edf7fe}.password-row button{background:#257fe4;border:0;border-radius:5px;color:#0a1427;padding:9px 13px;font-size:11px;font-weight:700}.subnote{font-size:12px}
/* About */
.about-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center;margin-top:49px}.about-visual{position:relative;border:1px solid #17345d;min-height:580px;border-radius:11px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at center,#143c74 0%,#0f141f 48%,#0d121c 83%)}.about-noise{position:absolute;inset:25px;border:1px solid #23559c31;border-radius:50%;transform:scale(1.3)}.about-circle{position:relative;display:grid;place-items:center;width:260px;height:260px;border-radius:50%;background:linear-gradient(150deg,#b7defb,#1253af);box-shadow:0 0 0 20px #2b84e71a,0 0 90px #61a9fa42,inset -17px -20px 35px #0b1f4768}.about-circle>span{font-size:160px;font-weight:700;letter-spacing:-.13em;color:#081327;padding-right:22px}.about-caption{position:absolute;bottom:27px;left:30px;color:#aaa4b2;font-size:11px;letter-spacing:.07em}.about-copy h2{font-size:clamp(35px,4.7vw,64px);line-height:1.04;letter-spacing:-.075em;margin:23px 0 17px}.about-copy h2 em{font-style:normal;color:#70b2fb}.about-copy>p:not(.eyebrow):not(.about-role){max-width:570px;color:var(--muted);font-size:15px;line-height:1.9}.about-role{font-size:10px;letter-spacing:.06em;color:#8ec1fb;line-height:1.6}.social-stack{display:grid;grid-template-columns:1fr;gap:9px;margin-top:26px}.social-stack a{display:flex;align-items:center;gap:14px;padding:12px 17px;max-width:430px;border-radius:8px;background:#0f141f;border:1px solid #152f53;transition:background .2s,border-color .2s}.social-stack a:hover{background:#121928;border-color:#448fe2}.social-stack a>span:first-child{font-size:24px}.social-stack a>span:nth-child(2){display:flex;flex-direction:column;gap:2px}.social-stack strong{font-size:14px}.social-stack small{font-size:12px;color:#9f9ba8}.social-stack b{margin-left:auto;font-weight:400;color:#8ec1fb}
/* Safety */
.safety-alert{display:flex;gap:20px;border:1px solid #1a3b69;background:#0f1520;padding:28px;border-radius:9px;margin-bottom:13px}.safety-alert-icon{display:grid;place-items:center;flex:none;background:#2d89f0;color:#ffffff;width:41px;height:41px;border-radius:50%;font-size:24px;font-weight:700}.safety-alert h2,.safety-item h2{font-size:20px;margin:0 0 8px;letter-spacing:-.04em}.safety-alert p,.safety-item p{font-size:14px;line-height:1.7;margin:0;color:var(--muted)}.safety-item{display:grid;grid-template-columns:75px 1fr;border-bottom:1px solid #142d51;padding:27px 5px;gap:18px}.safety-item>span{font:11px var(--mono);color:#8ec1fb;padding-top:5px}
/* Footer */
.site-footer{border-top:1px solid #193865;background:#05070d}.footer-top{display:flex;justify-content:space-between;gap:60px;padding:65px 0 70px}.footer-brand{display:flex;flex-direction:column;align-items:flex-start}.footer-logo{font-size:54px;line-height:1;letter-spacing:-.13em;font-weight:700}.footer-logo span{color:#63aafa}.footer-brand p{font-size:25px;font-weight:600;line-height:1.1;letter-spacing:-.055em;margin:21px 0 27px}.footer-brand>span{font:10px var(--mono);color:#857e88}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:67px}.footer-links>div{display:flex;flex-direction:column;gap:14px;min-width:120px}.footer-links strong{font:10px var(--mono);letter-spacing:.14em;color:#81bbfb;margin-bottom:9px}.footer-links a{font-size:13px;color:#79a9de;transition:color .2s}.footer-links a:hover{color:#ffffff}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:21px 0 28px;border-top:1px solid #1e2a40;color:#8e8993;font-size:11px}.footer-bottom>span:nth-child(2){color:#92c4fc}.footer-bottom a{font:10px var(--mono);color:#dceffd;white-space:nowrap}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:90;color:#091325;background:#2b89f3;box-shadow:0 9px 30px #00000088;padding:12px 19px;border-radius:7px;font-size:13px;font-weight:700}
@media(max-width:1200px){.desktop-nav{gap:10px}.desktop-nav a{font-size:11px}.header-inner{padding-inline:29px}.header-discord{gap:7px;padding:0 10px}.hero-copy h1{font-size:clamp(58px,6vw,82px)}}
@media(max-width:1050px){.desktop-nav{display:none}.menu-toggle{display:flex}.hero-copy h1{font-size:clamp(58px,7vw,80px)}.home-hero{grid-template-columns:1fr .8fr}.hero-art{height:435px}.floating-chip{font-size:8px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.shell{width:calc(100% - 40px)}.header-inner{height:70px;padding:0 20px}.brand-symbol{width:36px;height:36px;font-size:26px}.brand-words strong{font-size:20px}.brand-words small{font-size:8px}.header-discord{width:40px;height:40px;padding:0;justify-content:center}.header-discord>span:not(.discord-icon){display:none}.discord-icon{font-size:22px}.home-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:42px;padding-bottom:46px;gap:0}.hero-copy{order:0}.live-label{font-size:8px;letter-spacing:0;gap:5px;max-width:100%;white-space:normal;line-height:1.5}.hero-eyebrow{margin:35px 0 18px}.hero-copy h1{font-size:clamp(52px,12vw,78px);max-width:610px}.hero-description{font-size:14px;margin:22px 0 25px}.hero-actions{gap:10px}.button{min-height:49px;gap:13px;font-size:12px;padding-inline:17px}.micro-label{display:none}.hero-art{order:1;margin:15px auto 0;width:min(100%,440px);height:360px}.hero-core{width:43%}.hero-core span{font-size:82px}.orbit-caption{font-size:7px}.orbit-caption-top{top:8%}.orbit-caption-bottom{bottom:9%}.chip-top{right:3%;top:24%}.chip-bottom{left:2%;bottom:20%}.collections{padding-top:38px;padding-bottom:84px}.section-head{display:block}.section-side-note{display:none}.section-head h2{font-size:41px;margin:12px 0 0}.collection-grid{grid-template-columns:1fr;gap:15px}.collection-card{min-height:300px}.card-art{position:absolute;right:5px;top:55px;height:155px;width:145px;opacity:.7}.card-art>span{font-size:116px}.card-art-macos>span{font-size:106px}.card-top{padding:19px 20px 0}.card-content{padding:24px 20px 20px;margin-top:auto;position:relative;z-index:1}.card-content h3{font-size:34px}.card-content p{max-width:72%;min-height:0;margin:9px 0 17px}.card-link{padding-top:14px}.page-inner{padding-top:48px;padding-bottom:75px;min-height:55vh}.page-intro{padding-bottom:26px;margin-bottom:24px}.page-intro-row{display:block}.page-intro h1{font-size:clamp(52px,10vw,72px)}.page-intro-row p{width:auto;max-width:480px;font-size:13px;margin-top:15px}.library-toolbar{gap:14px}.search-wrap{max-width:none}.resource-grid{grid-template-columns:1fr}.resource-card{min-height:210px}.timeline-entry{grid-template-columns:20px 1fr auto;gap:13px}.timeline-index{display:none}.timeline-entry h2{font-size:20px}.feature-panel{padding:36px 26px;min-height:415px}.feature-art{right:-8px;top:12px;font-size:180px}.feature-panel h2{font-size:42px}.guide-stack summary{font-size:17px}.detail-body{padding-left:0}.about-layout{grid-template-columns:1fr;gap:29px;margin-top:26px}.about-visual{min-height:340px}.about-circle{width:180px;height:180px}.about-circle>span{font-size:112px}.about-copy h2{font-size:50px}.about-copy>p:not(.eyebrow):not(.about-role){font-size:14px}.footer-top{padding:47px 0 45px;gap:34px;display:grid;grid-template-columns:1fr 1fr}.footer-links{gap:25px}.footer-brand p{font-size:21px}.footer-bottom{flex-wrap:wrap;justify-content:space-between;font-size:10px;row-gap:12px}.footer-bottom a{margin-left:auto}}
@media(max-width:480px){.shell{width:calc(100% - 32px)}.header-inner{padding-inline:16px}.brand-words strong{font-size:18px}.brand-words small{font-size:7px}.header-actions{gap:6px}.hero-copy h1{font-size:clamp(47px,12.4vw,62px)}.hero-description{font-size:13px;line-height:1.75}.hero-actions .button{flex:1;min-width:0;padding-inline:11px;font-size:11px;gap:7px}.hero-art{height:315px}.hero-core span{font-size:70px}.floating-chip{font-size:7px;padding:8px}.orbit-caption{font-size:6px}.collections{padding-top:32px}.section-head h2{font-size:36px}.footer-top{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr;gap:30px}.footer-brand>span{display:none}.footer-brand p{margin:11px 0 0}.footer-logo{font-size:42px}.footer-bottom{align-items:flex-start;flex-direction:column}.footer-bottom a{margin-left:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* red-black-white refresh */

body::before{background:radial-gradient(ellipse 760px 620px at 92% 4%,rgba(25,123,232,.14),transparent 70%)}
.brand-symbol{background:linear-gradient(145deg,#1063d9,#043a88);color:#ffffff;box-shadow:0 0 0 1px #7fbafb2e,0 10px 30px #032b6555}
.brand-words strong span,.desktop-nav a.is-current::after,.eyebrow-line,.section-head h2 span,.card-content h3 span,.footer-logo span{color:var(--accent);background:none}
.hero-copy h1 em{color:#5aa6fa}.hero-copy h1 em span{color:#ffffff}
.button-primary{color:#ffffff;background:linear-gradient(135deg,#0f61d6,#3793f9);border-color:#70b2fb;box-shadow:0 10px 30px rgba(5,64,148,.28)}
.button-primary:hover{background:linear-gradient(135deg,#167ae9,#5ba6fa)}
.button-outline{background:#0a0e18;border-color:#17345e;color:#ffffff}.button-outline:hover{border-color:#6eb1fb}
.live-label,.floating-chip,.search-wrap,.feature-panel,.guide-intro,.password-row,.safety-alert,.resource-card,.collection-card,.about-visual,.social-stack a{box-shadow:none}
.collection-macos{background:linear-gradient(150deg,#0d1321,#090d17 80%)}
.card-art-macos>span{color:#ffffff;text-shadow:0 0 35px rgba(255,255,255,.18)}
.filter.is-selected{color:#ffffff;background:#1265dc;border-color:#1265dc}
.resource-icon{background:#131b2b;border-color:#1c4074;color:#ffffff}
.timeline-marker{background:#54a2fa;box-shadow:0 0 0 4px rgba(84,162,250,.12),0 0 16px rgba(84,162,250,.4)}
.about-circle{background:linear-gradient(150deg,#ffffff,#348aea 55%,#083e8c)}
.about-circle>span{color:#081733}
.site-footer{background:#05070d}
.toast{color:#ffffff;background:#1466da}


/* final red-black-white overrides */
.site-header{border-bottom:1px solid rgba(95,168,250,.14)}
.desktop-nav a:hover,.desktop-nav a.is-current,.mobile-nav a.is-current,.mobile-nav a b,.discord-icon{color:#6eb1fb}
.header-discord{border-color:#163765;background:#0d131d;color:#f1f9fe}.header-discord:hover{background:#101a2c}
.menu-toggle{background:#0c111a;border-color:#132b4e}.menu-toggle span{background:#f5f5f5}
.mobile-nav{background:#090d17;border-bottom:1px solid #12294a}.mobile-nav a{border-bottom:1px solid #1b2539}.mobile-nav a span{color:#649bd8}
.eyebrow,.section-side-note,.library-note,.page-footnote,.timeline-index,.card-index,.card-tag,.about-caption,.about-role,.footer-brand>span,.footer-bottom{color:#928e99}
.live-label{border-color:#193966;background:#0e141f;color:#dfebf3}.separator{color:#948c98}.live-dot,.chip-dot{background:#4b9df9;box-shadow:0 0 0 3px rgba(75,157,249,.15),0 0 14px rgba(104,173,250,.7)}
.micro-label,.orbit-caption{color:#867b85}.orbit-caption span{color:#dceffd}.art-grid{background-image:linear-gradient(90deg,#1e447915 1px,transparent 1px),linear-gradient(#1e447915 1px,transparent 1px)}
.orbit{border-color:#1b3b6a}.orbit-two{border-color:#17345d}.orbit-three{border-color:#234e8c}.orb-back{background:radial-gradient(circle at center,rgba(25,123,232,.14),transparent 65%)}
.hero-core{background:linear-gradient(145deg,#f6fbfe 0%,#1f80ec 48%,#0d3c80 100%);box-shadow:inset 12px 12px 36px rgba(255,255,255,.28),inset -20px -16px 40px rgba(12,36,82,.52),0 0 0 12px rgba(23,123,234,.12),0 0 75px 19px rgba(24,118,224,.38)}
.hero-core span{color:#071227}.art-cross{color:#9fc1e7}.floating-chip{border-color:#1b3b6a;background:#0e141feb;color:#e0edf7}
.collections .section-head h2 span,.card-content h3 span,.footer-logo span,.brand-words strong span{color:#63aafa}
.collection-card{border-color:#132a4c;background:linear-gradient(150deg,#111723,#090c16 80%)}.collection-card:hover{border-color:#438fe5}
.card-corner{border-color:#1a3b6a;color:#e3eff8}.card-art>span{color:#459af9;text-shadow:0 0 50px rgba(85,163,250,.35)}.card-art>div{background:linear-gradient(90deg,transparent,#265496,transparent)}.card-tag{color:#7dabde}.card-content p{color:#aaabb8}.card-link{border-top-color:#142d50;color:#e5f1f9}
.page-intro,.timeline,.timeline-entry,.guide-stack,.guide-stack details,.safety-item,.footer-bottom{border-color:#142d51}
.search-wrap{background:#0a0e18;border-color:#142d50}.search-wrap span{color:#a7a4b2}.search-wrap input::placeholder{color:#85818c}
.filter{border-color:#142e52;background:#0c111e;color:#aca8b5}.filter:hover{color:#ffffff}.filter.is-selected{color:#ffffff;background:#1265dc;border-color:#1265dc}
.resource-card{border-color:#142d50;background:linear-gradient(135deg,#0f141f,#090d17)}.resource-card:hover{border-color:#4b93e4}.resource-icon{background:#131b2b;border-color:#1c4074;color:#ffffff}.resource-link{border-top-color:#152f53;color:#d4ecfd}.resource-empty{border-color:#224c88;color:#c6e0f3}
.timeline-marker{background:#55a3fa;box-shadow:0 0 0 4px rgba(85,163,250,.1),0 0 16px rgba(109,176,250,.45)}.timeline-type,.timeline-arrow,.detail-number,.detail-plus,.detail-body a,.footer-links strong,.footer-bottom>span:nth-child(2),.footer-bottom a,.safety-item>span{color:#81bbfb}
.feature-panel{border-color:#1c3e6e;background:radial-gradient(ellipse at 88% 8%,rgba(17,72,150,.4),transparent 45%),linear-gradient(125deg,#0f1520,#090d17 60%)}.feature-art{color:rgba(85,163,250,.10)}.feature-panel>p:not(.eyebrow){color:#a7c6e9}
.guide-intro{border-color:#214b86;background:#101622}.guide-icon{color:#ffffff;background:#2d89f0}.guide-intro p{color:#d6e2eb}.password-row{border-color:#163259;background:#0f1520}.password-row code{color:#edf7fe}.password-row button{background:#257fe4;color:#ffffff}
.about-visual{border-color:#17345d;background:radial-gradient(circle at center,#143c74 0%,#0f141f 48%,#090c16 83%)}.about-noise{border-color:rgba(35,85,156,.19)}.about-copy h2 em{color:#70b2fb}.social-stack a{background:#0f141f;border-color:#152f53}.social-stack a:hover{background:#121928;border-color:#448fe2}.social-stack small{color:#9f9ba8}.social-stack b{color:#8ec1fb}
.safety-alert{border-color:#1a3b69;background:#0f1520}.safety-alert-icon{background:#2d89f0;color:#ffffff}
.site-footer{border-top:1px solid #142d51;background:#05070d}.footer-links a{color:#a8a6b3}.footer-links a:hover{color:#ffffff}.toast{background:#1466da;color:#ffffff}

/* Keep collection heading aligned after removing the directory eyebrow */
.collections .section-head h2{margin-top:0}


/* Homepage after removal of the large orbiting Ksaevelo graphic */
.home-hero{display:block;min-height:0;padding-top:82px;padding-bottom:0}
.home-hero .hero-copy{max-width:760px}
.home-hero .micro-label{margin-top:26px}
.collections{padding-top:44px}
@media(max-width:760px){
  .home-hero{display:block;min-height:0;padding-top:42px;padding-bottom:0}
  .collections{padding-top:35px}
}
@media(max-width:480px){
  .home-hero{padding-top:38px;padding-bottom:0}
  .collections{padding-top:30px}
}

/* Simplified, unnumbered site layout */
.card-top{justify-content:flex-end}
.timeline-entry{grid-template-columns:16px minmax(0,1fr) auto}
.safety-item{grid-template-columns:minmax(0,1fr);gap:0}
.guide-stack summary{gap:12px}
@media(max-width:760px){.timeline-entry{grid-template-columns:16px minmax(0,1fr) auto}}

/* After Effects version cards — disabled 2025 action */
.resource-link.resource-coming-soon{width:100%;font:10px var(--mono);letter-spacing:.03em;text-align:left;cursor:not-allowed;border-right:0;border-bottom:0;border-left:0;background:transparent;color:#93848f;opacity:.75;padding-left:0;padding-right:0;padding-bottom:0}.resource-link.resource-coming-soon span{color:#93848f}


/* After Effects selection pop-up — dark navy / blue / white */
.resource-card.resource-group{min-height:0;padding:0;overflow:hidden;background:linear-gradient(145deg,#111828,#0a0f1a)}
.resource-group-toggle{appearance:none;display:flex;flex-direction:column;align-items:stretch;min-height:248px;width:100%;padding:23px;text-align:left;color:var(--text);font:inherit;background:transparent;border:0;cursor:pointer;outline-offset:-5px}
.resource-group-toggle .resource-card-top{width:100%}
.resource-group-heading{display:block;margin:25px 0 7px;font-size:21px;font-weight:700;letter-spacing:-.05em}
.resource-group-description{display:block;margin:0 0 20px;font-size:13px;line-height:1.65;color:var(--muted)}
.resource-group-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:auto;padding-top:15px;border-top:1px solid #163259;color:#97c7fc;font:600 11px var(--mono);letter-spacing:.03em}
.resource-group-arrow{display:grid;place-items:center;width:27px;height:27px;flex:none;border:1px solid #1f447a;border-radius:50%;font:18px var(--sans);line-height:1}
.resource-group-toggle:hover .resource-group-arrow{background:#1053b2;color:#ffffff}
body.modal-open{overflow:hidden}
.version-dialog{position:fixed;inset:0;width:min(660px,calc(100vw - 32px));max-width:none;max-height:min(82dvh,810px);padding:0;margin:auto;border:1px solid #224d8a;border-radius:18px;background:#0a0f1a;color:#ffffff;box-shadow:0 30px 100px #000000dd,0 0 80px #105fcf24;overflow:hidden}
.version-dialog[open]{display:flex;flex-direction:column;animation:modalPopIn .36s cubic-bezier(.2,.8,.2,1) both}
.version-dialog::backdrop{background:rgba(0,0,0,.80);backdrop-filter:blur(9px);animation:modalBackdropIn .26s ease-out both}
.version-dialog.is-closing{animation:modalPopOut .18s ease-in both}
.version-dialog.is-closing::backdrop{animation:modalBackdropOut .18s ease-in both}
.version-modal-header{flex:none;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:29px 30px 22px;border-bottom:1px solid #132a4a;background:radial-gradient(circle at 10% -40%,#0e397655,transparent 65%),#0e141e}
.version-modal-kicker{display:block;color:#84bcfb;font:600 10px var(--mono);letter-spacing:.12em;margin-bottom:10px}
.version-modal-heading h2{margin:0;color:#ffffff;font-size:clamp(27px,5vw,37px);line-height:1.08;letter-spacing:-.065em}
.version-modal-heading h2 span{color:#5da7fa}
.version-modal-heading p{margin:12px 0 0;color:#b2afbe;font-size:13px;line-height:1.5}
.version-modal-close{width:41px;height:41px;flex:none;display:grid;place-items:center;border:1px solid #1d4276;border-radius:11px;background:#141b2a;color:#ffffff;font:32px/1 var(--sans);cursor:pointer;transition:background .2s,transform .2s}
.version-modal-close:hover{background:#1858b3;transform:rotate(90deg)}
.version-modal-close:focus-visible{outline:2px solid #7ab7fb;outline-offset:3px}
.version-modal-scroll{overflow-y:auto;overscroll-behavior:contain;padding:0 30px 22px;min-height:0;scrollbar-color:#255292 #0e141e}
.version-modal-scroll .version-list{border-top:0;padding:6px 0 0}
.version-modal-scroll .version-row{padding:16px 0;animation:versionFadeUp .42s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(80ms + var(--row-index) * 35ms)}
.version-modal-note{font-size:11px;line-height:1.65;color:#8d8590;margin:15px 0 0}
@keyframes modalPopIn{from{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes modalPopOut{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(16px) scale(.97)}}
@keyframes modalBackdropIn{from{opacity:0}to{opacity:1}}
@keyframes modalBackdropOut{from{opacity:1}to{opacity:0}}
@keyframes versionFadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:480px){
  .resource-group-toggle{min-height:210px;padding:20px}
  .version-dialog{width:calc(100vw - 22px);max-height:min(88dvh,800px);border-radius:15px}
  .version-modal-header{padding:23px 19px 19px;gap:12px}
  .version-modal-scroll{padding:0 19px 17px}
  .version-row{gap:9px}
  .version-title{font-size:13px}
  .version-button{min-width:112px;min-height:41px;padding:0 9px;font-size:11px}
  .version-modal-close{width:38px;height:38px}
}
@media(prefers-reduced-motion:reduce){
  .version-dialog[open],.version-dialog.is-closing,.version-dialog::backdrop,.version-dialog.is-closing::backdrop,.version-modal-scroll .version-row{animation:none!important}
  .version-modal-close{transition:none}
}


/* Shared download modal rows: readable on desktop and mobile */
.version-list{display:flex;flex-direction:column}
.version-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #1e2a40}
.version-title{min-width:0;font-size:15px;font-weight:600;line-height:1.45;color:#f5f5f5;overflow-wrap:anywhere}
.version-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-width:115px;min-height:42px;padding:0 13px;border:1px solid #3b91f2;border-radius:9px;background:#1665d5;color:#ffffff;font:700 12px var(--sans);text-decoration:none;transition:background .2s,transform .2s}
.version-button:hover{background:#2e8ef9;transform:translateY(-1px)}
.version-button:focus-visible{outline:2px solid #8ec2fc;outline-offset:3px}
.version-button.is-disabled{cursor:not-allowed;border-color:#1b3d6e;background:#1b2539;color:#7eacdf}
.version-button.is-disabled:hover{transform:none}
@media(max-width:480px){.version-title{font-size:13px}.version-row{gap:9px}.version-button{min-width:112px;min-height:41px;padding:0 9px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.version-button{transition:none}.version-button:hover{transform:none}}

.version-modal-heading h2 .version-modal-name{color:#ffffff}


/* FAQs — standalone page immediately after Safety, with matching navy/blue design */
.faq-heading{padding:14px 0 22px}
.faq-kicker{font:500 10px var(--mono);letter-spacing:.12em;color:#8ec2fc}
.faq-heading h2{font-size:clamp(27px,4.4vw,42px);line-height:1.12;letter-spacing:-.055em;margin:12px 0 0}
.faq-stack{margin-bottom:37px}
.faq-stack summary{line-height:1.35;justify-content:space-between}
.faq-stack summary:focus-visible,.faq-help a:focus-visible,.safety-faq-link a:focus-visible{outline:2px solid #7bb7fb;outline-offset:4px}
.faq-stack details[open] summary{color:#ffffff}
.faq-stack .detail-body{padding-left:0;padding-right:35px;max-width:680px}
.faq-stack .detail-body p{margin:0}
.faq-stack .detail-body a{font-weight:700;text-underline-offset:3px}
.faq-help,.safety-faq-link{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;border:1px solid #193966;border-radius:11px;background:linear-gradient(115deg,#121825,#0a0e18)}
.faq-help h3,.safety-faq-link h2{font-size:25px;line-height:1.16;letter-spacing:-.045em;margin:9px 0 8px}
.faq-help p,.safety-faq-link p{color:#ada8b6;font-size:13px;line-height:1.7;margin:0;max-width:475px}
.faq-help>a{flex:none;border:1px solid #2b64b4;background:#1b61c6;border-radius:7px;color:white;padding:12px 16px;font-size:12px;font-weight:700;white-space:nowrap}
.faq-help>a:hover{background:#2980e1}
.safety-faq-link{margin-top:33px}
.safety-faq-link .button{white-space:nowrap}
@media(max-width:760px){.faq-heading{padding-top:7px}.faq-stack summary{font-size:17px;gap:12px}.faq-stack .detail-body{padding-right:8px}.faq-help,.safety-faq-link{align-items:stretch;flex-direction:column;padding:24px 20px}.faq-help>a,.safety-faq-link .button{align-self:flex-start;white-space:normal}}

/* Ksaevelo refined UI: subtle blue radiance, deep navy glass, crisp white details */
html { background:#03050b; }
body {
  isolation:isolate;
  background:
    radial-gradient(ellipse 850px 660px at 100% -9%,rgba(7,74,171,.17),transparent 72%),
    radial-gradient(ellipse 680px 790px at -28% 83%,rgba(5,44,101,.11),transparent 75%),
    linear-gradient(145deg,#05070c 0%,#090c13 48%,#03050b 100%);
}
body::before {
  content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 530px 460px at 88% 18%,rgba(19,117,227,.07),transparent 80%),
    radial-gradient(ellipse 570px 430px at 13% 74%,rgba(255,255,255,.021),transparent 78%);
  filter:none;animation:none;
}
body::after { display:none; }
.site-grain { opacity:.06; }
main,.site-footer { position:relative;z-index:1; }
.site-header {
  background:rgba(9,12,19,.88);
  border-bottom:1px solid rgba(255,255,255,.1);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  backdrop-filter:blur(18px) saturate(140%);
}
.site-footer {
  background:linear-gradient(145deg,rgba(10,13,20,.96),rgba(5,7,12,.98) 62%);
  border-top:1px solid rgba(255,255,255,.09);
}
.home-hero { position:relative;isolation:isolate; }
.home-hero::before {
  content:'';position:absolute;z-index:-1;pointer-events:none;
  width:min(850px,100vw);height:520px;top:-75px;left:-23%;
  background:radial-gradient(ellipse at 45% 42%,rgba(11,85,191,.13),rgba(255,255,255,.018) 42%,transparent 74%);
  filter:blur(42px);
}
.collection-card,.resource-card {
  border-color:rgba(255,255,255,.095);
  background:linear-gradient(145deg,rgba(16,23,35,.95),rgba(9,13,23,.97) 58%,rgba(12,17,26,.94));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 50px rgba(0,0,0,.12);
}
.collection-card::before {
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse at 92% 13%,rgba(73,156,249,.095),transparent 59%);
}
.collection-macos {background:linear-gradient(145deg,rgba(14,21,36,.97),rgba(9,12,22,.97) 75%);}
.collection-card:hover,.resource-card:hover {
  border-color:rgba(82,161,250,.52);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 15px 46px rgba(4,51,118,.11);
}
.page-inner .page-intro h1 {text-shadow:0 8px 70px rgba(30,127,235,.055);}

/* One purpose-built loading overlay. Hidden in the HTML until navigation actually starts. */
#page-transition[hidden] { display:none!important; }
.page-transition {
  position:fixed;inset:0;z-index:2000;display:grid;place-items:center;
  width:100%;height:100%;padding:24px;overflow:hidden;isolation:isolate;
  background:
    radial-gradient(ellipse 650px 530px at 75% 15%,rgba(6,64,146,.16),transparent 78%),
    radial-gradient(ellipse 500px 500px at 18% 85%,rgba(255,255,255,.025),transparent 79%),
    rgba(9,12,19,.965);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .25s cubic-bezier(.2,.7,.2,1),visibility 0s linear .25s;
}
.page-transition.is-active {
  opacity:1;visibility:visible;pointer-events:auto;
  transition:opacity .22s ease,visibility 0s;
}
.page-transition.is-leaving {
  opacity:0;visibility:visible;pointer-events:none;
  transition:opacity .35s cubic-bezier(.3,0,.2,1),visibility 0s linear .35s;
}
.transition-content {
  width:min(190px,80vw);display:flex;flex-direction:column;align-items:center;
  gap:26px;transform:translateY(7px) scale(.97);opacity:0;
  transition:transform .34s cubic-bezier(.17,.8,.25,1),opacity .25s ease;
}
.page-transition.is-active .transition-content {transform:translateY(0) scale(1);opacity:1;}
.page-transition.is-leaving .transition-content {transform:translateY(-7px) scale(1.015);opacity:0;}
.transition-spinner {
  width:92px;height:92px;border-radius:50%;position:relative;
  display:grid;place-items:center;
  background:linear-gradient(155deg,rgba(255,255,255,.065),rgba(255,255,255,.01));
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 0 48px rgba(14,90,199,.13),inset 0 1px 0 rgba(255,255,255,.07);
}
.transition-spinner::before {
  content:'';position:absolute;inset:-6px;border-radius:50%;
  border:2px solid rgba(255,255,255,.085);
  border-top-color:#4298f9;border-right-color:rgba(255,255,255,.86);
  animation:ksaevelo-loader-rotate 1.05s linear infinite;
}
.transition-spinner-core {
  display:flex;align-items:center;justify-content:center;
  width:69px;height:69px;border-radius:50%;
  background:radial-gradient(circle at 30% 12%,rgba(255,255,255,.07),rgba(9,12,19,.9) 75%);
  font:700 52px/1 var(--sans);letter-spacing:-.14em;padding-right:8px;color:#ffffff;
}
.transition-spinner-core span {color:#4298f9;}
.transition-progress {
  width:106px;height:2px;overflow:hidden;border-radius:3px;
  background:rgba(255,255,255,.12);
}
.transition-progress span {
  display:block;height:100%;width:42%;
  background:linear-gradient(90deg,transparent,#3994f9,#ffffff);
  box-shadow:0 0 9px rgba(76,158,249,.46);
  animation:ksaevelo-loader-line .76s cubic-bezier(.4,0,.25,1) infinite;
}
body.is-navigating {overflow:hidden;}
.page.page-arriving {animation:ksaevelo-page-reveal .5s cubic-bezier(.17,.82,.25,1) both;}
@keyframes ksaevelo-page-reveal {from {opacity:.15;transform:translateY(10px);}to {opacity:1;transform:translateY(0);}}
@keyframes ksaevelo-loader-rotate {to {transform:rotate(360deg);}}
@keyframes ksaevelo-loader-line {from {transform:translateX(-120%);}to {transform:translateX(350%);}}
@media(prefers-reduced-motion:reduce) {
  .page-transition,.transition-content {transition:none!important;}
  .transition-spinner::before,.transition-progress span,.page.page-arriving {animation:none!important;}
  .page.page-arriving {transform:none!important;opacity:1!important;}
}


/* Copyright stays optically centered in the footer, independently of Back to Top. */
.footer-bottom {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  justify-content:initial;
  text-align:center;
  gap:12px;
}
.footer-bottom > span:first-child {
  grid-column:2;
  justify-self:center;
  text-align:center;
}
.footer-bottom > a {
  grid-column:3;
  justify-self:end;
  margin-left:0;
}
@media (max-width:640px) {
  .footer-bottom {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    gap:14px;
  }
  .footer-bottom > span:first-child {width:100%;text-align:center;}
  .footer-bottom > a {margin:0;align-self:center;}
}


/* Drops — directly synced to currently published Mac/Windows library links. */
.drops-shell{padding-bottom:25px}
.drops-intro{margin-bottom:23px}
.drops-intro .page-intro-row p{max-width:460px}
.drops-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center;gap:0;border:1px solid rgba(255,255,255,.115);background:linear-gradient(135deg,#101621,#090d17 65%,#0c121c);border-radius:14px;overflow:hidden;margin:0 0 58px}
.drops-stat{padding:24px 28px;border-right:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;gap:9px}
.drops-stat>span,.drops-synced,.drops-kicker,.drops-results{font:10px var(--mono);letter-spacing:.08em;color:#70a2db}
.drops-stat strong{font-size:clamp(30px,3.7vw,45px);letter-spacing:-.055em;line-height:1.05;color:#ffffff}
.drops-synced{display:flex;align-items:center;gap:9px;padding:0 27px;white-space:nowrap;color:#d4e3ee}
.drops-sync-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#53a2fa;box-shadow:0 0 0 4px rgba(71,155,249,.11),0 0 12px rgba(71,155,249,.5)}
.drops-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:21px}
.drops-section-heading h2{margin:8px 0 0;color:#ffffff;font-size:clamp(28px,4vw,39px);font-weight:700;letter-spacing:-.055em;line-height:1.1}
.drops-section-heading .accent-dot{color:#4c9ef9}
.drops-kicker{color:#84bbf8}
.drops-results{padding-bottom:6px;white-space:nowrap}
.drops-whats-new{margin-bottom:48px}
.drops-mark-seen{border:1px solid #1e447a;background:#131a28;color:#d6edfd;border-radius:7px;padding:12px 15px;font:10px var(--mono);letter-spacing:.04em;white-space:nowrap;cursor:pointer;transition:background .2s,border-color .2s}
.drops-mark-seen:hover{background:#192741;border-color:#3279c8}
.drops-toolbar{display:flex;align-items:center;justify-content:space-between;gap:17px;flex-wrap:wrap;margin-bottom:22px}
.drops-search{flex:1 1 320px;max-width:480px}
.drops-filters{margin:0}
.drops-grid,.drops-recent-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.drops-recent-list{padding:18px;background:radial-gradient(ellipse at 100% -12%,rgba(17,92,200,.12),transparent 60%),#0c1019;border:1px solid rgba(81,161,250,.2);border-radius:13px}
.drop-card{display:flex;flex-direction:column;min-width:0;gap:0;padding:21px;border-radius:11px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(150deg,rgba(17,24,37,.93),rgba(9,12,22,.97));transition:border-color .2s,transform .2s}
.drop-card:hover{border-color:rgba(106,174,250,.45);transform:translateY(-2px)}
.drop-card-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:16px}
.drop-card-meta span{font:10px var(--mono);letter-spacing:.025em}
.drop-system{color:#ffffff;background:#174a92;border:1px solid #2a63b5;border-radius:4px;padding:5px 7px}
.drop-category{color:#8db6e3;border:1px solid rgba(255,255,255,.14);padding:5px 7px;border-radius:4px}
.drop-card-meta .drop-updated-tag{color:#c2e4fc;border:1px solid #204882;padding:5px 7px;border-radius:4px}
.drop-card h3{margin:0;font-size:clamp(16px,2vw,20px);line-height:1.34;letter-spacing:-.035em;overflow-wrap:anywhere}
.drop-card p{color:#7caade;font-size:12px;line-height:1.5;margin:9px 0 24px}
.drop-get-link{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:39px;margin-top:auto;padding:10px 13px;background:#1a65d1;color:white;border-radius:7px;font:700 11px var(--mono);letter-spacing:.03em;transition:background .2s}
.drop-get-link:hover{background:#2c89f0}
.drop-get-link span{font-size:16px}
.drops-empty{margin:36px 0 20px}
.drops-shell .page-footnote{max-width:900px;margin-top:27px;color:#9f98a8}
@media(max-width:1000px){.drops-summary{grid-template-columns:repeat(3,1fr)}.drops-synced{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.09);padding:14px 22px}.drops-grid,.drops-recent-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.drops-summary{margin-bottom:42px}.drops-stat{padding:18px 12px}.drops-stat>span{font-size:8px}.drops-synced{padding:13px 16px;font-size:9px}.drops-section-heading{align-items:start}.drops-section-heading h2{font-size:29px}.drops-grid,.drops-recent-list{grid-template-columns:1fr;gap:10px}.drops-recent-list{padding:10px}.drops-toolbar{gap:13px}.drops-search{flex-basis:100%}.drops-mark-seen{padding:10px;font-size:9px}.drop-card{padding:18px}.drops-results{padding-top:17px;font-size:9px}}


/* KSAEVELO'S MARKET — Midnight / electric-blue finish */
:root {
  --bg:#050c19; --panel:#0b1830; --panel2:#10213d;
  --text:#f7faff; --muted:#a6b9d1;
  --accent:#318cff; --accent-bright:#72caff;
  --blue:#eaf6ff; --line:#233858;
}
html { background:#050b18; }
body {
  background:
    radial-gradient(ellipse 900px 680px at 102% 0%, rgba(26,105,229,.22),transparent 75%),
    radial-gradient(ellipse 670px 740px at -24% 80%, rgba(15,79,193,.13),transparent 73%),
    linear-gradient(150deg,#060d1c 0%,#091327 46%,#050b17 100%);
}
body::before {
  background:
    radial-gradient(ellipse 540px 450px at 84% 17%,rgba(70,166,255,.095),transparent 80%),
    radial-gradient(ellipse 650px 500px at 12% 78%,rgba(200,233,255,.025),transparent 80%);
}
::selection {background:#206fd9;color:white;}
.site-header {
  background:rgba(5,13,28,.9);
  border-color:rgba(114,179,255,.14);
  box-shadow:0 7px 35px rgba(1,8,24,.18);
}
.brand-symbol {background:linear-gradient(140deg,#5cb4ff,#2469ee 70%,#1946a5);box-shadow:0 5px 22px rgba(26,114,244,.22);}
.brand-words strong span,.hero-copy h1 em,.section-head h2 span,.accent-dot {color:#68b8ff;}
.header-discord {background:rgba(14,36,70,.78);border-color:#2f609c;color:#e6f4ff;}
.header-discord:hover {background:#173e73;}
.home-hero::before {
  background:radial-gradient(ellipse at 45% 42%,rgba(35,111,237,.20),rgba(196,231,255,.021) 42%,transparent 75%);
}
.button-primary,.version-button,.drop-get-link {
  background:linear-gradient(118deg,#1766e9,#3798ff);
  border-color:#61afff;
  box-shadow:0 7px 24px rgba(28,106,233,.14);
  color:#fff;
}
.button-primary:hover,.version-button:hover,.drop-get-link:hover {background:linear-gradient(118deg,#2880ff,#50afff);}
.button-outline {background:rgba(13,31,56,.78);border-color:#31527c;}
.button-outline:hover {border-color:#69b3ff;}
.collection-card,.resource-card {
  background:linear-gradient(155deg,rgba(18,37,69,.95),rgba(8,20,42,.96) 65%,rgba(9,26,57,.95));
  border-color:rgba(131,188,255,.15);
  box-shadow:inset 0 1px 0 rgba(204,231,255,.06),0 18px 48px rgba(0,8,32,.15);
}
.collection-card::before {background:radial-gradient(ellipse at 92% 13%,rgba(64,150,255,.15),transparent 58%);}
.collection-macos {background:linear-gradient(150deg,#162744,#08182d 72%);}
.collection-card:hover,.resource-card:hover {
  border-color:rgba(91,168,255,.58);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 50px rgba(14,98,216,.17);
}
.resource-card.resource-group {background:linear-gradient(155deg,#142747,#08172d);}
.version-dialog {background:#091629;border-color:#3379c1;box-shadow:0 30px 95px #000b,0 0 95px rgba(24,110,242,.15);}
.version-modal-header {background:radial-gradient(circle at 5% -45%,rgba(35,133,255,.26),transparent 68%),#0d203b;border-color:#284b74;}
.version-modal-close {background:#132c4b;border-color:#35689d;}
.version-modal-close:hover {background:#256dcc;}
.version-button.is-disabled {background:#182941;color:#8fa9c6;border-color:#324c6b;box-shadow:none;}
.version-modal-scroll {scrollbar-color:#33679f #0c1c33;}
.page-transition {
  background:radial-gradient(ellipse 650px 530px at 74% 18%,rgba(28,109,231,.2),transparent 78%),rgba(4,12,27,.97);
}
.transition-spinner {box-shadow:0 0 58px rgba(29,119,255,.17),inset 0 1px 0 rgba(255,255,255,.08);}
.transition-spinner::before {border-top-color:#55acff;}
.transition-spinner-core span {color:#66bfff;}
.transition-progress span {background:linear-gradient(90deg,transparent,#347eff,#a0dcff);box-shadow:0 0 10px rgba(70,170,255,.5);}
.site-footer {background:linear-gradient(145deg,rgba(11,27,52,.98),rgba(5,13,27,.99) 68%);border-color:rgba(134,189,255,.14);}
.drops-summary {background:linear-gradient(135deg,#102544,#09182f 65%,#102544);border-color:rgba(119,182,255,.20);}
.drops-recent-list {background:radial-gradient(ellipse at 100% -12%,rgba(37,134,255,.16),transparent 61%),#0a1c35;border-color:rgba(103,172,255,.24);}
.drop-card {background:linear-gradient(150deg,#112544,#0a1a32);border-color:rgba(134,190,255,.15);}
.drop-system {background:#1c5cae;border-color:#428bdf;}
.drops-sync-dot,.live-dot,.chip-dot {background:#58b5ff;box-shadow:0 0 0 3px rgba(58,159,255,.14),0 0 16px rgba(57,165,255,.48);}
.faq-help,.safety-faq-link {background:linear-gradient(115deg,#142c4b,#0b1b33);border-color:#2b5e95;}
.faq-help>a {background:#246ddd;border-color:#519af9;}
.faq-help>a:hover {background:#338afa;}
@media (prefers-reduced-motion: reduce) {
  .page-transition,.transition-content {transition:none!important;}
}