*{margin:0;padding:0;box-sizing:border-box}:root{--black:#000;--white:#fff;--gray-dark:#1a1a1a;--gray-mid:#4a4a4a;--gray-light:#ccc}body,html{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;background:var(--white);color:var(--black);overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:.08;z-index:9999;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='3.5' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");animation:grain 8s steps(10) infinite}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.intro-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeOutIntro .6s ease-in-out 4s 2 forwards}@keyframes fadeOutIntro{to{opacity:0;visibility:hidden;pointer-events:none}}.intro-text{overflow:hidden;padding:20px}.drool-intro{font-size:10rem;font-weight:900;color:#fff;letter-spacing:-.05em;display:block;text-transform:lowercase;animation:slideUpIntro 1s cubic-bezier(.65,0,.35,1) forwards;transform:translateY(100%)}@keyframes slideUpIntro{0%{transform:translateY(100%);opacity:0}50%{opacity:1}to{transform:translateY(0);opacity:1}}.main-content{min-height:100vh;opacity:0;transition:opacity 1s ease-in-out;padding-bottom:100px}.main-content.visible{opacity:1}.dark-theme{background:var(--black);color:var(--white)}. dark-theme .header{background:var(--black);border-bottom-color:var(--white)}.dark-theme .ca-text,.dark-theme .hero-title,.dark-theme .nav a,.dark-theme .x-logo{color:var(--white)}.dark-theme .hero-subtitle{color:var(--gray-light)}.dark-theme .lore-section{background:var(--gray-dark);color:var(--white);border-color:var(--white)}.dark-theme .lore-title{color:var(--white)}.dark-theme .art-tweet{background:var(--gray-dark);border-color:var(--white)}.dark-theme .art-tweet-info{background:var(--black)}.dark-theme .author-name,.dark-theme .tweet-text{color:var(--white)}.dark-theme .author-handle,.dark-theme .tweet-date{color:var(--gray-light)}.header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:var(--white);border-bottom:2px solid var(--black);z-index:1000;transition:all .3s ease}.logo img{height:60px;width:auto;filter:grayscale(100%) contrast(1.2)}.nav{display:flex;gap:40px;align-items:center}.nav a{color:var(--black);text-decoration:none;font-weight:700;font-size:1rem;letter-spacing:.1em;transition:all .3s}.nav a:hover{opacity:.6}.social-icons{display:flex;align-items:center;gap:15px}.theme-toggle{background:none;border:none;font-size:1 4rem;cursor:pointer;padding:5px;transition:transform .3s ease}.theme-toggle:hover{transform:scale(1.2) rotate(20deg)}. ca-text{font-size:.85rem;font-weight:600;letter-spacing:.1em;transition:color .3s ease}.x-logo{color:var(--black);transition:all .3s;display:flex;align-items:center}.x-logo:hover{opacity:.6}.hero{margin-top:120px;padding:80px 40px;display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;align-items:center;min-height:70vh}.hero-title{font-size:4 5rem;font-weight:900;line-height:.95;letter-spacing:-.02em;margin-bottom:30px}.hero-subtitle{font-size:1.5rem;line-height:1.6;font-weight:700;letter-spacing:.05em}.hero-image{width:100%;display:flex;align-items:center;justify-content:center}.hero-image img{width:100%;height:auto;max-width:100%;object-fit:contain;display:block}.lore-section{padding:100px 40px;background:var(--white);border-top:3px solid var(--black);border-bottom:3px solid var(--black);transition:all .3s ease}.lore-content{max-width:900px;margin:0 auto}.lore-title{font-size:3 5rem;font-weight:900;letter-spacing:-.02em;margin-bottom:40px;text-align:center}.lore-text{font-size:1.2rem;line-height:1.8;margin-bottom:60px}.lore-text p{margin-bottom:20px}.lore-text strong{font-weight:900}.lore-text em{font-style:italic;opacity:.8}.lore-highlight{font-weight:700;font-style:italic;opacity:.7}.art-tweet{max-width:700px;margin:60px auto;background:var(--white);border:3px solid var(--black);border-radius:16px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.15);transition:all .4s cubic-bezier(.4,0,.2,1)}.art-tweet:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,.2)}.art-tweet-image{width:100%;overflow:hidden;background:#f5f5f5}.art-tweet-image img{width:100%;height:auto;display:block}.art-tweet-info{padding:20px 24px;background:var(--white);border-top:2px solid var(--black)}.tweet-author{display:flex;align-items:center;gap:12px;margin-bottom:16px}.author-avatar{width:48px;height:48px;border-radius:50%;border:2px solid var(--black)}.author-details{flex:1 1}.author-name{font-size:1.1rem;font-weight:900;margin-bottom:2px}.author-handle{font-size:.9rem;color:var(--gray-mid);font-weight:500}.tweet-text{font-size:1 5rem;line-height:1.5;margin-bottom:16px;white-space:pre-wrap;font-weight:500}.tweet-meta{display:flex;align-items:center;gap:20px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.1)}.tweet-date,.tweet-likes{font-size:.9rem;color:var(--gray-mid);font-weight:600}.tweet-link{display:inline-block;color:var(--black);text-decoration:none;font-weight:700;font-size:.95rem;transition:opacity .3s}.tweet-link:hover{opacity:.6}@media (max-width:1024px){.hero{grid-template-columns:1fr;gap:40px}.drool-intro{font-size:6rem}.hero-title{font-size:3.5rem}.lore-title{font-size:2.5rem}}@media (max-width:768px){. header{padding:15px 20px}.logo img{height:50px}. nav{gap:20px}. nav a{font-size:.85rem}.drool-intro{font-size:4rem}.hero{padding:60px 20px}.hero-title{font-size:2 5rem}.hero-subtitle{font-size:1.2rem}.lore-section{padding:60px 20px}.lore-title{font-size:2rem}.lore-text{font-size:1rem}.art-tweet-info{padding:16px 20px}}