::selection{background-color:#78c2ad60;color:#fdebf3}html{background-color:#1e1e2e;color:#fdebf3;color-scheme:dark}body{max-width:448px;margin:0 auto;text-align:justify}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(620px 380px at 50% 0%,rgba(253,235,243,.05),rgba(253,235,243,0) 72%),radial-gradient(120% 92% at 50% 38%,rgba(12,12,20,0) 42%,rgba(12,12,20,.55) 100%),radial-gradient(1000px 520px at 18% -10%,rgba(88,73,102,.32),rgba(88,73,102,0) 62%),radial-gradient(820px 460px at 88% -14%,rgba(55,90,127,.24),rgba(55,90,127,0) 62%),radial-gradient(720px 560px at 50% 112%,rgba(120,194,173,.06),rgba(120,194,173,0) 62%)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}h1,h2{font-family:Pacifico,cursive;font-weight:400}h1{font-size:2.2em;margin:0}h2{text-decoration:underline #375a7f;text-decoration-thickness:4px;text-underline-offset:6px;font-size:1.8em;margin-top:1.25rem;margin-bottom:0}main>.gif+h2,.link-card-grid+h2{margin-top:0}p{font-family:Josefin Sans,sans-serif;font-size:.95em;hyphens:auto;line-height:1.5;text-indent:1em}.gif{margin:10px 0 0;text-align:center}.raccoon-frame{--frame-w: 4px;box-sizing:border-box;border-radius:3px;display:block;width:100%;max-width:100%;aspect-ratio:16 / 9;margin:1.75rem 0 2rem;position:relative;border:var(--frame-w) solid transparent;background:conic-gradient(from 315deg at 50% 50%,#ac9569 0deg,#c9b184 45deg,#a08a60 90deg,#7e6c4a 135deg,#6b5b3f 180deg,#766446 225deg,#857152 270deg,#a89066 315deg,#ac9569 360deg) border-box;box-shadow:0 1px 3px #0000004d,0 10px 24px -12px #00000073}.raccoon-frame:before{content:"";position:absolute;inset:calc(-1 * var(--frame-w));border-radius:inherit;box-shadow:inset 0 0 0 1px #fff8e042;pointer-events:none;z-index:1}.raccoon-frame:after{content:"";position:absolute;inset:0;border-radius:1px;box-shadow:inset 0 0 0 1px #261e0c8c,inset 0 0 12px #00000029;pointer-events:none;z-index:1}.raccoon-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:2px}.nav-bar{display:grid;grid-template-columns:1fr 1fr;margin-top:.8rem}.title-link,.nav-links{font-family:Pacifico,cursive;font-size:1.1rem}.title-link a,.nav-links a{color:#fdebf3;text-decoration:none}.title-link a:hover,.nav-links a:hover,a:focus{text-decoration:underline #375a7f;text-decoration-thickness:2px;text-underline-offset:6px}.nav-links{font-family:Josefin Sans,sans-serif;font-size:.95rem;text-align:right}.nav-links a{margin:0 10px}.foot-btn{display:flex;padding:10px;height:20px;width:20px;border-radius:50%;border:2px solid #fdebf3;color:#fdebf3}.foot-btn:hover{border-color:#78c2ad}.foot-btn>span{display:block;width:20px;height:20px;background-color:currentColor;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.git-icon{-webkit-mask-image:url(/github-mark.svg);mask-image:url(/github-mark.svg)}.so-icon{-webkit-mask-image:url(/stackoverflow.svg);mask-image:url(/stackoverflow.svg)}.mail-icon{-webkit-mask-image:url(/mail.svg);mask-image:url(/mail.svg)}.linked-in{-webkit-mask-image:url(/li-in.png);mask-image:url(/li-in.png)}.medium-icon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fdebf3' d='M13.54 12a6.8 6.8 0 01-6.77 6.82A6.8 6.8 0 010 12a6.8 6.8 0 016.77-6.82A6.8 6.8 0 0113.54 12zm7.42 0c0 3.54-1.51 6.42-3.38 6.42-1.87 0-3.39-2.88-3.39-6.42s1.52-6.42 3.39-6.42c1.87 0 3.38 2.88 3.38 6.42zM24 12c0 3.17-.53 5.75-1.19 5.75-.66 0-1.19-2.58-1.19-5.75s.53-5.75 1.19-5.75C23.47 6.25 24 8.83 24 12z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fdebf3' d='M13.54 12a6.8 6.8 0 01-6.77 6.82A6.8 6.8 0 010 12a6.8 6.8 0 016.77-6.82A6.8 6.8 0 0113.54 12zm7.42 0c0 3.54-1.51 6.42-3.38 6.42-1.87 0-3.39-2.88-3.39-6.42s1.52-6.42 3.39-6.42c1.87 0 3.38 2.88 3.38 6.42zM24 12c0 3.17-.53 5.75-1.19 5.75-.66 0-1.19-2.58-1.19-5.75s.53-5.75 1.19-5.75C23.47 6.25 24 8.83 24 12z'/%3E%3C/svg%3E")}.reddit-icon{-webkit-mask-image:url(/reddit.svg);mask-image:url(/reddit.svg)}.rss-icon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%23fdebf3' d='M6.18 15.64a2.18 2.18 0 0 1 2.18 2.18C8.36 19.01 7.38 20 6.18 20C4.98 20 4 19.01 4 17.82a2.18 2.18 0 0 1 2.18-2.18M4 4.44A15.56 15.56 0 0 1 19.56 20h-2.83A12.73 12.73 0 0 0 4 7.27V4.44m0 5.66a9.9 9.9 0 0 1 9.9 9.9h-2.83A7.07 7.07 0 0 0 4 12.93V10.1z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%23fdebf3' d='M6.18 15.64a2.18 2.18 0 0 1 2.18 2.18C8.36 19.01 7.38 20 6.18 20C4.98 20 4 19.01 4 17.82a2.18 2.18 0 0 1 2.18-2.18M4 4.44A15.56 15.56 0 0 1 19.56 20h-2.83A12.73 12.73 0 0 0 4 7.27V4.44m0 5.66a9.9 9.9 0 0 1 9.9 9.9h-2.83A7.07 7.07 0 0 0 4 12.93V10.1z'/%3E%3C/svg%3E")}.link-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(24ch,1fr));gap:1.5rem 1.5rem;padding:0;margin:1rem 0 2rem}main>ul.link-card-grid:last-of-type{margin-bottom:2.5rem}.js .link-card .img{border-radius:8px;background-color:#fdebf309;background-image:linear-gradient(100deg,rgba(253,235,243,0) 25%,rgba(253,235,243,.075) 50%,rgba(253,235,243,0) 75%);background-size:220% 100%;background-repeat:no-repeat;animation:thumb-shimmer 1.6s ease-in-out infinite}.js .link-card .img.is-loaded{background:none;animation:none}.js .link-card .card-img{opacity:0;transition:opacity .45s ease}.js .link-card .card-img.is-loaded{opacity:1}@keyframes thumb-shimmer{0%{background-position:140% 0}to{background-position:-40% 0}}.js .raccoon-frame .frame-loader{--spinner-size: 34px;position:absolute;inset:0;pointer-events:none;background-color:#20202f;box-shadow:inset 0 1px 3px #00000073,inset 0 -1px #fdebf30d}.js .raccoon-frame .frame-loader:before,.js .raccoon-frame .frame-loader:after{content:"";position:absolute;top:50%;left:50%;width:var(--spinner-size);height:var(--spinner-size);margin:calc(var(--spinner-size) / -2) 0 0 calc(var(--spinner-size) / -2);border-radius:50%;pointer-events:none}.js .raccoon-frame .frame-loader:before{box-shadow:inset 0 1px 2px #0009,inset 0 -1px 1px #fdebf312,0 1px #fdebf30a}.js .raccoon-frame .frame-loader:after{background:conic-gradient(from 0deg,rgba(201,177,132,0) 0deg,rgba(201,177,132,.15) 140deg,rgba(201,177,132,.95) 320deg,rgba(201,177,132,0) 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 3px));animation:frame-spin .9s linear infinite}.js .raccoon-frame .frame-loader.is-loaded{display:none}@keyframes frame-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion: reduce){.js .link-card .img{animation:none}.js .link-card .card-img{transition-duration:.01ms}.js .raccoon-frame .frame-loader:after{animation:none}}.book-cover-img{border-radius:2px 4px 4px 2px;box-shadow:-4px 0 8px #00000073,4px 6px 20px #00000080,inset -3px 0 8px #00000026;outline:1px solid rgba(255,255,255,.06)}@media only screen and (max-width: 600px){body{width:320px;padding-top:max(.75rem,env(safe-area-inset-top,0px))}main{padding-top:.75rem}.nav-bar{display:initial}.title-link,.nav-links{text-align:center}.nav-links a{margin:0 11px}footer .foot-btn{box-sizing:border-box;min-width:44px;min-height:44px;width:44px;height:44px;padding:10px;align-items:center;justify-content:center}footer .foot-btn>span{display:block;width:20px;height:20px;flex-shrink:0}}