:root{--bg:#101B15;--bg-2:#142019;--surface:#18251D;--surface-2:#1D2D23;--ink:#F4EADA;--ink-2:#A9C4B1;--ink-3:#7E9A87;--ink-4:rgba(157,184,165,0.45);--violet:#8B5CF6;--cyan:#7BF39A;--cyan-2:#22D3EE;--magenta:#EC4899;--orange:#F97316;--butter:#F5C34B;--spectrum:linear-gradient(90deg,#7BF39A,#22D3EE,#EC4899,#F97316);--spectrum-text:linear-gradient(90deg,#7BF39A,#22D3EE,#EC4899);--accent:var(--cyan);--accent-rgb:123,243,154;--accent-hi:#a7f3c0;--accent-soft:rgba(123,243,154,0.10);--accent-line:rgba(123,243,154,0.35);--color-bg:var(--bg);--color-surface:var(--surface);--color-accent:var(--cyan);--color-accent-rgb:var(--accent-rgb);--color-text:var(--ink);--color-text-muted:var(--ink-2);--color-border:var(--line);--line:#2A4436;--line-2:rgba(123,243,154,0.16);--live:#e0524d;--nav-height:72px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:18px;--ease:cubic-bezier(0.4,0,0.2,1);--dur:0.2s;--display:'Space Grotesk','JetBrains Mono','Noto Sans SC',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;--sans:'Noto Sans SC',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',Inter,system-ui,sans-serif;--mono:'JetBrains Mono','SF Mono',Menlo,Consolas,'Courier New',monospace;--maxw:1120px;}*{box-sizing:border-box;margin:0;padding:0;}html{scrollbar-width:thin;scrollbar-color:rgba(123,243,154,0.22) transparent;--nav-height:72px;}html.restoring-scroll{scroll-behavior:auto;}@media (prefers-reduced-motion:no-preference){html:not(.restoring-scroll){scroll-behavior:smooth;}}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:300;font-size:16px;line-height:1.7;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;}::selection{background:rgba(34,211,238,0.25);color:#fff;}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px;}a{color:inherit;text-decoration:none;}img{max-width:100%;display:block;}button,input,select{font:inherit;color:inherit;}ul{list-style:none;}::-webkit-scrollbar{width:8px;height:8px;}::-webkit-scrollbar-track{background:transparent;}::-webkit-scrollbar-thumb{background:rgba(123,243,154,0.18);border-radius:4px;}::-webkit-scrollbar-thumb:hover{background:rgba(123,243,154,0.32);}#fx{position:fixed;inset:0;z-index:0;pointer-events:none;}.eyebrow{font-size:0.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:0.28em;color:var(--cyan);font-family:var(--display);}.num{font-variant-numeric:tabular-nums;font-family:var(--mono);}.reveal{opacity:0;transform:translateY(26px);transition:opacity 0.8s ease,transform 0.8s ease;}.reveal.in{opacity:1;transform:none;}.sec-head{margin-bottom:48px;display:flex;flex-direction:column;gap:14px;}.sec-tag{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:0.28em;color:var(--cyan);text-transform:uppercase;font-family:var(--display);font-weight:500;}.sec-tag::before{content:"";width:26px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent);}.sec-title{font-family:var(--display);font-size:clamp(26px, 4vw, 38px);font-weight:500;letter-spacing:0.02em;line-height:1.3;color:var(--ink);}.sec-sub{color:var(--ink-2);max-width:600px;font-size:15px;}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-height);display:flex;align-items:center;padding:0 2.5rem;background:rgba(11,20,16,0.72);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);border-bottom:1px solid rgba(32,56,42,0.8);}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;width:100%;max-width:var(--maxw);margin:0 auto;}.brand{display:flex;align-items:center;gap:12px;}.brand-logo-wrap{position:relative;flex:none;width:44px;height:44px;box-sizing:border-box;border-radius:12px;border:1px solid rgba(123,243,154,0.16);box-shadow:0 0 6px rgba(123,243,154,0.4),0 0 14px rgba(123,243,154,0.16);transition:box-shadow 0.45s ease,border-color 0.45s ease;}.brand-logo{width:100%;height:100%;display:block;border-radius:11px;object-fit:cover;mix-blend-mode:screen;}.brand:hover .brand-logo-wrap{border-color:rgba(123,243,154,0.55);box-shadow:0 0 7px rgba(123,243,154,0.65),0 0 16px rgba(123,243,154,0.32),0 0 28px rgba(123,243,154,0.16);animation:frameGlow 3.5s ease-in-out infinite alternate;}@keyframes frameGlow{from{box-shadow:0 0 7px rgba(123,243,154,.65),0 0 16px rgba(123,243,154,.32),0 0 28px rgba(123,243,154,.16);}to{box-shadow:0 0 9px rgba(123,243,154,.8),0 0 20px rgba(123,243,154,.4),0 0 34px rgba(123,243,154,.22);}}.brand-name{font-family:var(--display);font-weight:700;letter-spacing:0.14em;font-size:21px;color:var(--ink);line-height:1;white-space:nowrap;}.brand-name .bn-p{background:var(--spectrum-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 0 14px rgba(34,211,238,0.45));}.brand-name em{font-style:normal;}.site-nav{display:flex;align-items:center;gap:1.4rem;}.site-nav ul{display:flex;align-items:center;gap:6px;counter-reset:navidx;}.site-nav a{position:relative;display:inline-flex;align-items:center;font-size:15px;color:var(--ink-2);padding:10px 18px;border-radius:999px;border:1px solid transparent;min-height:40px;font-weight:400;letter-spacing:0.02em;transition:color 0.2s,background 0.2s,border-color 0.2s,box-shadow 0.2s;}.site-nav a:hover{color:var(--ink);background:rgba(123,243,154,0.07);border-color:rgba(123,243,154,0.28);}.site-nav a.is-active{color:var(--cyan);background:rgba(34,211,238,0.08);border-color:rgba(34,211,238,0.32);text-shadow:0 0 12px rgba(34,211,238,0.45);}.site-nav a.is-active::after{display:none;}.header-actions{display:flex;align-items:center;gap:0.6rem;}.lang-grid{display:none;}.lang-wrap{position:relative;display:inline-flex;}.lang-switch{display:inline-flex;align-items:center;gap:0.45rem;border:1px solid var(--line);border-radius:999px;padding:0 0.95rem 0 0.85rem;height:40px;color:var(--ink-2);cursor:pointer;user-select:none;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);}.lang-switch:hover,.lang-switch[aria-expanded="true"]{color:var(--cyan);border-color:var(--accent-line);box-shadow:0 0 14px rgba(123,243,154,0.16);}.lang-switch[aria-expanded="true"] .lang-caret{transform:rotate(180deg);}.lang-caret{transition:transform 0.2s;flex-shrink:0;}.lang-cur{font-size:0.875rem;font-weight:500;letter-spacing:0.02em;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.lang-pop{position:absolute;top:calc(100% + 10px);left:0;display:none;flex-direction:column;min-width:172px;padding:0.35rem;background:rgba(11,20,16,0.97);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px rgba(0,0,0,0.55),0 0 0 1px rgba(123,243,154,0.06);z-index:220;}.lang-pop.is-open{display:flex;}@media (prefers-reduced-motion:no-preference){.lang-pop.is-open{animation:langPopIn 0.18s cubic-bezier(0.22,1,0.36,1) both;}}@keyframes langPopIn{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}.lang-item{display:flex;align-items:center;min-height:42px;padding:0 0.9rem;border:0;border-radius:9px;background:transparent;color:var(--ink-2);font-size:0.9rem;font-weight:500;letter-spacing:0.02em;text-align:left;white-space:nowrap;cursor:pointer;transition:color 0.15s,background 0.15s;}.lang-item:hover{color:var(--ink);background:rgba(123,243,154,0.08);}.lang-item.is-on{color:var(--cyan);background:rgba(34,211,238,0.09);}.lang-switch:focus-within{border-color:var(--accent-line);color:var(--cyan);}.nav-toggle{display:none;}.nav-backdrop{display:none;}@media (max-width:860px){.site-header{padding:0 1.25rem;}.site-nav,.site-nav ul{gap:0.75rem;}}@media (max-width:700px){.site-header{padding:0 1rem;backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(11,20,16,0.94);}.brand-logo-wrap{width:40px;height:40px;}.brand-name{font-size:19px;}.nav-toggle{display:inline-flex;align-items:center;gap:0.55rem;min-height:46px;background:rgba(18,32,25,0.85);border:1px solid rgba(123,243,154,0.35);border-radius:999px;color:var(--ink);padding:0.55rem 1.2rem;font-size:0.9375rem;font-weight:500;letter-spacing:0.04em;cursor:pointer;box-shadow:0 0 12px rgba(123,243,154,0.14);transition:border-color 0.2s,box-shadow 0.2s;}.nav-toggle::before{content:"";width:18px;height:12px;background:linear-gradient(var(--cyan),var(--cyan)) 0 0 / 100% 2px no-repeat,linear-gradient(var(--cyan),var(--cyan)) 0 5px / 100% 2px no-repeat,linear-gradient(var(--cyan),var(--cyan)) 0 10px / 100% 2px no-repeat;}.nav-toggle[aria-expanded="true"]::before{background:linear-gradient(var(--cyan),var(--cyan)) 2px 0 / 14px 2px no-repeat;transform:rotate(45deg) translate(3px,-3px);}.nav-toggle:hover,.nav-toggle[aria-expanded="true"]{border-color:rgba(123,243,154,0.6);box-shadow:0 0 18px rgba(123,243,154,0.28);}.site-nav{display:flex;position:fixed;top:5rem;right:0.75rem;left:auto;width:min(19rem, calc(100vw - 1.5rem));max-height:calc(100svh - 6.5rem);max-height:calc(100dvh - 6.5rem);background:rgba(16,27,21,0.94);backdrop-filter:blur(24px) saturate(140%);-webkit-backdrop-filter:blur(24px) saturate(140%);border:1px solid rgba(123,243,154,0.22);border-radius:18px;box-shadow:0 24px 64px rgba(0,0,0,0.55);padding:0.5rem 0.9rem 0.9rem;flex-direction:column;align-items:stretch;gap:0;z-index:110;overflow-y:auto;transform-origin:top right;opacity:0;transform:translateY(-10px) scale(0.98);visibility:hidden;pointer-events:none;}@media (prefers-reduced-motion:no-preference){.site-nav{transition:transform 0.26s cubic-bezier(0.22,1,0.36,1),opacity 0.22s ease,visibility 0.26s;}}.site-nav.is-open{opacity:1;transform:none;visibility:visible;pointer-events:auto;}.site-nav ul{flex-direction:column;align-items:stretch;gap:0;}.site-nav li{border-bottom:1px solid rgba(32,56,42,0.7);counter-increment:navidx;}.site-nav li:last-child{border-bottom:0;}.site-nav a{display:flex;align-items:center;min-height:52px;padding:0.55rem 0.25rem;border-radius:0;border:0;font-size:1rem;font-weight:500;color:var(--ink);}.site-nav a::before{content:"0" counter(navidx);font-family:var(--mono);font-size:0.8125rem;color:var(--ink-4);margin-right:1.1rem;letter-spacing:0.08em;}.site-nav a::after{content:"→";margin-left:auto;color:var(--ink-4);font-size:1.1rem;transition:transform 0.2s,color 0.2s;}.site-nav a:active::after,.site-nav a:hover::after{color:var(--cyan);transform:translateX(4px);}.site-nav a.is-active{background:none;text-shadow:0 0 14px rgba(34,211,238,0.5);}.site-nav a.is-active::before{color:var(--cyan);}.site-nav a.is-active::after{color:var(--cyan);}@media (prefers-reduced-motion:no-preference){.site-nav.is-open li{animation:navItemIn 0.4s cubic-bezier(0.22,1,0.36,1) both;}.site-nav.is-open li:nth-child(1){animation-delay:0.04s;}.site-nav.is-open li:nth-child(2){animation-delay:0.09s;}.site-nav.is-open li:nth-child(3){animation-delay:0.14s;}.site-nav.is-open li:nth-child(4){animation-delay:0.19s;}}.site-nav .lang-wrap{display:none;}.site-nav .lang-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0.5rem;margin-top:0.9rem;padding-top:0.9rem;border-top:1px solid rgba(32,56,42,0.7);}.lang-chip{min-height:44px;display:inline-flex;align-items:center;justify-content:center;background:rgba(24,37,29,0.8);border:1px solid var(--line);border-radius:10px;color:var(--ink-2);font-size:0.875rem;font-weight:500;letter-spacing:0.02em;cursor:pointer;transition:border-color 0.2s,color 0.2s,background 0.2s,box-shadow 0.2s;}.lang-chip:hover{color:var(--ink);border-color:rgba(123,243,154,0.4);}.lang-chip.is-on{color:var(--cyan);border-color:rgba(34,211,238,0.45);background:rgba(34,211,238,0.08);box-shadow:0 0 14px rgba(34,211,238,0.18);}.nav-backdrop.is-on{display:block;position:fixed;top:var(--nav-height);right:0;bottom:0;left:0;background:transparent;z-index:105;}body.menu-open .site-header{z-index:120;}}@keyframes navItemIn{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}.btn,.btn-solid,.btn-ghost,.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 28px;font-size:15px;font-weight:500;letter-spacing:0.02em;white-space:nowrap;border-radius:999px;cursor:pointer;border:1px solid transparent;transition:transform 0.2s,box-shadow 0.2s,background 0.2s,border-color 0.2s,color 0.2s;}.btn svg{width:16px;height:16px;}.btn-solid,.btn-primary{color:#06121a;background:var(--cyan);box-shadow:0 0 34px rgba(123,243,154,0.4);}.btn-solid:hover,.btn-primary:hover{color:#06121a;background:var(--accent-hi);transform:translateY(-2px);box-shadow:0 0 44px rgba(123,243,154,0.55);}.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink);}.btn-ghost:hover{border-color:var(--ink-3);background:rgba(255,255,255,0.04);transform:translateY(-2px);color:var(--ink);}.btn:active{transform:translateY(1px);}.home-shell{width:100%;position:relative;z-index:1;}.hero{position:relative;height:100dvh;min-height:620px;overflow:hidden;cursor:grab;background:#060c09;}.hero.is-dragging{cursor:grabbing;user-select:none;}.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:180px;background:linear-gradient(to bottom,transparent,var(--bg));z-index:1;pointer-events:none;}#hero-stage,.hero-stage{position:absolute;inset:0;}.hero iframe,#hero-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;pointer-events:none;opacity:0;transition:opacity 0.5s var(--ease);}.hero iframe.is-ready,#hero-stage iframe.is-ready{opacity:1;}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(6,12,9,0.82) 0%,rgba(6,12,9,0.4) 46%,transparent 72%);pointer-events:none;}.spectrum-band{position:absolute;left:-20%;top:22%;width:140%;height:1px;z-index:2;background:var(--spectrum);filter:blur(6px);opacity:0.5;transform:rotate(-14deg);animation:bandDrift 9s ease-in-out infinite alternate;pointer-events:none;}@keyframes bandDrift{from{transform:rotate(-14deg) translateX(-3%);opacity:0.35;}to{transform:rotate(-14deg) translateX(3%);opacity:0.6;}}.hero-content{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;height:100%;padding:0 3rem;max-width:760px;pointer-events:none;}.hero-content .ctas,.hero-content .changelog-link{pointer-events:auto;}.hero-badge{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-family:var(--mono);font-size:12.5px;color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:6px 14px;margin-bottom:30px;letter-spacing:0.04em;background:rgba(11,20,16,0.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}.hero-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);flex:none;}.hero h1,.hero-title{font-family:var(--display);font-size:clamp(3rem, 8.5vw, 6.2rem);font-weight:700;color:var(--ink);letter-spacing:0.05em;line-height:1.02;text-shadow:0 0 70px rgba(123,243,154,0.22);text-wrap:balance;}.hero-title .hl,.hero-title em{font-style:normal;background:var(--spectrum-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 0 26px rgba(34,211,238,0.4));}.hero-slogan{margin-top:18px;font-size:clamp(22px, 4vw, 40px);font-weight:500;letter-spacing:0.2em;background:linear-gradient(90deg,#7BF39A,#a5f3fc,#fbcfe8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 0 22px rgba(34,211,238,0.3));}.tagline{margin-top:18px;font-size:clamp(14px, 1.9vw, 17px);font-weight:300;color:var(--ink-2);line-height:1.7;max-width:56ch;letter-spacing:0.02em;}.tagline .en{display:block;margin-bottom:8px;font-family:var(--mono);letter-spacing:0.12em;color:var(--cyan);font-size:0.95em;}.tagline b{color:var(--cyan);font-weight:500;}.changelog-link{margin-top:1.1rem;}.changelog-link a{font-size:0.78rem;font-weight:500;color:var(--ink-3);border-bottom:1px solid var(--line);padding-bottom:2px;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease);}.changelog-link a:hover{color:var(--cyan);border-color:var(--accent-line);}.ctas{display:flex;gap:14px;margin-top:2.2rem;flex-wrap:wrap;}.hero-controls{position:absolute;bottom:2.25rem;left:50%;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:1.7rem;padding:0.85rem 1.6rem;background:rgba(18,32,25,0.72);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid var(--line);border-radius:999px;}.hero-controls .hero-drive{display:contents;}.hero-controls .hero-drive[hidden]{display:none;}.hero-controls .schemes{gap:1rem;}.control{display:flex;align-items:center;gap:0.6rem;cursor:pointer;}.control span{font-size:0.8125rem;font-weight:500;text-transform:uppercase;letter-spacing:0.1em;color:var(--ink-3);white-space:nowrap;user-select:none;}.control input[type="range"]{-webkit-appearance:none;appearance:none;width:88px;height:4px;background:rgba(255,255,255,0.14);border-radius:2px;outline:none;cursor:pointer;}.control input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--cyan);border-radius:50%;cursor:pointer;box-shadow:0 0 8px rgba(123,243,154,0.6);transition:transform var(--dur) var(--ease);}.control input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.25);}.control input[type="range"]::-moz-range-thumb{width:14px;height:14px;background:var(--cyan);border:none;border-radius:50%;}.schemes,.scheme-row{display:flex;gap:0.55rem;align-items:center;}.scheme-dot{width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;position:relative;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);}.scheme-dot::after{content:"";position:absolute;inset:-7px;}.scheme-dot:hover{transform:scale(1.18);}.scheme-dot.is-on,.scheme-dot.active{border-color:var(--bg);box-shadow:0 0 0 2px var(--cyan),0 0 12px rgba(123,243,154,0.5);}.scheme-dot[data-scheme="amber"]{background:#c8956c;}.scheme-dot[data-scheme="mono"]{background:#9a9a9a;}.scheme-dot[data-scheme="blue"]{background:#6c8ec8;}.scheme-dot[data-scheme="rose"]{background:#c86c8e;}.scheme-dot[data-scheme="emerald"]{background:#6cc889;}.scheme-dot[data-scheme="arctic"]{background:#b8ccd8;}.divider{width:1px;height:20px;background:var(--line);flex-shrink:0;}.hint{font-size:0.8125rem;font-weight:500;text-transform:uppercase;letter-spacing:0.1em;color:var(--ink-4);white-space:nowrap;user-select:none;}@media (max-width:640px){.hero-content{padding:6rem 1.5rem calc(32vh - 6rem);max-width:none;text-align:center;align-items:center;}.hero-badge{align-self:center;}.hero h1{font-size:clamp(2.2rem, 10vw, 3.2rem);}.hero-slogan{font-size:clamp(18px, 5vw, 26px);letter-spacing:0.12em;}.tagline{font-size:0.95rem;}.hero-content .ctas{flex-wrap:nowrap;width:100%;max-width:380px;margin-left:auto;margin-right:auto;}.hero-content .ctas .btn{flex:1 1 0;min-width:0;justify-content:center;padding:0 0.8rem;font-size:13px;line-height:1.25;white-space:normal;text-align:center;}.hero-content .ctas .btn svg{width:13px;height:13px;flex:none;}.hero-overlay{background:linear-gradient(to bottom,rgba(6,12,9,0.82) 0%,rgba(6,12,9,0.4) 34%,transparent 60%);}.hero-controls{gap:0.7rem;padding:0.7rem 1.1rem;flex-wrap:wrap;justify-content:center;border-radius:18px;width:calc(100% - 2rem);bottom:1.25rem;}.hero-controls .schemes{gap:0.8rem;}.control span,.hint,.divider{display:none;}.control input[type="range"]{width:64px;}}.featured{position:relative;z-index:1;scroll-margin-top:var(--nav-height);padding:96px 3rem;}.featured>*,.how-to-use>*,.changelog>*,.support>*{max-width:var(--maxw);margin-left:auto;margin-right:auto;}.featured header,.how-to-use header,.changelog header{margin-bottom:2.25rem;}.featured header h2,.how-to-use header h2,.changelog header h2,.support-text h2,.page-shell h1{font-family:var(--display);font-size:clamp(26px, 4vw, 38px);font-weight:500;letter-spacing:0.02em;color:var(--ink);margin-top:0.5rem;line-height:1.3;}.featured header p,.how-to-use header p{margin-top:0.6rem;font-size:15px;color:var(--ink-2);max-width:600px;}.featured-grid,.grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}.browse-cta{text-align:center;margin-top:40px;}.browse-cta .btn{padding:0 2rem;min-height:44px;font-size:14px;}@media (max-width:900px){.featured-grid,.grid-cards{grid-template-columns:repeat(2,1fr);}}@media (max-width:640px){.featured{padding:72px 1.5rem;}.featured-grid,.grid-cards{grid-template-columns:1fr;}}.how-to-use{position:relative;z-index:1;scroll-margin-top:var(--nav-height);padding:96px 3rem;background:var(--bg-2);}.changelog{position:relative;z-index:1;scroll-margin-top:var(--nav-height);padding:96px 3rem;border-top:1px solid var(--line);}.how-to-use>*,.changelog>*{max-width:var(--maxw);}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}.step{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);padding:30px 26px;display:flex;flex-direction:column;gap:12px;transition:border-color 0.3s,transform 0.3s;}.step:hover{border-color:rgba(34,211,238,0.4);transform:translateY(-4px);}.step-number,.step-num{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:14px;font-weight:600;color:var(--cyan);letter-spacing:0.2em;margin-bottom:0;}.step-number::after,.step-num::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent);}.step h3{font-family:var(--display);font-size:21px;font-weight:600;letter-spacing:0.02em;color:var(--ink);}.step p{font-size:14px;line-height:1.7;color:var(--ink-2);}.entries,.news-list{display:flex;flex-direction:column;gap:16px;max-width:760px;}.entry,.news-item{display:grid;grid-template-columns:110px 1fr;gap:22px;border:1px solid var(--line);border-radius:16px;padding:24px 26px;background:var(--surface);transition:border-color 0.3s;}.entry:hover,.news-item:hover{border-color:rgba(34,211,238,0.4);}.entry-header{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-bottom:0;}.version,.news-ver{font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:0.02em;color:var(--ink);}.date,.news-ver small{display:block;font-size:12px;color:var(--ink-3);font-weight:400;margin-top:2px;letter-spacing:0.06em;}.entry h3,.news-item h3{font-size:17px;font-weight:500;margin-bottom:12px;color:var(--ink);}.entry ul{list-style:none;display:flex;flex-direction:column;gap:8px;}.entry li{font-size:13.5px;color:var(--ink-2);line-height:1.6;display:flex;gap:10px;align-items:baseline;}.entry li::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--cyan);transform:translateY(-2px);}.support{position:relative;z-index:1;padding:96px 3rem;text-align:center;border-top:1px solid var(--line);overflow:hidden;}.support-content{max-width:640px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:20px;}.os-badge{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,rgba(34,211,238,0.16),rgba(236,72,153,0.16));border:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:4px;}.os-badge .os-logo{width:56px;height:56px;border-radius:14px;object-fit:cover;mix-blend-mode:screen;}.support-text h2{font-family:var(--display);font-size:clamp(24px, 3.6vw, 34px);font-weight:600;letter-spacing:0.02em;margin:0;}.support-text{display:flex;flex-direction:column;align-items:center;gap:0;}.support-text p{margin-top:0.75rem;font-size:15px;color:var(--ink-2);max-width:560px;}.support-text .secondary{color:var(--ink-3);font-size:13.5px;}.support-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;}.spectrum-rule{width:min(420px, 80%);height:1px;background:var(--spectrum);filter:blur(1px);opacity:0.7;margin:4px auto;}@media (max-width:640px){.how-to-use,.changelog{padding:72px 1.5rem;}.support{padding:72px 1.5rem;}.steps{grid-template-columns:1fr;gap:1rem;}.entry,.news-item{grid-template-columns:1fr;gap:10px;}.support-actions,.support-actions .btn{width:100%;}}.page-shell{position:relative;z-index:1;width:min(880px, calc(100% - 3rem));margin:0 auto;padding:calc(var(--nav-height) + 3.5rem) 0 5rem;}.page-hero{margin-bottom:3rem;position:relative;}.page-hero .hero-badge{margin-bottom:1.4rem;}.page-hero .hero-badge span:last-child{font-family:var(--mono);}.page-title{font-family:var(--display);font-size:clamp(32px, 6vw, 52px);font-weight:700;letter-spacing:0.03em;line-height:1.15;color:var(--ink);margin-bottom:1rem;}.page-title .hl{background:var(--spectrum-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 0 16px rgba(34,211,238,0.4));}.page-lead{color:var(--ink-2);max-width:640px;font-size:1.0625rem;font-weight:300;}.page-shell h1{margin-bottom:0.75rem;}.page-shell h2{font-family:var(--display);font-size:1.25rem;font-weight:600;color:var(--ink);margin:2rem 0 0.6rem;}.page-shell p,.page-shell li{color:var(--ink-2);margin-bottom:0.85rem;font-size:0.9688rem;line-height:1.7;}.page-shell a{color:var(--cyan);}.page-shell a:hover{color:var(--accent-hi);text-decoration:underline;}.page-shell .hero-lead{color:var(--ink-2);max-width:60ch;font-size:1.0625rem;font-weight:300;}.page-shell .steps{margin:0 0 2.5rem;}.page-shell .panel h2{margin-top:0;}.page-shell .panel h3{font-family:var(--display);font-size:1rem;font-weight:600;color:var(--ink);margin:1.5rem 0 0.35rem;}.page-shell .panel h3:first-of-type{margin-top:1rem;}.page-shell .panel p:last-child{margin-bottom:0;}.crumbs{font-size:0.8125rem;color:var(--ink-4);margin-bottom:1rem;}.crumbs a{color:var(--ink-3);}.crumbs a:hover{color:var(--cyan);}.panel,.intro-card{position:relative;border:1px solid var(--line);border-radius:var(--r-xl);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);padding:1.6rem 1.7rem;background:linear-gradient(160deg,var(--surface),rgba(14,25,20,0.6));margin:1.25rem 0;transition:border-color 0.35s;}.panel:hover,.intro-card:hover{border-color:rgba(34,211,238,0.32);}.code{font-family:var(--mono);font-size:0.8125rem;line-height:1.65;background:#060c09;color:rgba(123,243,154,0.85);padding:1.1rem 1.25rem;border-radius:var(--r-md);border:1px solid var(--line);overflow:auto;margin:0.9rem 0;}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;}.shader-notes{margin-top:2rem;}.shader-notes h2{font-family:var(--display);font-size:1.0625rem;font-weight:600;color:var(--ink);margin:1.7rem 0 0.55rem;}.shader-notes h2:first-child{margin-top:0;}.shader-notes h3{font-family:var(--display);font-size:0.9688rem;font-weight:600;color:var(--ink-2);margin:1.15rem 0 0.35rem;}.shader-notes p,.shader-notes li{color:var(--ink-2);font-size:0.9063rem;line-height:1.72;margin-bottom:0.7rem;}.shader-notes ol{margin:0.4rem 0 0;padding-left:1.25rem;}.shader-notes .code{margin-top:0.55rem;}.facts-table{width:100%;border-collapse:collapse;margin:0.7rem 0 0.4rem;font-size:0.875rem;}.facts-table th,.facts-table td{text-align:left;padding:0.5rem 0.7rem;border-bottom:1px solid var(--line);color:var(--ink-2);}.facts-table th{color:var(--ink-3);font-weight:500;font-size:0.7813rem;text-transform:uppercase;letter-spacing:0.04em;}.facts-table td code{font-family:var(--mono);font-size:0.8125rem;color:var(--cyan);}.method-note{font-size:0.8125rem;color:var(--ink-4);margin-top:0.7rem;}.browse-cta .btn+.btn{margin-left:0.6rem;}@media (max-width:640px){.facts-table{font-size:0.8125rem;}.facts-table th,.facts-table td{padding:0.4rem 0.45rem;}}@media (max-width:640px){.grid-3{grid-template-columns:1fr;}}.contact-card{text-align:left;}.contact-mail{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem;font-family:var(--mono);font-size:1.0625rem;}.contact-mail a{color:var(--cyan);text-shadow:0 0 14px rgba(34,211,238,0.35);}.mail-hint{color:var(--ink-4);font-family:var(--sans);font-size:0.875rem;}.missing-hero{text-align:center;padding:2.5rem 0 1rem;}.missing-hero .page-title{margin-bottom:0.75rem;}.missing-hero .page-lead{margin:0 auto 0.5rem;}.missing-code{font-family:var(--display);font-size:clamp(88px, 20vw, 160px);font-weight:700;line-height:1;letter-spacing:0.06em;background:var(--spectrum-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 0 26px rgba(34,211,238,0.35));margin-bottom:1.25rem;}.missing-hero .btn{margin-top:1.75rem;}.fx-card,.card-shell{position:relative;}.fx-card[hidden]{display:none !important;}.card{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;isolation:isolate;background:var(--surface);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);transition:transform 0.35s,border-color 0.35s,box-shadow 0.35s;}.card-shell:hover .card,.card-shell:focus-within .card,.fx-card:focus-visible .card{border-color:rgba(34,211,238,0.45);transform:translateY(-6px);box-shadow:0 18px 50px rgba(0,0,0,0.5),0 0 34px rgba(34,211,238,0.12);}.card-preview,.fx-thumb{aspect-ratio:1 / 1;background:#060c09;display:block;border-bottom:1px solid var(--line);position:relative;overflow:hidden;}.preview-sprite{position:absolute;inset:0;z-index:2;background-size:160% 600%;background-repeat:no-repeat;background-position:50% 0%;transition:opacity 0.4s var(--ease),transform 0.6s cubic-bezier(0.2,0.7,0.2,1);}.card-shell:hover .preview-sprite{transform:scale(1.06);}.preview-sprite.is-hidden{opacity:0;}.card-preview iframe,.fx-thumb iframe,.fx-frame{width:100%;height:100%;border:none;pointer-events:none;position:absolute;inset:0;z-index:1;opacity:0;transition:opacity 0.4s var(--ease);}.card-preview iframe.is-ready,.fx-thumb iframe.is-ready{opacity:1;}.fx-num,.card-no{position:absolute;top:0;right:0;z-index:3;font-family:var(--display);font-weight:600;font-size:13px;color:#06121a;background:var(--cyan);padding:6px 12px 5px 10px;letter-spacing:0.08em;box-shadow:0 0 18px rgba(34,211,238,0.5);}.card-inspire{position:absolute;top:14px;left:14px;z-index:3;font-size:11px;letter-spacing:0.1em;color:#d8fbff;background:rgba(6,12,18,0.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(34,211,238,0.35);padding:4px 10px;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 90px);}.hover-hint{position:absolute;bottom:0.65rem;left:50%;transform:translateX(-50%);z-index:3;pointer-events:none;transition:opacity 0.3s var(--ease);}.hover-hint span{font-size:0.625rem;font-weight:500;text-transform:uppercase;letter-spacing:0.12em;color:var(--ink-2);background:rgba(6,12,9,0.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:0.32rem 0.65rem;border-radius:4px;border:1px solid var(--line);white-space:nowrap;}.card-shell:hover .hover-hint{opacity:0;}.card-info,.fx-meta{padding:20px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1;}.card-number{font-size:0.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:0.14em;color:var(--cyan);margin-bottom:0;}.card-muse{text-transform:none;letter-spacing:0.01em;font-weight:400;color:var(--ink-3);font-style:italic;}.card-title,.fx-meta h3{font-family:var(--display);font-size:19px;font-weight:600;letter-spacing:0.01em;margin-bottom:0;color:var(--ink);}.card-title a{color:inherit;transition:color var(--dur) var(--ease);}.card-shell:hover .card-title a{color:var(--cyan);}.fx-meta h3 a{color:inherit;}.card-desc,.fx-meta p{font-size:13.5px;color:var(--ink-2);line-height:1.75;margin:0;}.card-action{margin-top:auto;padding-top:14px;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--cyan);font-family:var(--display);letter-spacing:0.04em;text-transform:none;}.card-action:hover{color:var(--accent-hi);}.fx-play{display:none;}.fx-tags{display:none;}.gallery-shell{width:100%;position:relative;z-index:1;}.gallery-layout{display:grid;grid-template-columns:244px 1fr;min-height:calc(100vh - var(--nav-height));margin-top:var(--nav-height);}.gallery-sidebar{width:244px;height:calc(100vh - var(--nav-height));position:sticky;top:var(--nav-height);overflow-y:auto;background:var(--surface);border-right:1px solid var(--line);padding:1.25rem 0 2rem;scrollbar-width:thin;scrollbar-color:rgba(123,243,154,0.18) transparent;}.gallery-sidebar::-webkit-scrollbar{width:4px;}.gallery-sidebar::-webkit-scrollbar-thumb{background:rgba(123,243,154,0.16);border-radius:2px;}.g-nav-section{margin-bottom:1.5rem;}.g-nav-section h3{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;font-family:var(--display);font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.16em;color:var(--ink-3);padding:0.4rem 1.25rem;margin:0 0 0.45rem;background:none;border:0;cursor:pointer;transition:color var(--dur) var(--ease);}.g-nav-section h3:hover{color:var(--ink);}.g-acc-caret{transition:transform var(--dur) var(--ease);color:var(--ink-3);}.g-nav-section.is-collapsed .g-acc-caret{transform:rotate(-90deg);}.g-nav-section.is-collapsed .g-acc-body{display:none;}.g-nav-section a{display:flex;align-items:center;justify-content:space-between;gap:0.6rem;font-size:0.8125rem;font-weight:400;color:var(--ink-2);padding:0.4rem 1.25rem;border-left:2px solid transparent;transition:color var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease);}.g-nav-section a:hover{color:var(--ink);background:var(--surface-2);}.g-nav-section a.is-on{color:var(--cyan);background:var(--accent-soft);border-left-color:var(--cyan);font-weight:500;}.g-count{font-size:0.6875rem;font-family:var(--mono);color:var(--ink-3);}.g-nav-section a.is-on .g-count{color:var(--cyan);}.gallery-main{min-width:0;}.gallery-toolbar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1.25rem 3rem;border-bottom:1px solid var(--line);position:sticky;top:var(--nav-height);z-index:40;background:rgba(11,20,16,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}.search-field{display:flex;align-items:center;gap:0.6rem;flex:1;min-width:220px;max-width:460px;padding:0.55rem 0.85rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);}.search-field:focus-within{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft);}.search-field svg{color:var(--ink-3);flex-shrink:0;}.search-field input{flex:1;min-width:0;background:none;border:0;outline:none;font-size:0.875rem;color:var(--ink);}.search-field input::placeholder{color:var(--ink-3);}.search-kbd{font-family:var(--mono);font-size:0.6875rem;color:var(--ink-3);border:1px solid var(--line);border-radius:4px;padding:0.05rem 0.4rem;line-height:1.4;flex-shrink:0;}.toolbar-right{display:flex;align-items:center;gap:0.75rem;margin-left:auto;}.result-count{font-size:0.8125rem;color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;}.result-count b{color:var(--cyan);font-weight:500;}.density-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink-3);cursor:pointer;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease);}.density-toggle:hover{color:var(--cyan);border-color:var(--accent-line);}.active-filters{display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap;padding:0.9rem 3rem;border-bottom:1px solid var(--line);}.active-filters[hidden]{display:none;}.active-filters .af-label{font-size:0.75rem;color:var(--ink-3);text-transform:uppercase;letter-spacing:0.1em;}.filter-chip{display:inline-flex;align-items:center;gap:0.45rem;padding:0.3rem 0.4rem 0.3rem 0.75rem;background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:999px;font-size:0.7813rem;color:var(--cyan);font-weight:500;}.filter-chip .chip-dim{color:var(--ink-2);font-weight:400;}.chip-x{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:transparent;border:0;color:var(--cyan);cursor:pointer;transition:background var(--dur) var(--ease);}.chip-x:hover{background:rgba(123,243,154,0.22);}.gallery-header{padding:2rem 3rem 1.25rem;}.gallery-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;}.gallery-header h1{font-family:var(--display);font-size:clamp(1.5rem, 3vw, 2rem);font-weight:500;letter-spacing:0.01em;color:var(--ink);}.gallery-header p{margin-top:0.5rem;font-size:0.875rem;color:var(--ink-2);}.live-toggle{display:inline-flex;align-items:center;gap:0.45rem;padding:0.5rem 0.9rem;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink-3);font-size:0.75rem;font-weight:500;text-transform:uppercase;letter-spacing:0.08em;cursor:pointer;white-space:nowrap;transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease),background var(--dur) var(--ease);}.live-toggle:hover{border-color:var(--accent-line);color:var(--ink);}.live-toggle.is-on{border-color:rgba(224,82,77,0.5);color:var(--live);background:rgba(224,82,77,0.07);}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--ink-4);}.live-toggle.is-on .live-dot{background:var(--live);box-shadow:0 0 8px rgba(224,82,77,0.7);}body[data-page="gallery"] .scheme-row{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);z-index:50;padding:0.55rem 1.1rem;background:rgba(18,32,25,0.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:999px;}body[data-page="gallery"] .grid-cards{grid-template-columns:repeat(auto-fill,minmax(320px, 1fr));gap:22px;padding:2rem 3rem 4rem;}body[data-page="gallery"] .grid-cards.is-compact{grid-template-columns:repeat(auto-fill,minmax(230px, 1fr));gap:1.1rem;}body[data-page="gallery"] .grid-cards.is-compact .card-info{padding:0.9rem 1rem 1rem;}body[data-page="gallery"] .grid-cards.is-compact .card-title{font-size:0.9375rem;}body[data-page="gallery"] .grid-cards.is-compact .card-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.fx-card:focus-visible{outline:none;}.fx-card:focus-visible .card{border-color:var(--cyan);box-shadow:0 0 0 3px var(--accent-soft);}.gallery-empty{text-align:center;padding:5rem 2rem;color:var(--ink-2);}.sidebar-toggle,.sidebar-overlay{display:none;}.sidebar-toggle .icon-close{display:none;}.sidebar-toggle.is-open .icon-open{display:none;}.sidebar-toggle.is-open .icon-close{display:block;}body[data-page="gallery"] .site-footer{margin-left:244px;}@media (max-width:768px){.gallery-layout{grid-template-columns:1fr;}body[data-page="gallery"] .site-footer{margin-left:0;}.sidebar-toggle{display:inline-flex;flex-shrink:0;width:34px;height:34px;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink-2);cursor:pointer;padding:0;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease);}.sidebar-toggle:hover{color:var(--cyan);border-color:var(--accent-line);}.sidebar-toggle.is-open{color:var(--cyan);}.sidebar-overlay.is-on{display:block;position:fixed;inset:0;z-index:54;background:rgba(0,0,0,0.6);border:0;cursor:pointer;}.gallery-sidebar{position:fixed;top:var(--nav-height);left:0;bottom:0;height:auto;z-index:55;background:rgba(18,32,25,0.98);transform:translateX(-100%);transition:transform 0.3s var(--ease);}.gallery-sidebar.is-open{transform:translateX(0);}body.sidebar-open{overflow:hidden;}.gallery-toolbar{padding:1rem 1.25rem;gap:0.75rem;}.gallery-toolbar .search-field{min-width:0;}.toolbar-right{gap:0.6rem;}.active-filters{padding-left:1.25rem;padding-right:1.25rem;}.gallery-header{padding:2rem 1.25rem 0.5rem;}body[data-page="gallery"] .grid-cards{grid-template-columns:1fr;gap:1rem;padding:1.25rem;}}@media (max-width:640px){body[data-page="gallery"] .scheme-row{gap:0.25rem;padding:0.4rem 0.75rem;}.search-kbd{display:none;}}.shader-shell{width:100%;position:relative;z-index:1;}.shader-page{display:grid;grid-template-columns:minmax(0, 1fr) 352px;min-height:100vh;}.shader-main{display:flex;flex-direction:column;min-width:0;min-height:0;}.shader-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:calc(var(--nav-height) + 1rem) 1.75rem 0.5rem;border-bottom:none;}.back{display:inline-flex;align-items:center;gap:.4rem;font-size:0.8125rem;color:var(--ink-2);transition:color var(--dur) var(--ease);}.back:hover{color:var(--cyan);}.back .back-arrow{width:18px;height:18px;opacity:.8;}.shader-id{font-family:var(--mono);font-size:.6875rem;color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.5rem;}.shader-id::before{content:"";width:14px;height:1px;background:var(--accent-line);}.preview-area{position:relative;flex:0 1 auto;padding:1rem 1.75rem .25rem;}.shader-stage{position:relative;width:100%;aspect-ratio:16 / 10;background:#060c09;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--line);box-shadow:0 18px 48px -22px rgba(0,0,0,0.65);}.shader-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;opacity:1;pointer-events:auto;}.stage-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);background:rgba(8,14,11,0.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:50%;z-index:2;opacity:0.85;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease),transform var(--dur) var(--ease),opacity var(--dur) var(--ease);}.stage-nav:hover{color:var(--cyan);border-color:var(--cyan);background:rgba(8,14,11,0.92);transform:translateY(-50%) scale(1.06);opacity:1;}.stage-nav.is-disabled{opacity:0;pointer-events:none;}.stage-prev{left:.9rem;}.stage-next{right:.9rem;}.stage-nav svg{width:18px;height:18px;}.shader-hero{padding:1.5rem 1.75rem 1rem;display:flex;flex-direction:column;gap:.85rem;}.shader-h1{font-family:var(--display);font-size:clamp(1.75rem, 3.6vw, 2.5rem);font-weight:600;line-height:1.12;letter-spacing:-0.012em;color:var(--ink);margin:0;}.shader-desc{font-size:.9375rem;line-height:1.65;color:var(--ink-2);margin:0;max-width:64ch;}.shader-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .7rem;margin-top:.35rem;}.meta-tech{font-family:var(--mono);font-size:.6875rem;color:var(--ink-2);letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border:1px solid var(--line);border-radius:999px;}.meta-tech::before{content:"•";color:var(--cyan);margin-right:6px;}.shader-tags{display:flex;flex-wrap:wrap;gap:.35rem;}.tag{font-size:.7rem;color:var(--ink-2);padding:3px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease);}.tag:hover{color:var(--cyan);border-color:var(--accent-line);background:var(--accent-soft);}.shader-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;padding:0;}.prevnext-card{display:flex;flex-direction:column;gap:.25rem;padding:.6rem 1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);color:var(--ink-2);transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease),transform var(--dur) var(--ease);min-width:0;}.prevnext-card:hover{color:var(--ink);border-color:var(--accent-line);background:var(--accent-soft);transform:translateY(-1px);}.prevnext-card.next{text-align:right;align-items:flex-end;}.prevnext-card .pn-label{font-family:var(--mono);font-size:.65rem;color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase;}.prevnext-card .pn-title{font-size:.9375rem;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}.shader-related{padding:0;margin:0;border-top:1px solid var(--line);padding-top:1.25rem;}.related-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 1rem;}.related-heading h3{font-family:var(--display);font-size:1rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:0;}.related-heading .related-all{font-family:var(--mono);font-size:.65rem;color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;}.related-heading .related-all:hover{color:var(--accent-hi);}.related-grid{display:grid;grid-template-columns:1fr;gap:.75rem;}.related-card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease);}.related-card:hover{border-color:var(--cyan);transform:translateY(-2px);}.related-card .rc-thumb{display:none;}.related-card .rc-meta{padding:.5rem .75rem;display:flex;flex-direction:column;gap:.1rem;}.related-card .rc-num{font-family:var(--mono);font-size:.625rem;color:var(--cyan);letter-spacing:.14em;}.related-card .rc-title{font-size:.875rem;font-weight:500;color:var(--ink);margin-top:.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.related-card .rc-tags{margin-top:.25rem;display:flex;gap:.25rem;flex-wrap:wrap;}.related-card .rc-tags span{font-family:var(--mono);font-size:.575rem;color:var(--ink-3);letter-spacing:.04em;padding:1px 5px;border:1px solid var(--line);border-radius:4px;}.shader-aside{width:352px;border-left:1px solid var(--line);overflow-y:auto;padding:calc(var(--nav-height) + 1rem) 1.4rem 1.5rem;display:flex;flex-direction:column;gap:1.35rem;position:sticky;top:0;align-self:start;max-height:100vh;}.inspiration-name{font-size:.8125rem;font-weight:500;color:var(--cyan);font-style:italic;padding-bottom:.8rem;border-bottom:1px dashed var(--line);}.inspiration-name .insp-label{font-family:var(--mono);font-size:.625rem;font-style:normal;color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;margin-right:.5rem;}.sidebar-label{font-family:var(--display);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);margin-bottom:.7rem;}.param{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.65rem;}.param span{display:flex;justify-content:space-between;font-size:.75rem;color:var(--ink-2);}.param output{font-family:var(--mono);color:var(--cyan);font-size:.7rem;}.param input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:3px;background:rgba(255,255,255,0.12);border-radius:2px;outline:none;cursor:pointer;}.param input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;background:var(--cyan);border-radius:50%;cursor:pointer;box-shadow:0 0 8px rgba(123,243,154,0.55);transition:transform var(--dur) var(--ease);}.param input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.2);}.param input[type="range"]::-moz-range-thumb{width:13px;height:13px;background:var(--cyan);border:none;border-radius:50%;}.layout-buttons{display:flex;flex-wrap:wrap;gap:.35rem;}.ctrl-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .65rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink-3);font-size:.72rem;font-family:inherit;cursor:pointer;transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease),background var(--dur) var(--ease);}.ctrl-btn:hover{border-color:var(--accent-line);color:var(--ink);}.ctrl-btn.is-on{border-color:var(--cyan);color:var(--cyan);background:var(--accent-soft);}.ctrl-btn.is-disabled{opacity:0.35;cursor:not-allowed;}.ctrl-icon{flex-shrink:0;display:block;}.actions-section{display:flex;flex-direction:column;gap:.45rem;padding-top:.9rem;border-top:1px solid var(--line);}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem .9rem;font-size:.78rem;font-weight:500;letter-spacing:.01em;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);cursor:pointer;text-decoration:none;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease);}.action-btn:hover{color:var(--cyan);border-color:var(--accent-line);background:var(--accent-soft);}.action-btn.is-primary{color:var(--bg);background:var(--cyan);border-color:var(--cyan);}.action-btn.is-primary:hover{color:var(--bg);background:var(--accent-hi);border-color:var(--accent-hi);}.action-btn .act-icon{width:14px;height:14px;}.credit-text,.credit-link{font-size:.75rem;color:var(--ink-3);font-style:italic;}.shader-stage.is-mock{height:auto;min-height:0;aspect-ratio:16 / 9;}.mock-layout{position:relative;width:100%;height:100%;background:#060c09;}.hero-layout{display:flex;flex-direction:column;}.mock-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid var(--line);flex-shrink:0;}.mock-logo{font-weight:500;font-size:.9rem;color:var(--ink);letter-spacing:.02em;}.mock-links{display:flex;gap:1rem;font-size:.7rem;color:var(--ink-3);}.hero-body{display:flex;align-items:center;gap:1rem;padding:2rem 6rem;flex:1;min-height:0;}.hero-body .mock-content{flex:1;padding:0 1rem;}.hero-shader{flex:0 0 40%;align-self:stretch;position:relative;}.hero-shader iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}.bg-layout iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}.mock-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(6,12,9,0.72);padding:2rem;z-index:1;pointer-events:none;}.mock-overlay-content{display:flex;flex-direction:column;align-items:center;pointer-events:auto;}.accent-layout{overflow:hidden;}.accent-layout iframe{position:absolute;top:0;left:50%;width:100%;height:100%;border:0;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 40%);mask-image:linear-gradient(to right,transparent 0%,black 40%);}.accent-layout>.mock-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;height:100%;max-width:45%;padding:2rem 2.5rem;}.mock-content h2,.mock-overlay h2{font-family:var(--display);font-size:1.3rem;font-weight:500;margin:0 0 .6rem;color:var(--ink);}.mock-content p,.mock-overlay p{font-size:.75rem;color:var(--ink-2);line-height:1.6;max-width:30ch;margin:0;}.mock-overlay p{max-width:42ch;}.mock-btn{display:inline-block;margin-top:1rem;padding:.5rem 1.1rem;font-size:.72rem;font-weight:500;color:#06121a;background:var(--cyan);border-radius:999px;width:fit-content;}@media (max-width:960px){.shader-page{grid-template-columns:minmax(0, 1fr);min-height:0;}.shader-aside{width:100%;border-left:none;border-top:1px solid var(--line);padding:1.5rem 1.25rem;position:static;align-self:stretch;max-height:none;}.related-grid{grid-template-columns:repeat(3,minmax(0, 1fr));}}@media (max-width:640px){.shader-top{padding:calc(var(--nav-height) + .75rem) 1rem .5rem;}.shader-id{font-size:.6rem;}.preview-area{padding:.75rem 1rem .25rem;}.shader-hero{padding:1.25rem 1rem .75rem;}.shader-prevnext{grid-template-columns:1fr;}.related-grid{grid-template-columns:repeat(2,minmax(0, 1fr));}.stage-nav{width:38px;height:38px;}.stage-prev{left:.55rem;}.stage-next{right:.55rem;}.layout-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;}.layout-buttons .ctrl-btn{padding:.42rem .55rem;font-size:.7rem;gap:.3rem;min-width:0;white-space:nowrap;}.layout-buttons .ctrl-icon{width:12px;height:12px;}}@media (max-width:460px){.related-grid{grid-template-columns:1fr;}.shader-h1{font-size:1.6rem;}.shader-desc{font-size:.875rem;}}.site-footer{position:relative;z-index:1;border-top:1px solid var(--accent-line);border-top-color:rgba(123,243,154,0.12);padding:4rem 2.5rem 2.5rem;background:var(--bg-2);}.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1.2fr 1.2fr;gap:3.5rem;max-width:var(--maxw);margin:0 auto 3.5rem;}.footer-brand{display:flex;flex-direction:column;gap:1.25rem;}.wordmark{display:inline-flex;align-items:center;gap:14px;font-family:var(--display);font-size:1.375rem;font-weight:700;letter-spacing:0.1em;color:var(--ink);}.wordmark .foot-logo{width:56px;height:56px;border-radius:14px;object-fit:cover;mix-blend-mode:screen;}.wordmark em{font-style:normal;}.footer-about{font-size:0.9375rem;line-height:1.7;color:var(--ink-3);max-width:38ch;}.footer-mail{font-size:0.875rem;color:var(--ink-3);}.footer-mail a{color:var(--ink-2);transition:color var(--dur) var(--ease);}.footer-mail a:hover{color:var(--cyan);}.mail-hint{color:var(--ink-3);font-size:0.8125rem;}.footer-col h4{font-family:var(--display);font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.18em;color:var(--ink-3);margin-bottom:1.25rem;}.footer-col ul{display:flex;flex-direction:column;gap:0.75rem;}.footer-col a,.footer-family-links a{font-size:0.9375rem;color:var(--ink-2);transition:color var(--dur) var(--ease);}.footer-col a:hover,.footer-family-links a:hover{color:var(--cyan);}.footer-family-links{display:flex;flex-direction:column;gap:0.75rem;}.footer-meta p{font-size:0.875rem;line-height:1.7;color:var(--ink-3);}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;max-width:var(--maxw);margin:0 auto;padding-top:2rem;border-top:1px solid var(--accent-line);border-top-color:rgba(123,243,154,0.08);}.footer-bottom,.footer-bottom a,.license-block p,.footer-copy,.footer-home{font-size:0.875rem;color:var(--ink-3);}.footer-bottom a{transition:color var(--dur) var(--ease);}.footer-bottom a:hover{color:var(--ink);}@media (max-width:960px){.footer-grid{grid-template-columns:1fr 1fr;gap:2.75rem;}}@media (max-width:640px){.site-footer{padding:3rem 1.5rem 1.5rem;}.footer-grid{grid-template-columns:1fr;gap:2.25rem;margin-bottom:2.5rem;}.footer-bottom{flex-direction:column;align-items:flex-start;}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important;}.reveal{opacity:1;transform:none;}html{scroll-behavior:auto;}.card-shell:hover .card,.step:hover,.btn:active{transform:none;}}.ad-slot{display:none;}.ad-slot.is-on{display:block;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:8px;overflow:hidden;}.shader-aside .ad-slot.is-on{min-height:140px;margin:0;}.shader-aside .ad-slot.is-on{flex:none !important;}.shader-aside .ad-slot.is-on{flex:none !important;}@media (max-width:960px){.shader-aside .ad-slot.is-on{padding:4px 0;min-height:100px;aspect-ratio:auto;}}.grid-cards .ad-infeed{grid-column:1 / -1;}.ad-slot.ad-infeed.is-on{min-height:120px;margin:18px 2px;}@media (max-width:960px){.ad-slot.ad-infeed.is-on{padding:4px 0;min-height:100px;aspect-ratio:2 / 1;}}.ad-slot.ad-detail-bottom{margin:30px 0 8px;}.ad-slot.ad-detail-bottom.is-on{min-height:140px;}@media (max-width:960px){.ad-slot.ad-detail-bottom.is-on{padding:4px 0;min-height:100px;aspect-ratio:2 / 1;}}.ad-slot.is-ph{border:1.5px dashed var(--amber,#E8A33D);background:rgba(232,163,61,0.06);}.ad-slot.is-ph .ad-ph{min-height:96px;display:flex;align-items:center;justify-content:center;gap:10px;color:rgba(232,163,61,0.95);font-size:13px;letter-spacing:0.02em;text-align:center;}.ad-slot.is-ph .ad-ph-mark{flex:none;width:40px;height:28px;border:1.5px solid currentColor;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;font-family:"JetBrains Mono",monospace;}.gallery-sidebar .ad-slot.is-ph .ad-ph,.shader-aside .ad-slot.is-ph .ad-ph{flex-direction:column;min-height:170px;font-size:12px;gap:6px;}