.chroma-grid{grid-template-columns:repeat(var(--cols,3), 320px);box-sizing:border-box;--x:50%;--y:50%;--r:220px;grid-auto-rows:auto;justify-content:center;gap:.75rem;width:100%;max-width:1200px;height:100%;margin:0 auto;padding:1rem;display:grid;position:relative}@media (width<=1124px){.chroma-grid{grid-template-columns:repeat(auto-fit,minmax(320px,320px));gap:.5rem;padding:.5rem}}@media (width<=480px){.chroma-grid{grid-template-columns:320px;gap:.75rem;padding:1rem}}.chroma-card{corner-shape:squircle;isolation:isolate;--grid-x:50%;--grid-y:50%;--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff4d;background:#050505;border:1px solid #333;border-radius:28px;width:320px;height:100%;transition:border-color .3s;display:block;position:relative;overflow:hidden}.chroma-card:hover{border-color:var(--card-border)}.chroma-card-surface{z-index:1;background:var(--card-gradient);filter:grayscale()brightness(.78);flex-direction:column;width:100%;min-height:100%;display:flex;position:relative}.chroma-card-highlight{z-index:2;filter:none;opacity:0;pointer-events:none;-webkit-mask-image:radial-gradient(circle var(--r) at var(--grid-x) var(--grid-y), white 0%, white 10%, #000000f6 24%, #000000e6 40%, #000000c7 58%, #0009 76%, #0000005c 91%, transparent 100%);mask-image:radial-gradient(circle var(--r) at var(--grid-x) var(--grid-y), white 0%, white 10%, #000000f6 24%, #000000e6 40%, #000000c7 58%, #0009 76%, #0000005c 91%, transparent 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--grid-x) var(--grid-y), white 0%, white 10%, #000000f6 24%, #000000e6 40%, #000000c7 58%, #0009 76%, #0000005c 91%, transparent 100%);transition:opacity .18s;position:absolute;inset:0}.chroma-grid.is-active .chroma-card-highlight{opacity:1}.chroma-card:before{content:"";z-index:3;border-radius:inherit;corner-shape:inherit;pointer-events:none;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), #ffffff2e, transparent 68%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.chroma-card:hover:before{opacity:1}.chroma-img-wrapper{z-index:1;aspect-ratio:32/21;box-sizing:border-box;background:0 0;flex:none;width:100%;padding:10px;transition:background .3s;position:relative}.chroma-img-wrapper img{object-fit:cover;corner-shape:squircle;background:#ffffff09;border-radius:20px;width:calc(100% - 20px);height:calc(100% - 20px);display:block;position:absolute;inset:10px}.chroma-info{z-index:1;color:#fff;flex-direction:column;flex:1;gap:.25rem;padding:.75rem 1rem;font-family:system-ui,sans-serif;display:flex;position:relative}.chroma-card.has-links .chroma-info{padding-bottom:3.3rem}.chroma-title-row{align-items:center;gap:.45rem;min-width:0;display:flex}.chroma-badge{color:#ffffffbd;letter-spacing:.02em;text-transform:uppercase;-webkit-user-select:none;user-select:none;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;flex:none;padding:.14rem .42rem;font-size:.58rem;font-weight:650;line-height:1.1}.chroma-info .role,.chroma-link{color:#aaa}.chroma-links{z-index:4;align-items:center;gap:.35rem;min-height:2rem;display:flex;position:absolute;bottom:.72rem;left:1rem;right:1rem}.chroma-link{border-radius:50%;flex:0 0 2rem;justify-content:center;align-items:center;width:2rem;height:2rem;text-decoration:none;transition:background-color .18s,color .18s,transform .18s;display:inline-flex}.chroma-link:hover{color:#fff;background:#ffffff1f;transform:translateY(-1px)}.chroma-link svg{fill:currentColor;width:1.12rem;height:1.12rem}.chroma-link-play-store svg{width:1.18rem;height:1.18rem;transform:translate(.03rem)}.chroma-link-fdroid svg{width:1.14rem;height:1.14rem}.chroma-overlay,.chroma-fade{display:none}.side-rays-container{z-index:3;pointer-events:none;width:100%;height:100%;position:relative;overflow:hidden}:root{color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#120f17;font-family:PingFang SC,PingFang TC,Hiragino Sans GB,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{background:#120f17}body{background:#120f17;min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}.site-shell{z-index:1;width:100%;min-height:100vh;padding:48px 24px 64px;position:relative}.page-background{z-index:0;pointer-events:none;background:radial-gradient(circle at 18% 0,#7e57ff1c,#0000 34rem),#120f17;position:fixed;inset:0;overflow:hidden}.page-background:after{content:"";z-index:4;background:radial-gradient(circle at 78% 4%,#0000 0 22rem,#120f1726 36rem),linear-gradient(#120f170d,#120f17db 84%),linear-gradient(90deg,#120f17c7,#0000 38%,#120f1729);position:absolute;inset:0}.page-background .side-rays-container{position:absolute;inset:0}.site-header{width:min(1110px,100%);margin:0 auto}.intro{text-align:center;justify-items:center;gap:22px;max-width:900px;margin:0 auto;padding:54px 0;display:grid}.intro h1{color:#ffffffeb;letter-spacing:0;-webkit-user-select:none;user-select:none;justify-items:center;gap:8px;margin:0;font-size:clamp(42px,6.4vw,78px);font-weight:760;line-height:.92;display:grid}.intro-line{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.12em .22em;display:flex}.selected-name{color:#b9d8ff;isolation:isolate;padding:0 .08em .02em;line-height:.94;display:inline-block;position:relative}.selected-name:before{content:"";z-index:-1;transform-origin:0;background:#2959d6c7;animation:.86s cubic-bezier(.16,1,.3,1) .22s forwards selected-name-slide;position:absolute;inset:.48em 0 .02em;transform:scaleX(0)}.selected-name:after{content:"";z-index:2;opacity:0;background:#c6e0fff2;width:2px;animation:.86s cubic-bezier(.16,1,.3,1) .22s forwards selected-name-caret;position:absolute;top:.48em;bottom:.02em;left:0}.name-pronunciation{color:#becde2a3;font-size:.42em;font-weight:500;line-height:1}.intro-role{color:#ffffffd1;margin:0;font-size:clamp(20px,2.25vw,28px);font-weight:560;line-height:1.35}.projects-section{width:min(1200px,100%);min-height:620px;margin:0 auto;position:relative}.chroma-info .name,.chroma-info .role{margin:0}.chroma-info .name{color:#fff;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap;min-width:0;font-size:1.05rem;font-weight:650;line-height:1.2;overflow:hidden}.chroma-info .role{font-size:.84rem;line-height:1.35}@media (width<=768px){.site-shell{padding:28px 16px 48px}.site-header{padding-inline:clamp(18px,6vw,32px)}.intro{gap:18px;padding:44px 0 40px}.intro h1{font-size:clamp(36px,11.5vw,54px)}.name-pronunciation{width:100%;margin-top:6px;font-size:.34em;display:block}.intro-role{font-size:clamp(18px,5vw,22px)}.projects-section{min-height:0}}@keyframes selected-name-slide{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes selected-name-caret{0%{opacity:0;left:0}12%,86%{opacity:1}to{opacity:0;left:calc(100% - 2px)}}@media (width<=390px){.site-shell{padding-inline:8px}.site-header{padding-inline:18px}.intro h1{font-size:clamp(35px,11.2vw,44px)}.chroma-grid{transform-origin:top;transform:scale(.92)}}