.ios-work-page{--work-accent-a:var(--work-a-light);--work-accent-b:var(--work-b-light);--work-accent-ink:var(--work-accent-b);background:var(--color-ios-light-surface);padding-bottom:1.5rem}.dark .ios-work-page{--work-accent-a:var(--work-a-dark);--work-accent-b:var(--work-b-dark);--work-accent-ink:color-mix(in srgb, var(--work-accent-b) 62%, #fff);background:var(--color-ios-dark-surface)}@media (min-width:768px){.ios-work-page>*{max-width:42rem;margin-inline:auto}}.ios-work-cover{aspect-ratio:2/3;background:linear-gradient(140deg, var(--work-accent-a), var(--work-accent-b));color:#fff;border-radius:1.05rem;flex-direction:column;justify-content:center;align-items:center;gap:.45rem;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000061,inset 0 0 0 .5px #ffffff38}.ios-work-cover-img{object-fit:cover;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.ios-work-cover-hint{color:#ffffffb8;align-items:center;gap:.3rem;font-size:.75rem;display:inline-flex}.ios-work-section-title{letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.ios-work-section-body{margin-top:.3rem;padding-block:0!important}.ios-work-desc p{color:#000000bf;font-size:.9375rem;line-height:1.6}.dark .ios-work-desc p{color:#ebebf5bf}.ios-work-desc p+p{margin-top:.6rem}.ios-work-shots{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:.75rem;padding-top:0;padding-bottom:.75rem;scroll-padding-inline:1rem;display:flex;overflow-x:auto}.ios-work-shot{scroll-snap-align:start;aspect-ratio:4/3;background:linear-gradient(150deg, color-mix(in srgb, var(--work-accent-a) 86%, #000), color-mix(in srgb, var(--work-accent-b) 86%, #000));color:#ffffffd9;border-radius:1.25rem;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.45rem;width:min(22rem,82vw);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000f,0 10px 24px -12px #00000038,inset 0 0 .5px .5px #ffffff29}.ios-work-shot:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 .5px #0003}.dark .ios-work-shot:after{box-shadow:inset 0 0 0 .5px #ffffff26}.ios-work-shots-wrap{position:relative}.ios-work-shots-nav{border-radius:999px;place-items:center;width:2.25rem;height:2.25rem;transition:opacity .18s;display:none;position:absolute;top:50%;translate:0 -50%}@media (min-width:768px){.ios-work-shots-nav{display:grid}}.ios-work-shot-img{object-fit:cover;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.ios-work-shot-tap{cursor:pointer;transition:scale .14s}.ios-work-shot-tap:active{scale:.985}.ios-work-shot-tap:focus-visible{outline:2px solid var(--work-accent-ink);outline-offset:2px}@media (prefers-reduced-motion:reduce){.ios-work-shot-tap{transition:none}}.ios-work-shot-label{font-size:.75rem}.ios-work-graph-card,.ios-work-list-card{background:var(--color-ios-light-surface-1);border-radius:1.25rem;margin-top:0;box-shadow:0 1px 2px #0000000a}.dark .ios-work-graph-card,.dark .ios-work-list-card{background:var(--color-ios-dark-surface-1)}.ios-work-graph-card>:first-child{padding:1rem .85rem 0}.ios-work-graph-card>:last-child{padding:.4rem .85rem .85rem}.ios-work-list-card{padding:.25rem .85rem .5rem}.ios-work-graph{--work-level-base:#fff;color:#3c3c4399}.dark .ios-work-graph{--work-level-base:#1c1c1d;--work-accent-b:var(--work-b-light);color:#ebebf599}.ios-work-graph svg{display:block}.ios-work-graph-scroll{direction:rtl;-webkit-mask-image:none;mask-image:none}.ios-work-graph-scroll>svg{direction:ltr}@media (min-width:768px){.ios-work-graph-scroll>svg{width:100%;height:auto}}.ios-work-graph rect[data-level="0"]{fill:color-mix(in srgb, var(--work-level-base) 94%, var(--work-accent-b))}.ios-work-graph rect[data-level="1"]{fill:color-mix(in srgb, var(--work-accent-b) 22%, var(--work-level-base))}.ios-work-graph rect[data-level="2"]{fill:color-mix(in srgb, var(--work-accent-b) 44%, var(--work-level-base))}.ios-work-graph rect[data-level="3"]{fill:color-mix(in srgb, var(--work-accent-b) 68%, var(--work-level-base))}.ios-work-graph rect[data-level="4"]{fill:var(--work-accent-b)}.ios-work-graph .ios-work-block{cursor:pointer}.ios-work-graph .ios-work-block:active{opacity:.55}.ios-work-graph .ios-work-block:focus-visible{stroke:var(--work-accent-ink);stroke-width:2px;outline:none}.ios-work-graph-total{color:#3c3c4399;align-items:center;font-size:.75rem;display:inline-flex}.dark .ios-work-graph-total{color:#ebebf599}.ios-work-graph-link{color:var(--work-accent-ink);align-items:center;gap:.25rem;font-weight:500;display:inline-flex}.ios-work-stat{flex-direction:column;gap:.1rem;display:flex}.ios-work-stat-value{font-variant-numeric:tabular-nums;font-size:1.0625rem;font-weight:700}.ios-work-stat-label{color:#3c3c4399;font-size:.75rem}.dark .ios-work-stat-label{color:#ebebf599}.ios-work-commit{color:inherit;flex-direction:column;gap:.15rem;padding-block:.7rem;text-decoration:none;display:flex}.ios-work-commit+.ios-work-commit{border-top:.5px solid var(--line)}.ios-work-commit:active{opacity:.6}.ios-work-commit-time,.ios-work-commit-meta{font-variant-numeric:tabular-nums;color:#3c3c4399;font-size:.75rem}.dark .ios-work-commit-time,.dark .ios-work-commit-meta{color:#ebebf599}.ios-work-commit-msg{font-size:.9375rem;font-weight:500;line-height:1.4}.ios-work-commit-add{color:#1a7f37}.ios-work-commit-del{color:#cf222e}.dark .ios-work-commit-add{color:#3fb950}.dark .ios-work-commit-del{color:#f85149}.ios-work-preview .ios-work-page{background:#ded8d81e}