@property --accent{syntax:"";inherits:true;initial-value:#d2ff00}:root{--bg:#000;--bg-2:#121214;--bg-3:#1a1a1d;--line:#ffffff17;--line-2:#ffffff2e;--txt:#edede8;--txt-2:#edede899;--txt-3:#edede880;--accent:#bbadff;--wrap:1700px;--gutter:clamp(24px, 3vw, 48px);--font-display:"Archivo", -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--font-sans:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-digital:"Orbitron", "JetBrains Mono", ui-monospace, monospace;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--txt);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.8;overflow-x:hidden}body:after{content:"";z-index:999;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");position:fixed;inset:0}::selection{background:var(--accent);color:var(--bg)}img,video{max-width:100%;display:block}body{-webkit-user-select:none;user-select:none}input,textarea,select{-webkit-user-select:text;user-select:text}img,video,canvas{-webkit-user-drag:none}a{color:inherit;text-decoration:none}ul{list-style:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.wrap{max-width:var(--wrap);padding-left:var(--gutter);padding-right:var(--gutter);margin:0 auto}.sec{padding:clamp(96px,12vh,160px) 0}.mono{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3);font-size:12px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sec-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:clamp(40px,6vh,72px);padding-bottom:28px;display:flex}.sec-head h2{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(34px,4.6vw,72px);font-weight:800;line-height:1.05}.sec-no{font-family:var(--font-mono);letter-spacing:.14em;color:var(--accent);margin-bottom:14px;font-size:12px;display:block}.sec-note{text-align:right;padding-bottom:8px}.btn{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--txt);border:1px solid var(--line-2);transition:background-color .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease);border-radius:2px;align-items:center;gap:10px;padding:14px 26px;font-size:12px;display:inline-flex}@media (hover:hover){.btn:hover{background:var(--accent);color:var(--bg);border-color:var(--accent)}}.btn--solid{background:var(--accent);color:var(--bg);border-color:var(--accent)}@media (hover:hover){.btn--solid:hover{color:var(--accent);background:0 0}}.hairline-t{border-top:1px solid var(--line)}.hairline-b{border-bottom:1px solid var(--line)}@media (width<=860px){.sec-head{flex-direction:column;align-items:flex-start}.sec-note{text-align:left}}html{-webkit-tap-highlight-color:transparent}body{touch-action:manipulation}.work-modal-panel,.xp-modal-scroll{overscroll-behavior:contain}@media (hover:none){.btn:active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.btn--solid:active{color:var(--accent);background:0 0}}@media (pointer:coarse){.nav-link{min-height:44px}.archive-filter{align-items:center;min-height:44px;display:inline-flex}.archive-row{min-height:60px}.work-modal-close,.xp-modal-close{width:44px;height:44px}}.nav-defs{width:0;height:0;position:absolute;overflow:hidden}.nav-wrap{z-index:100;position:fixed;top:18px;left:50%;transform:translate(-50%)}.nav-pill{white-space:nowrap;height:52px;transition:transform .5s var(--ease);-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.2);backdrop-filter:blur(12px)saturate(1.8)brightness(1.2);background:#ffffff1a;border:1px solid #fff3;border-radius:999px;align-items:center;padding:0 24px;display:flex;overflow:hidden;box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}.nav-wrap.is-scrolled .nav-pill,.nav-wrap.is-scrolled .nav-mail-pill{transform:scale(.98)}.nav-pill--svg,.nav-mail-pill--svg{background:0 0;border:none;box-shadow:inset 0 0 2px 1px oklch(100% 5.96046e-8 none/.35),inset 0 0 10px 4px oklch(100% 5.96046e-8 none/.15),0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,inset 0 4px 16px #11111a0d,inset 0 8px 24px #11111a0d,inset 0 16px 56px #11111a0d}.nav-links{align-items:center;gap:26px;height:100%;margin:0;padding:0;list-style:none;display:flex}.nav-links>li{height:100%;display:flex}.nav-link{flex-direction:column;justify-content:center;align-items:center;gap:5px;line-height:1;display:inline-flex;position:relative;transform:translateY(2px)}.nav-link-cn{font-family:var(--font-display);letter-spacing:.04em;color:var(--txt-2);transition:color .3s var(--ease);font-size:13px;font-weight:500}.nav-link-en{letter-spacing:.14em;color:var(--txt-3);transition:color .3s var(--ease);font-size:9px}.nav-link:hover .nav-link-cn{color:var(--accent)}.nav-link:hover .nav-link-en{color:var(--txt-2)}.nav-link:after{content:"";background:var(--accent);opacity:0;width:22px;height:2px;transition:opacity .3s var(--ease), transform .3s var(--ease);border-radius:2px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)scaleX(0)}.nav-link.is-active .nav-link-cn{color:var(--txt)}.nav-link.is-active .nav-link-en{color:var(--txt-2)}.nav-link.is-active:after{opacity:1;transform:translate(-50%)scaleX(1)}.nav-mail-wrap{white-space:nowrap;position:absolute;top:0;left:calc(100% + 10px)}.nav-mail-wrap:before{content:"";height:calc(100% + 12px);position:absolute;top:0;left:0;right:0}.nav-mail-pill{cursor:pointer;width:52px;height:52px;font:inherit;color:var(--txt-2);transition:transform .5s var(--ease), color .3s var(--ease);-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.2);backdrop-filter:blur(12px)saturate(1.8)brightness(1.2);background:#ffffff1a;border:1px solid #fff3;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex;box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}.nav-mail-icon{color:var(--accent);flex:none}.nav-mail-pill.nav-mail-pill--svg{border:none;box-shadow:inset 0 0 2px 1px oklch(100% 5.96046e-8 none/.35),inset 0 0 10px 4px oklch(100% 5.96046e-8 none/.15),0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,inset 0 4px 16px #11111a0d,inset 0 8px 24px #11111a0d,inset 0 16px 56px #11111a0d}.nav-mail-wrap:hover .nav-mail-pill,.nav-mail-wrap.is-open .nav-mail-pill{color:var(--accent)}.nav-mail-panel{-webkit-backdrop-filter:blur(16px)saturate(1.8)brightness(1.2);backdrop-filter:blur(16px)saturate(1.8)brightness(1.2);opacity:0;visibility:hidden;min-width:264px;transition:opacity .3s var(--ease), transform .3s var(--ease), visibility 0s .3s;background:#121214b8;border:1px solid #ffffff24;border-radius:18px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-6px);box-shadow:inset 0 1px #ffffff24,0 12px 40px #00000073}.nav-mail-wrap:hover .nav-mail-panel,.nav-mail-wrap.is-open .nav-mail-panel{opacity:1;visibility:visible;transition:opacity .3s var(--ease), transform .3s var(--ease);transform:translateY(0)}.nav-mail-row{transition:background .25s var(--ease);border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex}.nav-mail-row:hover{background:#ffffff0f}.nav-mail-row-main{flex:1;align-items:baseline;gap:10px;min-width:0;display:flex}.nav-mail-row-label{width:64px;font-family:var(--font-display);color:var(--txt-2);white-space:nowrap;text-overflow:ellipsis;flex:none;font-size:12px;overflow:hidden}.nav-mail-row-value{letter-spacing:.02em;color:var(--txt);text-transform:none;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}a.nav-mail-row-main:hover .nav-mail-row-value{color:var(--accent)}.nav-mail-copy{border:1px solid var(--line-2);letter-spacing:.08em;color:var(--txt-3);cursor:pointer;transition:color .25s var(--ease), border-color .25s var(--ease), background .25s var(--ease);background:0 0;border-radius:999px;flex:none;padding:4px 10px;font-size:9px}.nav-mail-copy:hover{color:var(--accent);border-color:var(--accent)}.nav-mail-copy.is-copied{color:var(--accent);border-color:var(--accent);background:#d2ff0014}@media (width<=860px){.nav-wrap{align-items:center;gap:8px;max-width:calc(100vw - 20px);display:flex;top:14px}.nav-links>li.nav-item--desktop{display:none}.nav-pill{flex:0 auto;min-width:0;height:38px;padding:0 14px}.nav-links{gap:14px}.nav-link{gap:1px}.nav-link-cn{font-size:12px}.nav-link-en{font-size:8px}.nav-mail-wrap{flex:none;position:relative}.nav-mail-pill{width:38px;height:38px;padding:0}.nav-mail-panel{min-width:240px;right:0}}@media (width<=480px){.nav-link-en{display:none}.nav-pill{padding:0 12px}}.hero{background:var(--bg);flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-inner{flex:1;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(32px,5vw,80px);padding-top:max(96px,12vh);padding-bottom:96px;display:grid}.hero-left{z-index:2;min-width:0;position:relative}.hero-title{z-index:1;font-family:var(--font-display);letter-spacing:-.01em;color:var(--txt);flex-direction:column;font-size:clamp(40px,5vw,72px);font-weight:800;line-height:1.06;display:flex;position:relative}.hero-accent{color:var(--accent);font-style:normal}.hero-outline{font-family:"Poppins", var(--font-display);text-transform:lowercase;letter-spacing:.04em;white-space:nowrap;color:#0000;-webkit-text-stroke:1px #edede859;-webkit-user-select:none;user-select:none;pointer-events:none;margin-top:-.5em;font-size:clamp(28px,4vw,56px);font-style:italic;font-weight:700;line-height:1.1}@supports not (-webkit-text-stroke:1px black){.hero-outline{color:#edede840}}.hero-bar{align-items:center;gap:14px;width:fit-content;max-width:100%;margin-top:clamp(28px,4vh,40px);padding:14px 18px;display:flex}.hero-bar-icons{color:var(--txt-2);flex-shrink:0;align-items:center;gap:10px;display:flex}.hero-bar-icons svg{display:block}.hero-bar-text{letter-spacing:.06em;color:var(--txt-2);border-left:1px solid var(--line);padding-left:14px;font-size:14px;line-height:1.5}.hero-chips{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.hero-chip{font-family:var(--font-mono);letter-spacing:.06em;color:var(--txt-2);align-items:center;gap:8px;padding:8px 14px;font-size:12px;display:inline-flex}.hero-chip-k{color:var(--txt-3);text-transform:uppercase}.hero-chip-k:after{content:":"}.hero-right{justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.hero-scroll{left:max(var(--gutter), (100vw - var(--wrap)) / 2 + var(--gutter));z-index:2;animation:2s ease-in-out infinite hero-scroll-breathe;position:absolute;bottom:26px}@keyframes hero-scroll-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.hero-scroll{animation:none}}@media (width<=767px){.hero-inner{grid-template-columns:1fr;align-content:center;gap:clamp(28px,5vh,48px);padding-top:max(96px,12vh);padding-bottom:72px}.hero-right{flex-direction:column;order:-1;align-items:flex-start;gap:14px;display:flex;position:static}.hero-outline{letter-spacing:.08em;white-space:normal;overflow-wrap:break-word;max-width:100%;font-size:clamp(16px,4.6vw,24px)}}.season-badge{z-index:1;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.season-badge-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;pointer-events:auto;display:block}.season-badge-btn:focus,.season-badge-btn:focus-visible{outline:none}.season-badge-stage{width:var(--badge-size,720px);aspect-ratio:1;transition:transform .35s var(--ease), translate .25s var(--ease);display:block;position:relative}.season-badge-btn:hover .season-badge-stage,.season-badge-btn:focus-visible .season-badge-stage{transform:scale(1.03)}.season-badge-float{animation:7s ease-in-out infinite season-badge-float;position:absolute;inset:0}@keyframes season-badge-float{0%,to{transform:translateY(-6px)}50%{transform:translateY(6px)}}.season-badge-current{position:absolute;inset:0}.season-badge-current--hidden{visibility:hidden}.season-badge-current--in{animation:season-badge-in .22s var(--ease) .18s both}@keyframes season-badge-in{0%{opacity:0;filter:blur(6px);transform:scale(1.06)rotate(3deg)}}.season-badge-video,.season-badge-img{mix-blend-mode:screen;filter:url(#season-black-crush);-webkit-mask-image:radial-gradient(circle,#000 0% 70%,#0000 84%);mask-image:radial-gradient(circle,#000 0% 70%,#0000 84%)}.season-badge-video{position:absolute;inset:0;overflow:hidden}.season-badge-video video{object-fit:cover;width:100%;height:100%}.season-badge-transition{z-index:3;opacity:0}.season-badge-transition.is-ready{opacity:1}.season-badge-hint{top:calc(94% + var(--hint-y,-20px));z-index:4;white-space:nowrap;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;border-radius:999px;justify-content:center;gap:1px;padding:5px 16px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.season-badge-hint-text{display:inline}.season-badge-loading{color:#edede852;letter-spacing:.14em;flex-direction:column;align-items:center;gap:8px;font-size:12px;display:inline-flex}.season-badge-loading-bar{background:#ffffff1a;border-radius:2px;width:120px;height:2px;overflow:hidden}.season-badge-loading-bar>span{background:#ffffff8c;border-radius:2px;height:100%;display:block}.season-badge-preload{opacity:0;pointer-events:none;width:2px;height:2px;position:absolute;overflow:hidden}.season-badge-preload video{width:2px;height:2px}.season-badge-btn:disabled{opacity:1;cursor:default}.season-badge-img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.season-badge-img--under-video{visibility:hidden}.season-badge-out{z-index:2;animation:season-badge-out .18s var(--ease) forwards;position:absolute;inset:0}@keyframes season-badge-out{to{opacity:0;filter:blur(6px);transform:scale(.92)rotate(-4deg)}}.season-badge-placeholder{border:1px solid #ffffff14;border-radius:50%;position:absolute;inset:6%}@media (prefers-reduced-motion:reduce){.season-badge-float,.season-badge-current--in,.season-badge-out{animation:none}.season-badge-stage{transition:none}}@media (width>=768px) and (height<=780px){.season-badge-stage{width:min(var(--badge-size,720px), 64vh)}}@media (width<=767px){.season-badge{pointer-events:auto;position:static}.season-badge-stage{width:clamp(200px,54vw,280px);translate:-16%!important}}.glass-surface{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.2);backdrop-filter:blur(12px)saturate(1.8)brightness(1.2);background:#ffffff1a;border:1px solid #fff3;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}.glass-surface--svg{background:0 0;border:none;box-shadow:inset 0 0 2px 1px oklch(100% 5.96046e-8 none/.35),inset 0 0 10px 4px oklch(100% 5.96046e-8 none/.15),0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,inset 0 4px 16px #11111a0d,inset 0 8px 24px #11111a0d,inset 0 16px 56px #11111a0d}.glass-surface-defs{width:0;height:0;position:absolute}.about-hero{flex-direction:column;min-height:0;display:flex}.about-hero .sec-head{margin-bottom:clamp(20px,3.5vh,40px)}.about-intro{flex:1;grid-template-columns:5fr 7fr;align-items:stretch;gap:clamp(40px,6vw,120px);padding:0 0 clamp(40px,6vh,72px);display:grid}.about-intro-body{flex-direction:column;min-height:100%;display:flex}.about-hello{color:var(--accent);margin-bottom:16px}.about-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--txt);font-size:clamp(56px,7vw,120px);font-weight:800;line-height:1.02}.about-title-dot{color:var(--accent)}.about-title-en{margin-top:18px}.about-lead{color:var(--txt);max-width:58ch;margin-top:28px;font-size:clamp(16px,1.25vw,19px);line-height:1.8}.about-lead--sub{color:var(--txt-2);margin-top:16px;margin-bottom:clamp(32px,5vh,56px);font-size:15px}.about-features{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:24px 32px;margin-top:auto;padding-top:28px;display:grid}.about-feature-label{margin-bottom:12px;display:block}.about-feature-value{color:var(--txt);font-size:15px;line-height:1.7}.about-feature-value em{font-style:normal;font-family:var(--font-display);color:var(--accent);font-size:1.15em;font-weight:800}.about-feature-sep{color:var(--txt-3);margin:0 10px}.about-portrait-tilt,.about-portrait-tilt .tilted-card-inner{height:100%}.about-portrait{width:100%;max-width:var(--portrait-size,400px);background:var(--bg-2);border:1px solid var(--line);border-radius:2px;height:100%;position:relative;overflow:hidden}.about-portrait-track{height:100%;transition:transform .55s var(--ease);will-change:transform;display:flex}.about-portrait-img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;flex:0 0 100%;width:100%;height:100%}.about-portrait-scrim{pointer-events:none;background:linear-gradient(#0000 45%,#0000002e 66%,#0000009e 100%);position:absolute;inset:0}.about-portrait-core{z-index:2;pointer-events:none;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute;bottom:18px;left:20px}.about-portrait-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--txt);font-size:clamp(32px,3vw,48px);font-weight:800;line-height:1.1}.about-portrait-en{color:var(--txt-2)}.about-portrait-arrow{z-index:3;border:1px solid var(--line);width:36px;height:36px;color:var(--txt);cursor:pointer;opacity:0;transition:opacity .3s var(--ease), background .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease);background:#00000059;border-radius:50%;justify-content:center;align-items:center;font-size:15px;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.about-portrait:hover .about-portrait-arrow,.about-portrait-arrow:focus-visible{opacity:1}.about-portrait-arrow:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}.about-portrait-arrow--prev{left:12px}.about-portrait-arrow--next{right:12px}.about-portrait-dots{z-index:3;gap:8px;display:flex;position:absolute;bottom:22px;right:18px}.about-portrait-dot{background:var(--txt-3);cursor:pointer;width:6px;height:6px;transition:background .3s var(--ease), transform .3s var(--ease);border:none;border-radius:50%;padding:0}.about-portrait-dot--active{background:var(--accent);transform:scale(1.35)}.about-xp{border-top:1px solid var(--line);background:var(--bg);flex-direction:column;gap:clamp(72px,12vh,128px);padding:clamp(64px,10vh,104px) 0 clamp(24px,4vh,48px);display:flex;position:relative;overflow:clip hidden}.about-xp-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:24px;width:100%;padding-bottom:24px;display:flex}.about-xp-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--txt);font-size:clamp(34px,4.6vw,72px);font-weight:800;line-height:1.05}.about-xp-hint{color:var(--txt-3);padding-bottom:8px}.about-xp-stage{width:100%;position:relative}.about-xp-track{width:max-content;min-width:100%;padding:0 var(--gutter) 24px;padding-left:max(var(--gutter), calc((100% - var(--wrap)) / 2 + var(--gutter)));will-change:transform;align-items:flex-start;list-style:none;display:flex;position:relative}.about-xp-track:before{content:"";background:var(--line);height:1px;position:absolute;top:30px;left:0;right:0}.about-xp-card{z-index:1;border-left:1px solid var(--line);cursor:pointer;width:clamp(380px,32vw,540px);transition:border-left-color .4s var(--ease), background-color .4s var(--ease);outline:none;flex:none;padding:80px clamp(36px,3vw,64px) 24px clamp(28px,2.5vw,48px);position:relative;overflow:hidden}.about-xp-card:hover,.about-xp-card:focus-visible{border-left-color:var(--accent);background:linear-gradient(color-mix(in srgb, var(--accent) 4%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent) 4%, transparent) 1px, transparent 1px), radial-gradient(180% 220px at 50% 0%, color-mix(in srgb, var(--accent) 25%, transparent), transparent 60%), var(--bg);background-size:36px 36px,36px 36px,100% 100%,100% 100%}.about-xp-card .about-xp-scan{pointer-events:none;opacity:0;background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--accent) 6%, transparent) 48%, color-mix(in srgb, var(--accent) 12%, transparent) 50%, color-mix(in srgb, var(--accent) 6%, transparent) 52%, transparent 100%);transition:opacity .3s var(--ease);position:absolute;inset:0}.about-xp-card:hover .about-xp-scan,.about-xp-card:focus-visible .about-xp-scan{opacity:1;animation:xp-scan 2.5s var(--ease) infinite}@keyframes xp-scan{0%{transform:translateY(-100%)}60%{transform:translateY(100%)}to{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.about-xp-card:hover .about-xp-scan,.about-xp-card:focus-visible .about-xp-scan{animation:none}}.about-xp-num{font-family:var(--font-display);letter-spacing:.06em;white-space:nowrap;color:var(--accent);transition:color .4s var(--ease);padding:2px 0;font-size:clamp(22px,1.9vw,30px);font-weight:500;line-height:1;position:absolute;top:30px;left:clamp(28px,2.5vw,48px);transform:translateY(-50%)}.about-xp-period{font-family:var(--font-mono);letter-spacing:.08em;color:var(--txt-3);margin-left:10px;font-size:.5em;font-weight:400}.about-xp-card:hover .about-xp-num,.about-xp-card:focus-visible .about-xp-num{color:var(--accent)}.about-xp-card:before,.about-xp-card:after{content:"";pointer-events:none;opacity:0;width:10px;height:10px;transition:opacity .4s var(--ease);position:absolute}.about-xp-card:before{border-top:1.5px solid var(--accent);border-left:1.5px solid var(--accent);top:8px;left:8px}.about-xp-card:after{border-bottom:1.5px solid var(--accent);border-right:1.5px solid var(--accent);bottom:8px;right:8px}.about-xp-card:hover:before,.about-xp-card:hover:after,.about-xp-card:focus-visible:before,.about-xp-card:focus-visible:after{opacity:1}.about-xp-company{font-family:var(--font-display);letter-spacing:-.01em;color:var(--txt);font-size:clamp(21px,1.7vw,28px);font-weight:800;line-height:1.3}.about-xp-org{color:#edede8c7;margin-top:10px;display:block}.about-xp-role{border-left:2px solid var(--accent);color:var(--txt);margin-top:20px;padding-left:12px;font-size:15px;font-weight:600;line-height:1.5}.about-xp-hl{color:var(--txt-2);margin-top:14px;font-size:14px;line-height:1.75}.about-xp-more{color:var(--txt-2);transition:color .25s var(--ease);background:0 0;border:none;align-items:center;gap:6px;margin-top:16px;padding:0;display:inline-flex}.about-xp-more-icon{transition:transform .25s var(--ease);display:inline-block}.about-xp-card:hover .about-xp-more,.about-xp-card:focus-visible .about-xp-more{color:var(--accent)}.about-xp-card:hover .about-xp-more-icon,.about-xp-card:focus-visible .about-xp-more-icon{transform:rotate(90deg)}.about-stats{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:24px 32px;margin-top:clamp(72px,10vh,120px);padding-top:clamp(32px,4vh,48px);display:grid}.about-stat{flex-direction:column;gap:12px;display:flex}.about-stat-num{font-family:var(--font-display);letter-spacing:-.02em;color:var(--txt);font-size:clamp(36px,4vw,64px);font-weight:800;line-height:1}.about-stat-plus{color:var(--accent)}.about-stat-label{color:var(--txt-3)}.about-contacts{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:24px 32px;margin-top:clamp(40px,6vh,64px);padding-top:28px;display:grid}.about-contact{flex-direction:column;gap:8px;display:flex}.about-contact-label{color:var(--txt-3)}.about-contact-value{color:var(--txt);word-break:break-all;transition:color .3s var(--ease);font-size:15px}a.about-contact-value:hover{color:var(--accent)}@media (width<=767px){.about-hero{min-height:0}.about-intro{grid-template-columns:1fr;align-items:start;gap:40px;padding:8px 0 32px}.about-portrait-tilt,.about-portrait-tilt .tilted-card-inner{height:auto}.about-portrait{aspect-ratio:4/3;width:100%;max-width:560px;height:auto;margin-inline:auto}.about-features{grid-template-columns:1fr;gap:20px}.about-xp{border-top:none;gap:40px;min-height:0;padding:40px 0 0}.about-xp-hint{display:none}.about-xp-track{flex-direction:column;gap:48px;width:auto;min-width:0;transform:none!important}.about-xp-track:before{top:8px;bottom:8px;left:calc(var(--gutter) + 4px);width:1px;height:auto;right:auto}.about-xp-card{border-left:none;width:100%;padding:0 0 0 28px}.about-xp-num{background:0 0;margin-bottom:12px;padding:0;font-size:17px;display:inline-block;position:static;transform:none}.about-xp-period{font-size:12px}.about-xp-card:hover .about-xp-num,.about-xp-card:focus-visible .about-xp-num{transform:none}.about-contacts,.about-stats{grid-template-columns:repeat(2,1fr)}}.xp-modal{z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:xp-modal-in .3s var(--ease);background:#000000e0;justify-content:center;align-items:center;padding:clamp(16px,4vw,48px);display:flex;position:fixed;inset:0}@keyframes xp-modal-in{0%{opacity:0}to{opacity:1}}.xp-modal-panel{background: linear-gradient(#ffffff07 1px, transparent 1px), linear-gradient(90deg, #ffffff07 1px, transparent 1px), radial-gradient(120% 220px at 50% -60px, color-mix(in srgb, var(--accent) 7%, transparent), transparent 70%), var(--bg-2);border:1px solid var(--line-2);width:min(760px,100%);max-height:88vh;animation:xp-panel-in .45s var(--ease);background-size:44px 44px,44px 44px,100% 100%,100% 100%;border-radius:4px;position:relative;overflow:hidden}.xp-modal-scroll{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;max-height:88vh;overflow-y:auto}@keyframes xp-panel-in{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:none}}.xp-modal-brackets{pointer-events:none;position:absolute;inset:0}.xp-modal-panel:before,.xp-modal-panel:after,.xp-modal-brackets:before,.xp-modal-brackets:after{content:"";z-index:1;pointer-events:none;width:14px;height:14px;position:absolute}.xp-modal-panel:before{border-top:2px solid var(--accent);border-left:2px solid var(--accent);top:10px;left:10px}.xp-modal-panel:after{border-top:2px solid var(--accent);border-right:2px solid var(--accent);top:10px;right:10px}.xp-modal-brackets:before{border-bottom:2px solid var(--accent);border-left:2px solid var(--accent);box-shadow:none;bottom:10px;left:10px}.xp-modal-brackets:after{border-bottom:2px solid var(--accent);border-right:2px solid var(--accent);bottom:10px;right:10px}.xp-modal-close{z-index:2;border:1px solid var(--line-2);width:42px;height:42px;color:var(--txt);cursor:pointer;transition:background-color .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease);background:#00000080;border-radius:0;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex;position:absolute;top:16px;right:16px}.xp-modal-close:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}.xp-modal-body{padding:clamp(32px,4.5vw,56px) clamp(28px,4vw,52px)}.xp-modal-meta{letter-spacing:.14em;align-items:center;gap:14px;font-size:11px;display:flex}.xp-modal-meta-tag{border:1px solid var(--line-2);color:var(--txt-3);padding:4px 8px}.xp-modal-period{color:var(--accent)}.xp-modal-company{font-family:var(--font-display);letter-spacing:-.02em;color:var(--txt);margin-top:16px;font-size:clamp(24px,2.6vw,34px);font-weight:800;line-height:1.25}.xp-modal-subline{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:14px;display:flex}.xp-modal-org{border:1px solid var(--line-2);letter-spacing:.08em;color:var(--txt-2);padding:4px 8px;font-size:11px}.xp-modal-role{border-left:2px solid var(--accent);color:var(--txt);padding-left:12px;font-size:15px;font-weight:600;line-height:1.5}.xp-modal-summary{color:var(--txt-2);margin-top:20px;font-size:15px;line-height:1.8}.xp-modal-sec-label{letter-spacing:.14em;color:var(--txt-3);align-items:center;gap:8px;font-size:11px;display:flex}.xp-modal-sec-sq{background:var(--accent);width:6px;height:6px}.xp-modal-intro{border:1px solid var(--line);border-left:2px solid var(--accent);background:#ffffff08;margin-top:28px;padding:18px 20px 20px}.xp-modal-intro-text{color:var(--txt-2);margin-top:12px;font-size:14px;line-height:1.85}.xp-modal-groups{flex-direction:column;gap:28px;margin-top:32px;display:flex}.xp-modal-group{border-top:1px solid var(--line);padding-top:18px}.xp-modal-group-label{letter-spacing:.12em;color:var(--txt);align-items:baseline;gap:10px;margin-bottom:16px;font-size:12px;display:flex}.xp-modal-group-no{color:var(--accent);font-style:normal}.xp-modal-details-list{flex-direction:column;gap:12px;display:flex}.xp-modal-details-item{color:var(--txt-2);padding-left:16px;font-size:14px;line-height:1.8;position:relative}.xp-modal-details-item:before{content:"";background:var(--accent);width:5px;height:5px;position:absolute;top:.78em;left:0}@media (prefers-reduced-motion:reduce){.xp-modal,.xp-modal-panel{animation:none}}.tilted-card{perspective:900px;position:relative}.tilted-card-inner{transform-style:preserve-3d;will-change:transform;position:relative}.adv-grid{grid-template-columns:1fr;align-items:stretch;display:grid}@media (width>=1200px){.adv-grid{grid-template-columns:1fr 1fr}}.adv-card{background:var(--bg);border:1px solid var(--line);transition:border-color .3s var(--ease);flex-direction:column;margin:-1px 0 0 -1px;padding:clamp(28px,3vw,48px);display:flex;position:relative;overflow:hidden}.adv-card:hover{border-color:var(--line-2);z-index:1}.adv-card:after{content:"";background:conic-gradient(from 90deg at var(--mx,50%) var(--my,50%), transparent 0%, var(--accent) 9%, transparent 30%);-webkit-mask-composite:xor;opacity:0;transition:opacity .45s var(--ease);pointer-events:none;z-index:2;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.adv-card:hover:after{opacity:.85}.adv-canvas{pointer-events:none;z-index:0;width:36%;height:100%;position:absolute;top:0;bottom:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 32%);mask-image:linear-gradient(90deg,#0000 0,#000 32%)}.adv-no,.adv-title,.adv-desc,.adv-tags{z-index:1;position:relative}@media (width<=1199px){.adv-canvas{width:32%}}@media (width<=767px){.adv-grid{grid-template-columns:1fr 1fr}.adv-canvas{display:none}.adv-card{padding:18px 16px}.adv-no{margin-bottom:12px;font-size:10px}.adv-title{margin-bottom:10px;font-size:16px;line-height:1.25}.adv-desc{font-size:12.5px;line-height:1.7}.adv-tags{gap:6px;padding-top:16px}.adv-tag{letter-spacing:.1em;padding:4px 7px;font-size:9px}}.adv-no{font-family:var(--font-mono);letter-spacing:.14em;color:var(--accent);margin-bottom:22px;font-size:12px;display:block}.adv-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:14px;font-size:clamp(22px,2vw,28px);font-weight:700;line-height:1.15}.adv-desc{color:var(--txt-2);font-size:15px;line-height:1.8}.adv-tags{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:28px;display:flex}.adv-tag{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--txt-3);border:1px solid var(--line);border-radius:0;padding:5px 10px;font-size:10px}.archive{position:relative}.archive-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;margin-bottom:20px;display:flex}.archive-heading{font-family:var(--font-display);letter-spacing:-.02em;color:var(--txt);font-size:clamp(24px,2.8vw,40px);font-weight:800;line-height:1.05}.archive-filters{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px 28px;margin-bottom:8px;padding-bottom:20px;display:flex}.archive-filter{appearance:none;letter-spacing:.12em;text-transform:uppercase;color:var(--txt-3);cursor:pointer;transition:color .3s var(--ease);background:0 0;border:0;padding:4px 0 10px;font-size:11px;position:relative}.archive-filter:before{content:"●";vertical-align:2px;color:var(--accent);opacity:0;transition:opacity .3s var(--ease), transform .3s var(--ease);margin-right:7px;font-size:7px;display:inline-block;transform:scale(.4)}.archive-filter:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform .45s var(--ease);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.archive-filter:hover{color:var(--txt)}.archive-filter.is-active{color:var(--accent)}.archive-filter.is-active:before{opacity:1;transform:scale(1)}.archive-filter.is-active:after{transform:scaleX(1)}.archive-filter-count{color:var(--txt-3);opacity:.75;margin-left:6px}.archive-filter.is-active .archive-filter-count{color:var(--accent);opacity:.85}.archive-list{margin:0;padding:0;list-style:none}.archive-row{border-bottom:1px solid var(--line);cursor:pointer;opacity:0;animation:archive-row-in .55s var(--ease) forwards;transition:background-color .3s var(--ease);outline:none;grid-template-columns:52px minmax(0,1.1fr) minmax(0,1fr) auto;align-items:baseline;gap:24px;padding:22px 8px;display:grid;transform:translateY(14px)}@keyframes archive-row-in{to{opacity:1;transform:translateY(0)}}.archive-row:focus-visible{box-shadow:inset 2px 0 0 var(--accent);background:#ffffff08}.archive-list.has-hover .archive-row:not(.is-hover){opacity:.45}.archive-list.has-hover .archive-row{transition:background-color .3s var(--ease), opacity .35s var(--ease)}.archive-no{letter-spacing:.1em;color:var(--txt-3);transition:color .3s var(--ease);font-size:11px}.archive-title{font-family:var(--font-display);letter-spacing:.01em;color:var(--txt);transition:color .35s var(--ease), transform .45s var(--ease);font-size:clamp(20px,2.4vw,32px);font-weight:650;line-height:1.15}.archive-desc{color:var(--txt-3);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;line-height:1.6;overflow:hidden}.archive-meta{letter-spacing:.1em;color:var(--txt-3);white-space:nowrap;transition:color .3s var(--ease);font-size:11px}.archive-row.is-hover .archive-title{color:var(--accent);transform:translate(10px)}.archive-row.is-hover .archive-no,.archive-row.is-hover .archive-meta{color:var(--txt-2)}.archive-preview{aspect-ratio:16/10;pointer-events:none;z-index:60;opacity:0;visibility:hidden;border:1px solid var(--line-2);background:var(--bg-3);width:clamp(320px,28vw,400px);transition:opacity .35s var(--ease), visibility .35s var(--ease);will-change:transform;border-radius:8px;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 24px 64px #0000008c,0 4px 16px #0006}.archive-preview.is-visible{opacity:1;visibility:visible}.archive-preview img{object-fit:cover;width:100%;height:100%;animation:archive-preview-in .4s var(--ease);display:block}@keyframes archive-preview-in{0%{opacity:.35;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@media (width<=1100px){.archive-row{grid-template-columns:44px minmax(0,1fr) auto}.archive-desc{display:none}}@media (width<=720px){.archive-preview{display:none}.archive-filters{gap:6px 20px}.archive-row{grid-template-columns:36px 1fr;grid-template-areas:"no title""no meta";gap:8px 14px;padding:18px 4px}.archive-no{grid-area:no;align-self:start;padding-top:4px}.archive-title{grid-area:title;font-size:clamp(19px,5.4vw,24px)}.archive-meta{grid-area:meta}.archive-row.is-hover .archive-title{transform:translate(4px)}.archive-list.has-hover .archive-row:not(.is-hover){opacity:1}}@media (prefers-reduced-motion:reduce){.archive-row{opacity:1;animation:none;transform:none}.archive-preview img{animation:none}}.works-stage{height:0}.works-viewport{display:none}body.helix-on .works-viewport{background:var(--bg);height:100vh;display:block;position:sticky;top:0;overflow:hidden}.works-bgtext{z-index:0;font-family:var(--font-display);letter-spacing:-.02em;text-align:center;white-space:nowrap;color:#edede809;-webkit-text-stroke:1px #edede833;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(56px,15vw,240px);font-weight:800;line-height:.92;display:flex;position:absolute;inset:0}.work-modal{z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:work-modal-in .3s var(--ease);background:#0b0b0cdb;justify-content:center;align-items:center;padding:clamp(16px,4vw,48px);display:flex;position:fixed;inset:0}@keyframes work-modal-in{0%{opacity:0}to{opacity:1}}.work-modal-panel{background:var(--bg-2);border:1px solid var(--line);width:min(940px,100%);max-height:88vh;animation:work-panel-in .45s var(--ease);border-radius:14px;position:relative;overflow-y:auto}@keyframes work-panel-in{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:none}}.work-modal-media{aspect-ratio:16/9;background:var(--bg);border-radius:13px 13px 0 0;overflow:hidden}.work-modal-media img{object-fit:cover;width:100%;height:100%}.work-modal-close{z-index:2;border:1px solid var(--line);width:42px;height:42px;color:var(--txt);transition:background-color .3s var(--ease), color .3s var(--ease), border-color .3s var(--ease);background:#0b0b0c9e;border-radius:50%;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex;position:absolute;top:14px;right:14px}.work-modal-close:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}.work-modal-body{padding:clamp(20px,3vw,32px)}.work-modal-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(22px,2.2vw,30px);font-weight:800}.work-modal-meta{margin-top:8px}.work-modal-desc{color:var(--txt-2);margin-top:14px;font-size:15px;line-height:1.8}@media (prefers-reduced-motion:reduce){.work-modal,.work-modal-panel{animation:none}}.works-mobile{margin-top:clamp(28px,8vw,48px);display:none}@media (width<=767px){.works-mobile{display:block}}body.helix-off .works-mobile{display:block}.works-mobile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (width<=420px){.works-mobile-grid{grid-template-columns:minmax(0,1fr)}}.works-mobile-card{text-align:left;background:var(--bg-2);border:1px solid var(--line);cursor:pointer;width:100%;color:var(--txt);transition:border-color .3s var(--ease), transform .3s var(--ease);border-radius:12px;flex-direction:column;padding:0;display:flex;overflow:hidden}.works-mobile-card:active{border-color:var(--accent);transform:scale(.985)}.works-mobile-thumb{aspect-ratio:16/10;background:var(--bg);display:block;overflow:hidden}.works-mobile-thumb img{object-fit:cover;width:100%;height:100%;display:block}.works-mobile-info{align-items:center;gap:10px;padding:12px 14px;display:flex}.works-mobile-no{color:var(--accent);opacity:.85;flex:none;font-size:11px}.works-mobile-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.works-mobile-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:1.35;overflow:hidden}.works-mobile-meta{color:var(--txt-2);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.works-mobile-arrow{color:var(--txt-2);transition:color .3s var(--ease), transform .3s var(--ease);flex:none;font-size:14px}.works-mobile-card:active .works-mobile-arrow{color:var(--accent);transform:translate(2px)}@media (prefers-reduced-motion:reduce){.works-mobile-card,.works-mobile-arrow{transition:none}}.contact{border-top:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:100vh;display:flex}.contact-inner{flex-direction:column;flex:1;justify-content:center;width:100%;padding-top:clamp(96px,14vh,180px);padding-bottom:clamp(64px,8vh,120px);display:flex}.contact-hero{max-width:100%}.contact-no{color:var(--accent);margin-bottom:clamp(24px,4vh,44px)}.contact-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(56px,8vw,140px);font-weight:800;line-height:1}.contact-en{color:var(--accent);margin-top:clamp(20px,3vh,36px);font-family:Georgia,Times New Roman,serif;font-size:clamp(20px,2.4vw,36px);font-style:italic;line-height:1.3}.contact-mail{font-family:var(--font-display);letter-spacing:-.01em;border-bottom:1px solid var(--line-2);transition:color .3s var(--ease), border-color .3s var(--ease);margin-top:clamp(40px,6vh,72px);padding-bottom:10px;font-size:clamp(20px,3vw,44px);font-weight:700;line-height:1.2;display:inline-block}.contact-mail:hover{color:var(--accent);border-bottom-color:var(--accent)}.contact-grid{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:clamp(24px,3vw,48px);margin-top:clamp(64px,10vh,120px);padding-top:clamp(28px,4vh,44px);display:grid}.contact-cell{flex-direction:column;gap:10px;display:flex}.contact-cell-label{color:var(--txt-3)}.contact-cell-value{color:var(--txt);word-break:break-all;font-size:15px;line-height:1.6}a.contact-cell-value{transition:color .3s var(--ease)}a.contact-cell-value:hover{color:var(--accent)}.contact-foot{border-top:1px solid var(--line)}.contact-foot-inner{justify-content:space-between;align-items:center;gap:24px;padding-top:26px;padding-bottom:26px;display:flex}.contact-foot-mid{color:var(--txt-3);font-size:13px}.contact-top{transition:color .3s var(--ease)}.contact-top:hover{color:var(--accent)}@media (width<=860px){.contact-grid{grid-template-columns:repeat(2,1fr)}.contact-foot-inner{flex-direction:column;align-items:flex-start;gap:12px}}.gradual-blur{pointer-events:none}.gradual-blur-layer{position:absolute;inset:0}.season-ambience{z-index:1;pointer-events:none;opacity:1;transition:opacity .5s var(--ease);position:fixed;inset:0;overflow:hidden}.season-ambience--hidden{opacity:0}.season-ambience-fade{position:absolute;inset:0}.season-ambience-layer{will-change:transform;width:100%;height:200vh;position:absolute;top:0;left:0}.season-ambience-layer canvas{width:100%;height:100%;display:block}.tuning-gear{z-index:300;border:1px solid var(--line-2);background:var(--bg-3);width:44px;height:44px;color:var(--txt-2);cursor:pointer;transition:transform .5s var(--ease), color .3s var(--ease), border-color .3s var(--ease);border-radius:50%;place-items:center;padding:0;display:grid;position:fixed;bottom:20px;right:20px}.tuning-gear:hover{color:var(--accent);border-color:var(--accent);transform:rotate(90deg)}.tuning-gear.is-open{color:var(--accent)}.tuning-panel{z-index:300;border:1px solid var(--line);background:var(--bg-2);width:300px;max-height:70vh;animation:tuning-panel-in .35s var(--ease);border-radius:12px;padding:16px 16px 14px;position:fixed;bottom:76px;right:20px;overflow-y:auto;box-shadow:0 8px 32px #00000080,0 2px 8px #0006}@keyframes tuning-panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tuning-panel::-webkit-scrollbar{width:4px}.tuning-panel::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:2px}.tuning-panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.tuning-panel-title{letter-spacing:.14em;color:var(--txt-3);font-size:10px}.tuning-group{margin-bottom:4px}.tuning-group-title{width:100%;font-family:var(--font-display);color:var(--txt);cursor:pointer;transition:color .25s var(--ease);background:0 0;border:0;justify-content:space-between;align-items:center;margin:0;padding:8px 0;font-size:12px;font-weight:600;display:flex}.tuning-group-title:hover{color:var(--accent)}.tuning-group-chevron{color:var(--txt-3);transition:transform .35s var(--ease), color .25s var(--ease);flex-shrink:0}.tuning-group-title:hover .tuning-group-chevron,.tuning-group-title.is-open .tuning-group-chevron{color:var(--accent)}.tuning-group-title.is-open .tuning-group-chevron{transform:rotate(180deg)}.tuning-group-body{opacity:0;max-height:0;transition:max-height .45s var(--ease), opacity .3s var(--ease);overflow:hidden}.tuning-group-body.is-open{opacity:1;max-height:1400px}.tuning-group-inner{padding:4px 0 10px}.tuning-row{margin-bottom:10px}.tuning-row-head{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.tuning-label{color:var(--txt-2);font-size:11px}.tuning-value{color:var(--accent);font-size:10px}.tuning-slider{appearance:none;background:var(--line-2);cursor:pointer;border-radius:1px;outline:none;width:100%;height:2px;margin:0;display:block}.tuning-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);width:12px;height:12px;transition:transform .2s var(--ease);border:none;border-radius:50%}.tuning-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.tuning-slider::-moz-range-thumb{background:var(--accent);width:12px;height:12px;transition:transform .2s var(--ease);border:none;border-radius:50%}.tuning-slider::-moz-range-thumb:hover{transform:scale(1.25)}.tuning-actions{border-top:1px solid var(--line);gap:8px;margin-top:4px;padding-top:12px;display:flex}.tuning-btn{border:1px solid var(--line-2);font-family:var(--font-display);color:var(--txt-2);cursor:pointer;transition:color .25s var(--ease), border-color .25s var(--ease), background .25s var(--ease);background:0 0;border-radius:8px;flex:1;padding:8px 0;font-size:11px}.tuning-btn:hover{color:var(--txt);border-color:var(--txt-2)}.tuning-btn--accent{border-color:color-mix(in srgb, var(--accent) 40%, transparent);color:var(--accent)}.tuning-btn--accent:hover{background:color-mix(in srgb, var(--accent) 12%, transparent);border-color:var(--accent);color:var(--accent)}.tuning-btn--accent.is-copied{background:var(--accent);border-color:var(--accent);color:var(--bg)}.tuning-color{border:1px solid var(--line-2);cursor:pointer;background:0 0;border-radius:6px;width:100%;height:26px;padding:0}.tuning-switch{border:1px solid var(--line-2);background:var(--bg-3);cursor:pointer;width:34px;height:18px;transition:background .25s var(--ease), border-color .25s var(--ease);border-radius:9px;padding:0;position:relative}.tuning-switch-knob{background:var(--txt-3);width:12px;height:12px;transition:transform .25s var(--ease), background .25s var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.tuning-switch.is-on{background:color-mix(in srgb, var(--accent) 22%, transparent);border-color:var(--accent)}.tuning-switch.is-on .tuning-switch-knob{background:var(--accent);transform:translate(16px)}