@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Libre+Baskerville:wght@400;700&family=Jetbrains+Mono:wght@400;700&display=swap";:root{--bg-primary: #fafafa;--bg-secondary: #e8e8e8;--text-primary: #0a0a0a;--text-secondary: #4a4a4a;--nav-bg: #0a0a0a;--nav-text: #fafafa;--border-color: #0a0a0a;--shadow-light: rgba(10, 10, 10, .08);--shadow-dark: rgba(10, 10, 10, .25);--hover-bg: #f0f0f0;--card-bg: #ffffff;--card-border: #0a0a0a;--skeleton-base: #e8e8e8;--skeleton-highlight: #d0d0d0;--transition-speed: .2s;--accent-primary: #ff3366;--accent-secondary: #00ff88;--accent-tertiary: #ffcc00;--grain-opacity: .03}[data-theme=dark]{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--text-primary: #fafafa;--text-secondary: #b0b0b0;--nav-bg: #000000;--nav-text: #fafafa;--border-color: #fafafa;--shadow-light: rgba(250, 250, 250, .05);--shadow-dark: rgba(250, 250, 250, .15);--hover-bg: #1a1a1a;--card-bg: #121212;--card-border: #fafafa;--skeleton-base: #1a1a1a;--skeleton-highlight: #2a2a2a;--accent-primary: #ff1a4d;--accent-secondary: #00cc6a;--accent-tertiary: #ffaa00;--grain-opacity: .05}*{margin:0;padding:0;transition:background-color .2s ease,color .2s ease,border-color .2s ease}body{background-color:var(--bg-primary);color:var(--text-primary);position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:var(--grain-opacity);z-index:9999;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-size:200px 200px}*:focus-visible{outline:3px solid var(--accent-primary);outline-offset:2px;outline-style:dashed}button:focus-visible,a:focus-visible{outline:3px solid var(--accent-primary);outline-offset:3px;outline-style:dashed}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--font-primary: "Libre Baskerville", Georgia, "Times New Roman", serif;--font-heading: "Archivo Black", "Arial Black", "Impact", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Cascadia Code", "Courier New", monospace;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .825rem + .25vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1.05rem + .375vw, 1.25rem);--text-xl: clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.35rem + .75vw, 1.875rem);--text-3xl: clamp(1.875rem, 1.65rem + 1.125vw, 2.25rem);--text-4xl: clamp(2.25rem, 1.95rem + 1.5vw, 3rem);--text-5xl: clamp(3rem, 2.55rem + 2.25vw, 3.75rem);--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);font-weight:var(--font-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin-top:0;margin-bottom:.5em}h1{font-size:var(--text-4xl);font-weight:var(--font-extrabold);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight)}h2{font-size:var(--text-3xl);font-weight:var(--font-bold)}h3{font-size:var(--text-2xl);font-weight:var(--font-semibold)}h4{font-size:var(--text-xl);font-weight:var(--font-semibold)}h5{font-size:var(--text-lg);font-weight:var(--font-medium)}h6{font-size:var(--text-base);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide)}p{margin-top:0;margin-bottom:1em;line-height:var(--leading-relaxed)}.lead{font-size:var(--text-xl);line-height:var(--leading-relaxed);font-weight:var(--font-light);color:var(--text-secondary)}.text-small{font-size:var(--text-sm)}.text-tiny{font-size:var(--text-xs)}a{color:var(--text-primary);text-decoration:none;font-weight:var(--font-bold);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}a:hover{color:var(--accent-primary);transform:translate(2px)}a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent-primary);transition:width .3s cubic-bezier(.4,0,.2,1)}a:hover:after{width:100%}strong,b{font-weight:var(--font-bold)}em,i{font-style:italic}code,pre{font-family:var(--font-mono);font-size:.9em}code{background:var(--bg-secondary);padding:.2em .4em;border-radius:4px;color:#e91e63}pre{background:var(--bg-secondary);padding:1rem;border-radius:8px;overflow-x:auto;line-height:var(--leading-normal)}pre code{background:none;padding:0;color:var(--text-primary)}.font-heading{font-family:var(--font-heading)}.font-mono{font-family:var(--font-mono)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}@media(max-width:768px){body{font-size:var(--text-sm)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.lead{font-size:var(--text-lg)}}[data-theme=dark] body{font-weight:var(--font-normal)}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--text-primary)}::selection{background:var(--accent-primary);color:var(--bg-primary);text-shadow:none}::-moz-selection{background:var(--accent-primary);color:var(--bg-primary);text-shadow:none}*{box-sizing:border-box}.App{text-align:center}.header-logo{max-width:70px;border-radius:0;border:3px solid var(--accent-primary);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 4px 0 var(--accent-secondary)}.header-logo:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--accent-secondary)}.nav{display:flex;justify-content:space-around;align-items:center;min-height:10vh;padding:1rem 2rem;background:var(--nav-bg);color:var(--nav-text);position:sticky;top:0;z-index:1000;transition:all .2s ease;border-bottom:4px solid var(--accent-primary);box-shadow:0 4px 0 var(--border-color)}.nav-scrolled{background:var(--nav-bg);box-shadow:0 8px 24px #0006;border-bottom:4px solid var(--accent-secondary)}[data-theme=dark] .nav-scrolled{box-shadow:0 8px 24px #000c}.nav a{color:var(--nav-text);font-family:var(--font-heading);font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;position:relative;transition:all .2s ease}.nav a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:3px;background:var(--accent-primary);transition:width .3s cubic-bezier(.4,0,.2,1)}.nav a:hover:after{width:100%}.nav-links{width:40%;display:flex;justify-content:space-around;align-items:center;list-style:none}.fancy-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;grid-auto-rows:minmax(100px,auto);padding:10px}.fancy-list li{display:flex;flex-direction:column;justify-content:center;align-items:center;list-style:none;padding:1.5rem;border:3px solid var(--border-color);background:var(--card-bg);transition:all .2s ease;position:relative}.fancy-list li:before{content:"";position:absolute;inset:-3px;background:var(--accent-primary);z-index:-1;opacity:0;transition:opacity .3s ease}.fancy-list li:hover{transform:translate(-4px,-4px);cursor:pointer;border-color:var(--accent-primary)}.fancy-list li:hover:before{opacity:1}.fancy-list li:hover{transform-origin:top}.fancy-list li:hover:nth-child(3n){transform-origin:top right}.fancy-list li:hover:nth-child(3n+1){transform-origin:top left}.fancy-img-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;grid-auto-rows:minmax(100px,auto);padding:10px}.fancy-img-list li{display:flex;flex-direction:column;justify-content:center;align-items:center;list-style:none;padding:10px}.shadowlink img{border:3px solid var(--border-color);transition:all .2s ease;display:block}.shadowlink img:hover{transform:translate(-4px,-4px);cursor:pointer;box-shadow:4px 4px 0 var(--accent-primary);border-color:var(--accent-primary)}.intro{text-align:left;padding-top:20px;padding-left:20px;padding-right:20px}.placeHolder{margin:0 auto}.br{border-radius:8px}.w80{width:40%}.card{border:4px solid var(--border-color);box-shadow:8px 8px 0 var(--accent-primary);padding:2.5rem 3rem;width:40%;margin:2rem auto;background:var(--card-bg);transition:all .2s ease;position:relative}.card:hover{transform:translate(-4px,-4px);box-shadow:12px 12px 0 var(--accent-primary)}.wrapper{width:0px;animation:fullView .5s forwards cubic-bezier(.25,.46,.45,.94)}.profilePic{height:65px;width:65px;border-radius:50%}.comment{height:10px;background:var(--text-secondary);margin-top:20px}@keyframes fullView{to{width:100%}}.animate{animation:shimmer 2s infinite linear;background:linear-gradient(to right,var(--skeleton-base) 4%,var(--skeleton-highlight) 25%,var(--skeleton-base) 36%);background-size:1000px 100%}@media(max-width:1024px){.fancy-list,.fancy-img-list{grid-template-columns:repeat(2,1fr)}.card{width:60%}}@media(max-width:768px){.fancy-list,.fancy-img-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:15px}.fancy-list li:hover{transform:scale(1.05)}.card{width:80%;padding:20px 30px}.intro{padding:15px}.shadowlink img:hover{transform:scale(1.05)}}@media(max-width:480px){.fancy-list,.fancy-img-list{grid-template-columns:1fr;grid-gap:10px;padding:5px}.card{width:90%;padding:15px 20px}.w80{width:90%}.header-logo{max-width:50px}.App{padding:0}.intro{padding:10px}}@media(hover:none)and (pointer:coarse){.fancy-list li,.shadowlink img{cursor:pointer;-webkit-tap-highlight-color:transparent}button,a{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes imageLoad{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.App main{animation:fadeIn .4s ease-out}.App h1{animation:slideIn .5s ease-out}img{animation:imageLoad .5s ease-out}html{scroll-behavior:smooth}button,a,.clickable{transition:all .3s cubic-bezier(.25,.46,.45,.94)}button:hover,a:hover{transform:translateY(-2px)}button:active,a:active{transform:translateY(0)}.fancy-list li,.favorite-item{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.fancy-list li{animation:scaleIn .4s ease-out backwards}.fancy-list li:nth-child(1){animation-delay:.05s}.fancy-list li:nth-child(2){animation-delay:.1s}.fancy-list li:nth-child(3){animation-delay:.15s}.fancy-list li:nth-child(4){animation-delay:.2s}.fancy-list li:nth-child(5){animation-delay:.25s}.fancy-list li:nth-child(6){animation-delay:.3s}.fancy-list li:nth-child(7){animation-delay:.35s}.fancy-list li:nth-child(8){animation-delay:.4s}.fancy-list li:nth-child(9){animation-delay:.45s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.favorites-link{position:relative;text-transform:uppercase;letter-spacing:.1em}.favorites-badge{position:absolute;top:-12px;right:-16px;background:var(--accent-primary);color:var(--bg-primary);border:2px solid var(--bg-primary);width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:900;font-family:var(--font-heading);box-shadow:0 4px 8px #0000004d;animation:brutalistPulse 3s ease-in-out infinite;clip-path:polygon(0 0,100% 0,100% 75%,75% 100%,0 100%)}.nav-toggle{display:none;flex-direction:column;background:transparent;border:2px solid var(--nav-text);cursor:pointer;padding:.6rem;z-index:1001;transition:all .3s ease;position:relative}.nav-toggle:hover{background:var(--nav-text)}.nav-toggle:hover .hamburger{background:var(--nav-bg)}.hamburger{width:25px;height:3px;background:var(--nav-text);margin:3px 0;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-actions{display:flex;align-items:center;gap:1.5rem}@keyframes brutalistPulse{0%,to{transform:scale(1) rotate(0);box-shadow:0 4px 8px #0000004d}50%{transform:scale(1.15) rotate(5deg);box-shadow:0 6px 12px #0006}}@media(max-width:900px){.nav-links{gap:1rem}.nav a{font-size:.8rem;letter-spacing:.05em}}@media(max-width:768px){.nav{flex-wrap:wrap;padding:1rem;border-bottom:4px solid var(--border-color)}.nav-toggle{display:flex;order:2}.nav h3{order:1}.nav-actions{order:3}.nav-links{order:4;flex-direction:column;width:100%;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);background:var(--nav-bg);border-top:3px solid var(--accent-primary)}.nav-links-open{max-height:500px;padding:1.5rem 0}.nav-links li{width:100%;text-align:center;padding:1rem 0;border-bottom:1px solid rgba(250,250,250,.1);opacity:0;transform:translate(-20px);animation:slideIn .3s forwards}.nav-links-open li:nth-child(1){animation-delay:.05s}.nav-links-open li:nth-child(2){animation-delay:.1s}.nav-links-open li:nth-child(3){animation-delay:.15s}.nav-links-open li:nth-child(4){animation-delay:.2s}.nav-links-open li:nth-child(5){animation-delay:.25s}@keyframes slideIn{to{opacity:1;transform:translate(0)}}.favorites-link{display:inline-block}.favorites-badge{top:-12px;right:-16px}}.theme-toggle{background:transparent;border:2px solid var(--border-color);border-radius:50%;width:40px;height:40px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 2px 8px var(--shadow-light)}.theme-toggle:active{transform:scale(.95)}.theme-toggle:focus{outline:2px solid var(--nav-text);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:#ff6b6b;color:#fff;padding:8px 16px;text-decoration:none;border-radius:0 0 4px;z-index:9999;font-weight:700;transition:top .3s}.skip-link:focus{top:0;outline:2px solid white;outline-offset:2px}