*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:#f5f5f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0e0e10;justify-content:center;align-items:center;padding:2rem 1.5rem;font-family:Nunito Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;overflow:hidden}.backdrop{z-index:0;pointer-events:none;opacity:1;background:radial-gradient(18rem 13rem at 39% 31%,#c14a3552,#0000 72%),radial-gradient(18rem 13rem at 61% 31%,#e8d4a042,#0000 72%),radial-gradient(18rem 13rem at 39% 52%,#3e7a4a47,#0000 72%),radial-gradient(18rem 13rem at 61% 52%,#5d4ad147,#0000 72%),radial-gradient(18rem 13rem at 39% 71%,#8d8d9333,#0000 72%),radial-gradient(18rem 13rem at 61% 71%,#ef8c0542,#0000 72%);transition:opacity 1.1s;position:fixed;inset:0}#field{z-index:0;pointer-events:none;opacity:0;transition:opacity 1.1s;position:fixed;inset:0}body.field-live #field{opacity:1}body.field-live .backdrop{opacity:0}.back{z-index:2;color:#8a8f96;letter-spacing:.01em;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s;position:fixed;top:1.25rem;left:1.5rem}.back:hover{color:#f5f5f5}.grid{z-index:1;grid-template-columns:repeat(2,minmax(0,240px));gap:2.5rem 4.5rem;display:grid;position:relative}.mobile-effect-note{display:none}.item{color:inherit;cursor:pointer;border-radius:14px;outline:none;padding:1.5rem 1.2rem;text-decoration:none;display:block}.item:focus-visible{outline-offset:4px;outline:1px solid #ffffff59}.item{--cloud-a:.42}.item.passport{--shA:#d97757;--shB:#b1322a;--cloud:193, 74, 53}.item.food{--shA:#f0e2b8;--shB:#c4a86a;--cloud:232, 212, 160;--cloud-a:.26}.item.tree{--shA:#9bc28d;--shB:#3e7a4a;--cloud:62, 122, 74}.item.codepen{--shA:#b9a7ff;--shB:#5d4ad1;--cloud:93, 74, 209}.item.kogu{--shA:#c9ccd0;--shB:#4b4b4e;--cloud:141, 141, 147;--cloud-a:.3}.item.leetsquad{--shA:#fbaf06;--shB:#ef8c05;--cloud:239, 140, 5;--cloud-a:.34}.item h2{letter-spacing:-.025em;background-image:linear-gradient(110deg, #fff 0%, #fff 42%, var(--shA,#fff) 50%, var(--shB,#fff) 56%, #fff 64%, #fff 100%);-webkit-text-fill-color:transparent;color:#0000;background-size:320% 100%;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.5rem;font-weight:800;animation:9s linear infinite paused shimmer}.item[data-shimmer=run] h2{animation-play-state:running}.item p{color:#b6bbc1;font-size:.88rem;line-height:1.5}@keyframes shimmer{0%{background-position:0 0}70%{background-position:320% 0}to{background-position:320% 0}}@media (width<=700px){html{height:auto}body{height:auto;min-height:100%;padding-top:6.5rem;padding-bottom:calc(6.5rem + env(safe-area-inset-bottom));align-items:flex-start;overflow:visible}.grid{grid-template-columns:minmax(0,1fr);gap:1.5rem 0;max-width:320px}.backdrop{display:none}.item{isolation:isolate;padding:1.6rem 1.35rem;position:relative}.item:before{content:"";z-index:-1;background-image:radial-gradient(118% 78% at 50% 50%, rgba(var(--tone), .95) 0%, rgba(var(--tone), .78) 34%, rgba(var(--tone), .34) 64%, rgba(var(--tone), .08) 84%, rgba(var(--tone), 0) 100%);filter:blur(26px);position:absolute;inset:-2.2rem -.5rem}.item.passport{--tone:94, 36, 31}.item.food{--tone:106, 87, 51}.item.tree{--tone:44, 74, 51}.item.codepen{--tone:58, 47, 122}.item.kogu{--tone:59, 59, 64}.item.leetsquad{--tone:122, 74, 9}.item p{color:#d8dade}}@media (width<=700px) and (hover:none),(width<=700px) and (pointer:coarse){.mobile-effect-note{left:50%;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f5f5f5d1;text-align:center;pointer-events:none;opacity:0;background:#0e0e106b;border-radius:999px;width:min(20rem,100vw - 2rem);padding:.55rem .85rem;font-size:.78rem;font-weight:600;line-height:1.35;display:block;position:fixed;transform:translate(-50%,1.2rem)}body.ready .mobile-effect-note{animation:4.8s .65s both mobile-note-flyby}}@keyframes mobile-note-flyby{0%{opacity:0;transform:translate(-50%,1.2rem)}14%{opacity:1;transform:translate(-50%)}76%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-.65rem)}}@media (prefers-reduced-motion:reduce){body.ready .mobile-effect-note{opacity:1;animation:none;transform:translate(-50%)}}