@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--metal-base:#1a1c1e;--metal-highlight:#2a2d31;--anodized-blue:#3d8bff;--anodized-glow:#3d8bff66;--lattice-border:#33363b;--font-main:"Inter",sans-serif;--font-mono:"JetBrains Mono",monospace;--brush-pattern:repeating-linear-gradient(90deg,transparent 0px,transparent 1px,#ffffff04 2px,transparent 3px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--metal-base);color:#e0e0e0;font-family:var(--font-main);background-image:var(--brush-pattern),radial-gradient(circle at 50% 50%,#1e2125 0%,#0f1012 100%);min-height:100vh;overflow-x:hidden}.lattice-overlay{background-image:linear-gradient(var(--lattice-border)1px,transparent 1px),linear-gradient(90deg,var(--lattice-border)1px,transparent 1px);opacity:.3;z-index:0;pointer-events:none;background-position:50%;background-size:80px 80px;width:100%;height:100%;position:fixed;top:0;left:0}.container{z-index:1;max-width:1400px;margin:0 auto;padding:80px 40px;position:relative}header{border-left:4px solid var(--anodized-blue);justify-content:space-between;align-items:flex-end;margin-bottom:100px;padding-left:30px;display:flex}.hero-title{text-transform:uppercase;letter-spacing:-.05em;-webkit-text-stroke:1px #fff3;background:linear-gradient(#fff 0%,#666 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,10vw,8rem);font-weight:900;line-height:.85}.sub-header{font-family:var(--font-mono);color:var(--anodized-blue);text-transform:uppercase;letter-spacing:.3em;margin-bottom:10px;font-size:.9rem}.language-lattice{background-color:#0000;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;display:grid}.plate-link{color:inherit;text-decoration:none;display:block}.plate{background:var(--metal-base);border:1px solid var(--lattice-border);flex-direction:column;justify-content:space-between;height:320px;padding:40px;transition:all .5s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px #00000080}.plate:before{content:"";background:var(--brush-pattern);opacity:.5;pointer-events:none;position:absolute;inset:0}.plate:hover{background:var(--metal-highlight);z-index:2}.plate:hover:after{content:"";background:radial-gradient(circle,#ffffff0d 0%,#0000 70%);width:200%;height:200%;animation:3s linear infinite shine;position:absolute;top:-50%;left:-50%}@keyframes shine{0%{transform:translate(-10%,-10%)}to{transform:translate(10%,10%)}}.plate-header{z-index:1;justify-content:space-between;align-items:flex-start;display:flex}.lang-name{font-family:var(--font-mono);color:#fff;font-size:1.3rem;font-weight:700;position:relative}.lang-year{font-family:var(--font-mono);color:#666;border:1px solid #333;border-radius:2px;padding:4px 8px;font-size:.75rem}.code-block{font-family:var(--font-mono);color:var(--anodized-blue);z-index:1;text-shadow:0 0 15px var(--anodized-glow);white-space:pre;margin-top:40px;font-size:.9rem;line-height:1.5;position:relative}.fastener{background:#111;border:1px solid #444;border-radius:50%;width:6px;height:6px;position:absolute}.f-tl{top:10px;left:10px}.f-tr{top:10px;right:10px}.f-bl{bottom:10px;left:10px}.f-br{bottom:10px;right:10px}.type-label{transform-origin:100% 100%;text-transform:uppercase;letter-spacing:2px;color:#444;white-space:nowrap;font-size:.6rem;position:absolute;bottom:50px;right:30px;transform:rotate(-90deg)}.status-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--lattice-border);height:40px;font-family:var(--font-mono);z-index:100;color:#666;background:#000c;align-items:center;padding:0 20px;font-size:.7rem;display:flex;position:fixed;bottom:20px;left:20px;right:20px}.pulse{background:var(--anodized-blue);width:8px;height:8px;box-shadow:0 0 10px var(--anodized-blue);border-radius:50%;margin-right:15px;animation:2s infinite pulse-op}@keyframes pulse-op{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.plate-animate{opacity:0;transform:translateY(20px)}.plate-animate.visible{opacity:1;transition:opacity .8s,transform .8s cubic-bezier(.23,1,.32,1);transform:translateY(0)}@media (max-width:768px){.container{padding:40px 20px}.language-lattice{grid-template-columns:1fr}.hero-title{font-size:4rem}header{flex-direction:column;align-items:flex-start;gap:20px}}.site-footer{border-top:1px solid var(--lattice-border);background:#0006;margin-top:60px;padding:30px 20px}.footer-content{max-width:1400px;font-family:var(--font-mono);color:#666;justify-content:space-between;align-items:center;margin:0 auto;font-size:.8rem;display:flex}.made-by a,.social-links a{color:var(--anodized-blue);text-decoration:none;transition:opacity .3s}.made-by a:hover,.social-links a:hover{opacity:.7}.social-links{align-items:center;gap:15px;display:flex}.separator{color:#444}@media (max-width:600px){.footer-content{text-align:center;flex-direction:column;gap:15px}}.easter-egg{opacity:0;visibility:hidden;transition:opacity 1.2s cubic-bezier(.23,1,.32,1),visibility 1.2s cubic-bezier(.23,1,.32,1),transform .5s cubic-bezier(.23,1,.32,1);transform:translateY(100px)}.easter-egg.visible{opacity:1;visibility:visible;transform:translateY(0)}.easter-egg.shake{animation:.6s ease-out cardShake}.error-overlay{z-index:10;background:#140000f2;border:2px solid #f33;flex-direction:column;justify-content:center;align-items:center;animation:.4s ease-out errorAppear;display:flex;position:absolute;inset:0;box-shadow:0 0 30px #ff323280,inset 0 0 50px #ff00001a}.error-icon{margin-bottom:10px;font-size:3rem}.error-title{font-family:var(--font-mono);color:#f33;letter-spacing:.2em;margin-bottom:10px;font-size:1.5rem;font-weight:700}.error-message{font-family:var(--font-mono);color:#f66;margin-bottom:5px;font-size:.9rem}.error-sub{font-family:var(--font-mono);color:#666;font-size:.7rem;font-style:italic}@keyframes errorAppear{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes cardShake{0%,to{transform:translate(0)}10%{transform:translate(-15px)rotate(-1deg)}20%{transform:translate(15px)rotate(1deg)}30%{transform:translate(-12px)rotate(-.5deg)}40%{transform:translate(12px)rotate(.5deg)}50%{transform:translate(-8px)}60%{transform:translate(8px)}70%{transform:translate(-4px)}80%{transform:translate(4px)}}.detail-container{z-index:1;max-width:900px;min-height:100vh;margin:0 auto;padding:60px 40px;position:relative}.back-link{font-family:var(--font-mono);color:var(--anodized-blue);border:1px solid var(--lattice-border);background:#0000004d;margin-bottom:40px;padding:10px 20px;font-size:.85rem;text-decoration:none;transition:all .3s;display:inline-block}.back-link:hover{background:var(--metal-highlight);border-color:var(--anodized-blue)}.detail-plate{background:var(--metal-base);border:1px solid var(--lattice-border);padding:60px;position:relative;box-shadow:0 30px 60px #00000080}.detail-plate:before{content:"";background:var(--brush-pattern);opacity:.5;pointer-events:none;position:absolute;inset:0}.detail-header{z-index:1;margin-bottom:40px;position:relative}.detail-type{font-family:var(--font-mono);color:var(--anodized-blue);text-transform:uppercase;letter-spacing:.3em;margin-bottom:10px;font-size:.75rem}.detail-title{text-transform:uppercase;letter-spacing:-.02em;background:linear-gradient(#fff 0%,#666 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:clamp(3rem,8vw,5rem);font-weight:900;line-height:1}.detail-year{font-family:var(--font-mono);color:#666;font-size:1rem}.detail-meta{border:1px solid var(--lattice-border);z-index:1;background:#0000004d;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px;padding:30px;display:grid;position:relative}.meta-item{flex-direction:column;gap:5px;display:flex}.meta-label{font-family:var(--font-mono);color:#555;text-transform:uppercase;letter-spacing:.2em;font-size:.65rem}.meta-value{color:#ccc;font-size:.95rem}.meta-link{color:var(--anodized-blue);font-size:.95rem;text-decoration:none;transition:opacity .3s}.meta-link:hover{opacity:.7}.detail-description{color:#999;z-index:1;margin-bottom:50px;font-size:1.1rem;line-height:1.8;position:relative}.code-section{z-index:1;position:relative}.code-header{border:1px solid var(--lattice-border);background:#00000080;border-bottom:none;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.code-title{font-family:var(--font-mono);color:#666;text-transform:uppercase;letter-spacing:.2em;font-size:.75rem}.copy-btn{color:#888;font-family:var(--font-mono);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:0 0;border:1px solid #444;padding:4px 10px;font-size:.7rem;transition:all .3s}.copy-btn:hover{border-color:var(--anodized-blue);color:var(--anodized-blue);box-shadow:0 0 10px #0ff3}.copy-btn.copied{color:#0f0;border-color:#0f0;box-shadow:0 0 10px #0f03}.detail-code{border:1px solid var(--lattice-border);font-family:var(--font-mono);background:#0006;padding:30px;font-size:1rem;line-height:1.8}.code-line{gap:20px;display:flex}.line-number{color:#444;text-align:right;-webkit-user-select:none;user-select:none;min-width:30px}.line-content{color:var(--anodized-blue);text-shadow:0 0 15px var(--anodized-glow);white-space:pre}@media (max-width:768px){.detail-container{padding:40px 20px}.detail-plate{padding:40px 30px}.detail-meta{grid-template-columns:1fr}}