body{--bg:#101012;--panel:#17171a;--line:#262629;--ink:#f1f0ed;--muted:#9c9ca3;--faint:#6e6e75;--acc:#7f9bff;--chip:#1e1e22;--felt:#11241a;--feltline:#1d3a29;--feltink:#a9cdb6;--sea:#0a1a24;--sealine:#143246;--seaink:#8fc3e0;--deep:#04223a;--embed-filter:invert(.9) hue-rotate(180deg) contrast(.95);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Instrument Sans,system-ui,sans-serif;transition:background .25s,color .25s}@media (prefers-color-scheme:light){body:not([data-theme=dark]){--bg:#f5f4f0;--panel:#fff;--line:#e3e1db;--ink:#17171a;--muted:#5c5c63;--faint:#85858c;--acc:#2f55d4;--chip:#efede8;--felt:#e4efe7;--feltline:#c6dacd;--feltink:#2f5a40;--sea:#e3eef5;--sealine:#c3d9e7;--seaink:#24536f;--deep:#9fcbe6;--embed-filter:none}}body[data-theme=light]{--bg:#f5f4f0;--panel:#fff;--line:#e3e1db;--ink:#17171a;--muted:#5c5c63;--faint:#85858c;--acc:#2f55d4;--chip:#efede8;--felt:#e4efe7;--feltline:#c6dacd;--feltink:#2f5a40;--sea:#e3eef5;--sealine:#c3d9e7;--seaink:#24536f;--deep:#9fcbe6;--embed-filter:none}*,:before,:after{box-sizing:border-box}a{color:inherit;text-decoration:none}a:hover{color:var(--acc)}::selection{background:var(--acc);color:#fff}input::placeholder,textarea::placeholder{color:var(--faint)}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.hov-chip:hover{background:var(--chip)}.hov-acc-border:hover{border-color:var(--acc)}.hov-acc-border.hov-ink:hover{color:var(--ink)}.hov-acc:hover,.hov-acc:hover *{color:var(--acc)}.hov-more:hover{border-color:var(--acc);color:var(--acc)}.proj-card{transform:rotate(var(--rot));transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.proj-card:hover{color:var(--ink);transform:rotate(0)translateY(-6px);box-shadow:0 18px 40px #00000040}.tile{transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s}.tile:hover{border-color:var(--hue);color:var(--ink);transform:translateY(-3px)}.hov-fade:hover{opacity:.85;color:var(--bg)}.hov-sea:hover{border-color:var(--seaink)}.stamp:hover{filter:brightness(1.25)}.hov-avatar:hover{border-color:var(--acc)}@media (min-width:760px) and (max-width:1239px){.dives-wrap{padding-right:104px!important}}.depth-gauge{display:none}@media (min-width:760px){.depth-gauge{display:block}}.dive-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:170px;grid-auto-flow:dense;gap:10px;display:grid}.dive-grid .large{grid-area:span 2/span 2}.dive-grid .tall{grid-row:span 2}.dive-grid .wide{grid-column:span 2}.dive-tile img{transition:transform .4s}.dive-tile:hover{border-color:var(--seaink)!important}.dive-tile:hover img{transform:scale(1.04)}@media (max-width:640px){.dive-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:200px}.dive-grid .large,.dive-grid .wide{grid-column:span 1}}.code span{color:var(--shiki-dark)}@media (prefers-color-scheme:light){body:not([data-theme=dark]) .code span{color:var(--shiki-light)}}body[data-theme=light] .code span{color:var(--shiki-light)}.home-aside{position:sticky;top:88px}@media (max-width:780px){.home-aside{margin-inline:auto;position:static}}.hr-felt{padding:44px 52px}.hr-table{aspect-ratio:16/9.5}@media (max-width:640px){.hr-felt{padding:40px 28px}.hr-table{aspect-ratio:4/5}}body{--dl-day:#f5f4f0;--dl-night:#101012;--dl-shadow:#030307;--dl-bounce:#1b293f;--dl-opacity:.3;--dl-shutter:80px;--dl-gap:20px;--dl-tilt:matrix3d(.8333, .0833, 0, .0003, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);--dl-anim:sunset;--dl-duration:1.5s}@media (prefers-color-scheme:light){body:not([data-theme=dark]){--dl-shadow:#1a1917;--dl-bounce:#fffffc;--dl-opacity:.07;--dl-shutter:40px;--dl-gap:60px;--dl-tilt:matrix3d(.75, -.0625, 0, .0008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);--dl-anim:sunrise;--dl-duration:1s}}body[data-theme=light]{--dl-shadow:#1a1917;--dl-bounce:#fffffc;--dl-opacity:.07;--dl-shutter:40px;--dl-gap:60px;--dl-tilt:matrix3d(.75, -.0625, 0, .0008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);--dl-anim:sunrise;--dl-duration:1s}#dappled-light{--timing-fn:cubic-bezier(.455, .19, 0, .985);z-index:-1;pointer-events:none;isolation:isolate;animation-timing-function:linear;animation-fill-mode:forwards;position:fixed;inset:0;overflow:hidden}body.animation-ready #dappled-light{animation-name:var(--dl-anim);animation-duration:var(--dl-duration)}#dappled-light #glow,#dappled-light #glow-bounce{opacity:.5;position:absolute;inset:0}#dappled-light #glow{background:linear-gradient(309deg, var(--dl-bounce), var(--dl-bounce) 20%, transparent)}#dappled-light #glow-bounce{background:linear-gradient(355deg, var(--dl-bounce) 0%, transparent 30%, transparent 100%)}#dappled-light .perspective{width:80vw;height:130vh;opacity:var(--dl-opacity);background-blend-mode:darken;transform-origin:100% 0;transform-style:preserve-3d;transform:var(--dl-tilt);transition:transform 1.7s var(--timing-fn), opacity 4s ease;position:absolute;top:-30vh;right:0}#dappled-light #leaves{perspective:400px;background:url(/images/leaves.webp) 0 0/cover no-repeat;width:1600px;height:1400px;animation:8s ease-in-out infinite billow;position:absolute;bottom:0;right:-600px}#dappled-light #blinds{width:100%;position:relative}#dappled-light .shutter,#dappled-light .bar{background-color:var(--dl-shadow)}#dappled-light .shutter{width:100%;height:var(--dl-shutter);transition:height 1s var(--timing-fn)}#dappled-light .shutters{align-items:end;gap:var(--dl-gap);transition:gap 1s var(--timing-fn);flex-direction:column;display:flex}#dappled-light .vertical{justify-content:space-around;display:flex;position:absolute;inset:0}#dappled-light .bar{width:12px;height:100%}#dappled-light #progressive-blur,#dappled-light #progressive-blur>div{position:absolute;inset:0}#dappled-light #progressive-blur>div{-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));-webkit-mask-image:linear-gradient(252deg, transparent, transparent var(--s1), black var(--s2), black);mask-image:linear-gradient(252deg, transparent, transparent var(--s1), black var(--s2), black)}#dappled-light #progressive-blur>div:first-child{--blur:8px;--s1:0%;--s2:0%}#dappled-light #progressive-blur>div:nth-child(2){--blur:72px;--s1:30%;--s2:60%}@media (prefers-reduced-motion:reduce){#dappled-light #leaves{animation:none}body.animation-ready #dappled-light{animation-duration:0s}}@keyframes sunrise{0%{background-color:var(--dl-night)}10%{background-color:#16132b}35%{background-color:#9fb3bf}to{background-color:var(--dl-day)}}@keyframes sunset{0%{background-color:var(--dl-day)}30%{background-color:#fccc83}60%{background-color:#db7a2a}90%{background-color:#16132b}to{background-color:var(--dl-night)}}@keyframes billow{0%{transform:rotateX(0)rotateY(0)scale(1)}18%{transform:rotateX(1deg)rotateY(2deg)scale(1.03)}32%{transform:rotateX(-4deg)rotateY(-2deg)scale(.96)}66%{transform:rotateX(3deg)rotateY(-1deg)scale(1.04)}to{transform:rotateX(0)rotateY(0)scale(1)}}
