@import"https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&display=swap";.home-page{max-width:1200px;margin:0 auto;padding:2rem}.hero{text-align:center;padding:3rem 2rem;background:#ffd60a;border:6px solid #000;margin-bottom:2rem;transform:rotate(-1deg)}.hero-title{font-size:3rem;font-weight:700;color:#000;margin-bottom:1rem;line-height:1.2;transform:rotate(1deg)}.hero-subtitle{font-size:1.5rem;color:#000;margin-bottom:2rem;font-weight:700}.cta-button{display:inline-block;background:#06ffa5;color:#000;padding:1.2rem 3rem;text-decoration:none;font-size:1.5rem;font-weight:700;border:5px solid #000;transform:rotate(2deg);text-transform:uppercase}.cta-button:hover{background:#ff006e;color:#fff;transform:rotate(-2deg) scale(1.05)}.token-section{background:#1a1a2e;border:6px solid #FFD60A;padding:2rem;margin-bottom:2rem;text-align:center}.token-section h2{font-size:2rem;color:#ffd60a;margin-bottom:1.5rem;font-weight:700}.ca-box{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;background:#000;padding:1rem;border:3px solid #333;margin-bottom:1rem}.ca-label{color:#aaa;font-weight:700}.ca-address{color:#06ffa5;font-family:monospace;font-size:1rem;word-break:break-all}.copy-btn{background:#ffd60a;color:#000;border:3px solid #000;padding:.5rem 1rem;font-weight:700;cursor:pointer}.copy-btn:hover{background:#06ffa5}.token-desc{color:#ccc;font-size:1.1rem;margin-bottom:1rem}.whitepaper-link{display:inline-block;background:#ff006e;color:#fff;padding:.8rem 2rem;text-decoration:none;font-weight:700;border:4px solid #000}.whitepaper-link:hover{background:#06ffa5;color:#000}.recent-art,.explanation{background:#ffc6ff;border:6px solid #000;padding:2rem;margin-bottom:2rem;transform:rotate(.5deg)}.recent-art h2,.explanation h2{font-size:2.5rem;color:#000;margin-bottom:1.5rem;text-align:center;font-weight:700;transform:rotate(-1deg)}.art-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem}.art-card{background:#fff;border:5px solid #000;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s;transform:rotate(-1deg)}.art-card:hover{transform:rotate(1deg) scale(1.05)}.art-card img{width:100%;height:250px;object-fit:cover;border-bottom:5px solid #000}.art-info{padding:1rem;background:#ffd60a}.art-info h3{font-size:1.3rem;margin-bottom:.5rem;color:#000;font-weight:700}.art-info p{color:#000;font-size:1rem;margin-bottom:.5rem;font-weight:700}.art-info span{color:#ff006e;font-weight:700;font-size:1.2rem}.explanation{text-align:center}.explanation p{font-size:1.3rem;color:#000;margin-bottom:1rem;line-height:1.6;font-weight:700}@media (max-width: 768px){.hero-title{font-size:2rem}.art-grid{grid-template-columns:1fr}.ca-box{flex-direction:column}}.create-page{max-width:800px;margin:2rem auto;padding:2rem;text-align:center}.create-page h1{font-size:3rem;color:#000;margin-bottom:2rem;font-weight:700;transform:rotate(-2deg);display:inline-block;background:#ffd60a;padding:.5rem 1rem;border:5px solid #000}.canvas-container{background:#fff;border:6px solid #000;padding:1rem;margin-bottom:2rem;display:inline-block;transform:rotate(1deg)}canvas{border:4px solid #000;cursor:crosshair;max-width:100%;height:auto;background:#fff}.tools{background:#ffc6ff;border:6px solid #000;padding:1.5rem;transform:rotate(-.5deg)}.color-picker{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}.color-btn{width:50px;height:50px;border:4px solid #000;transition:all .1s}.color-btn.active{border-width:6px;transform:scale(1.2) rotate(5deg)}.brush-sizes{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.size-btn{padding:.8rem 1.5rem;background:#ffd60a;font-weight:700;color:#000;transform:rotate(-1deg)}.size-btn.active{background:#06ffa5;transform:rotate(1deg) scale(1.1)}.actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.action-btn{padding:1rem 2rem;font-weight:700;font-size:1.1rem;background:#ffd60a;color:#000;transform:rotate(1deg)}.action-btn.clear{background:#ff006e;color:#fff;transform:rotate(-2deg)}.action-btn.save{background:#06ffa5;color:#000;transform:rotate(2deg);font-size:1.3rem}@media (max-width: 768px){.create-page{padding:1rem}canvas{width:100%}.actions{flex-direction:column}}.publish-page{max-width:900px;margin:2rem auto;padding:2rem}.publish-page h1{font-size:3rem;color:#000;text-align:center;margin-bottom:2rem;font-weight:700;transform:rotate(-1deg);display:inline-block;background:#ffd60a;padding:.5rem 1.5rem;border:6px solid #000}.publish-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;background:#ffc6ff;border:6px solid #000;padding:2rem;transform:rotate(.5deg)}.preview{display:flex;align-items:center;justify-content:center}.preview img{max-width:100%;border:5px solid #000}.publish-form{display:flex;flex-direction:column;gap:1.5rem;justify-content:center}.publish-form input,.publish-form textarea{padding:1rem;border:4px solid #000;font-size:1.1rem;background:#fff;font-weight:700}.publish-form input:focus,.publish-form textarea:focus{outline:none;background:#ffd60a}.publish-btn{padding:1.2rem 2rem;background:#06ffa5;color:#000;font-size:1.3rem;font-weight:700;transform:rotate(-2deg);text-transform:uppercase}@media (max-width: 768px){.publish-container{grid-template-columns:1fr}}.gallery-page{max-width:1200px;margin:2rem auto;padding:2rem}.gallery-page h1{font-size:3.5rem;color:#000;text-align:center;margin-bottom:2rem;font-weight:700;transform:rotate(-1deg);display:inline-block;background:#ffd60a;padding:.5rem 1.5rem;border:6px solid #000;width:100%}.filters{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.filters button{padding:1rem 2rem;background:#ffc6ff;font-weight:700;color:#000;transform:rotate(-1deg)}.filters button.active{background:#06ffa5;transform:rotate(1deg) scale(1.1)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.gallery-card{background:#fff;border:5px solid #000;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s;transform:rotate(-1deg)}.gallery-card:hover{transform:rotate(1deg) scale(1.05)}.gallery-card img{width:100%;height:280px;object-fit:cover;border-bottom:5px solid #000}.card-info{padding:1.2rem;background:#ffd60a}.card-info h3{font-size:1.4rem;margin-bottom:.5rem;color:#000;font-weight:700}.card-info p{color:#000;margin-bottom:.5rem;font-weight:700}.card-info span{color:#ff006e;font-weight:700;font-size:1.2rem}.empty-state{text-align:center;padding:4rem 2rem;background:#ffc6ff;border:6px solid #000;transform:rotate(-1deg)}.empty-state p{font-size:1.8rem;color:#000;margin-bottom:1.5rem;font-weight:700}.create-link{display:inline-block;padding:1rem 2rem;background:#06ffa5;color:#000;text-decoration:none;font-weight:700;border:5px solid #000;transform:rotate(2deg)}@media (max-width: 768px){.gallery-grid{grid-template-columns:1fr}}.art-page{max-width:1200px;margin:2rem auto;padding:2rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.art-display{background:#fff;border:6px solid #000;padding:1.5rem;display:flex;align-items:center;justify-content:center;transform:rotate(-1deg)}.art-display img{max-width:100%;border:4px solid #000}.art-details{background:#ffd60a;border:6px solid #000;padding:2rem;transform:rotate(.5deg)}.art-details h1{font-size:2.5rem;color:#000;margin-bottom:1rem;font-weight:700;transform:rotate(-1deg)}.artist{font-size:1.3rem;color:#000;margin-bottom:1.5rem;font-weight:700}.artist a{color:#ff006e;text-decoration:none;font-weight:700}.description{font-size:1.2rem;color:#000;margin-bottom:2rem;line-height:1.6;font-weight:700}.actions{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.actions button{padding:1rem 1.5rem;font-weight:700;font-size:1rem}.like-btn{background:#ff006e;color:#fff;transform:rotate(-1deg)}.like-btn.liked{background:#06ffa5;color:#000}.share-btn{background:#ffc6ff;color:#000;transform:rotate(1deg)}.mint-btn{background:#ffd60a;color:#000;opacity:.6;cursor:not-allowed;transform:rotate(-2deg)}.comments-section{margin-top:2rem}.comments-section h2{font-size:2rem;color:#000;margin-bottom:1rem;font-weight:700}.comment-input{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.comment-input textarea{padding:1rem;border:4px solid #000;font-size:1rem;resize:vertical;background:#fff;font-weight:700}.comment-input button{align-self:flex-end;padding:.8rem 2rem;background:#06ffa5;color:#000;font-weight:700;transform:rotate(-1deg)}.comments-list{display:flex;flex-direction:column;gap:1rem}.comment{background:#ffc6ff;padding:1rem;border:4px solid #000;transform:rotate(-.5deg)}.comment strong{color:#000;display:block;margin-bottom:.5rem;font-weight:700}.comment p{color:#000;font-weight:700}.loading{text-align:center;padding:4rem;font-size:2rem;color:#000;font-weight:700}@media (max-width: 968px){.art-page{grid-template-columns:1fr}}.hall-of-fame-page{max-width:1200px;margin:0 auto;padding:2rem}.hof-header{text-align:center;margin-bottom:3rem}.hof-header h1{font-size:3rem;background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.hof-header p{color:#666;font-size:1.2rem}.hof-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.hof-card{position:relative;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:transform .2s,box-shadow .2s;text-decoration:none;color:inherit}.hof-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.rank{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,gold,orange);color:#fff;font-weight:700;padding:.5rem .75rem;border-radius:8px;font-size:1rem;z-index:1}.hof-card:nth-child(1) .rank{background:linear-gradient(135deg,gold,#ffc107);font-size:1.2rem}.hof-card:nth-child(2) .rank{background:linear-gradient(135deg,silver,#a8a8a8)}.hof-card:nth-child(3) .rank{background:linear-gradient(135deg,#cd7f32,#b87333)}.hof-card img{width:100%;aspect-ratio:1;object-fit:cover}.hof-info{padding:1rem}.hof-info h3{margin:0 0 .5rem;font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hof-info .likes{color:#ff6b9d;font-weight:600}.empty{text-align:center;color:#999;font-size:1.2rem;padding:3rem}.loading{text-align:center;padding:3rem;font-size:1.2rem;color:#666}.whitepaper-page{min-height:100vh;padding:2rem;background:#1a1a2e}.whitepaper-container{max-width:800px;margin:0 auto;background:#16213e;border:6px solid #000;padding:3rem}.whitepaper-page h1{font-size:3rem;color:#ffd60a;margin-bottom:.5rem;transform:rotate(-1deg)}.whitepaper-page .subtitle{font-size:1.2rem;color:#aaa;margin-bottom:3rem}.whitepaper-page section{margin-bottom:3rem}.whitepaper-page h2{font-size:1.8rem;color:#06ffa5;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:3px solid #06FFA5}.whitepaper-page p{color:#e0e0e0;line-height:1.8;margin-bottom:1rem;font-size:1.1rem}.whitepaper-page ul{color:#e0e0e0;line-height:1.8;margin-bottom:1rem}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem}.step{background:#0f3460;border:4px solid #000;padding:1.5rem;text-align:center}.step-number{display:inline-block;width:40px;height:40px;background:#ffd60a;color:#000;font-weight:700;font-size:1.5rem;line-height:40px;border-radius:50%;margin-bottom:1rem}.step h3{color:#ffc6ff;margin-bottom:.5rem}.step p{font-size:.95rem;color:#ccc}.tech-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:1.5rem 0}.tech-item{background:#0f3460;border:4px solid #000;padding:1.5rem}.tech-item h3{color:#ffd60a;margin-bottom:.5rem;font-size:1.1rem}.tech-item p{font-size:.95rem;color:#ccc;margin-bottom:0}.token-info{background:#0f3460;border:4px solid #FFD60A;padding:1.5rem;margin-top:1rem}.token-info .ca{font-family:monospace;font-size:1rem;color:#ffd60a;word-break:break-all;background:#000;padding:1rem;border:2px solid #333}.roadmap{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1.5rem}.phase{background:#0f3460;border:4px solid #000;padding:1.5rem}.phase h3{color:#ff6b9d;margin-bottom:1rem;font-size:1.1rem}.phase ul{list-style:none;padding:0}.phase li{color:#ccc;padding:.3rem 0 .3rem 1rem;position:relative}.phase li:before{content:">";position:absolute;left:0;color:#06ffa5}.transparency-list{list-style:none;padding:0;margin:1rem 0}.transparency-list li{color:#e0e0e0;padding:.5rem 0 .5rem 1.5rem;position:relative}.transparency-list li:before{content:"✓";position:absolute;left:0;color:#06ffa5}.final-section{text-align:center;padding:2rem;background:#0f3460;border:4px solid #06FFA5}.final-section h2{border:none;text-align:center}@media (max-width: 768px){.whitepaper-container{padding:1.5rem}.whitepaper-page h1{font-size:2rem}}.header{background:#ffd60a;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:6px solid #000;position:sticky;top:0;z-index:100;transform:rotate(-.5deg)}.logo{font-size:2rem;font-weight:700;color:#000;text-decoration:none;transform:rotate(2deg);display:inline-block}nav{display:flex;gap:1rem;align-items:center}nav a{text-decoration:none;color:#000;font-weight:700;padding:.5rem 1rem;background:#ffc6ff;border:4px solid #000;transform:rotate(-1deg);display:inline-block}nav a:hover{background:#ff6b9d;transform:rotate(1deg)}.create-btn{background:#06ffa5!important;color:#000!important;padding:.7rem 1.5rem!important;transform:rotate(2deg)!important}.login-btn{background:#ff006e!important;color:#fff!important;padding:.7rem 1.5rem!important}.logout-btn{background:#ff006e;color:#fff;padding:.7rem 1.5rem;transform:rotate(-2deg)}@media (max-width: 768px){.header{flex-direction:column;gap:1rem;transform:rotate(0)}nav{flex-wrap:wrap;justify-content:center}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Comic Neue,cursive;background:#c77dff;min-height:100vh;color:#000;overflow-x:hidden}#root{min-height:100vh}button{font-family:Comic Neue,cursive;cursor:pointer;border:4px solid #000;transition:all .1s;font-weight:700;text-transform:uppercase}button:hover{transform:rotate(-2deg) scale(1.05)}button:active{transform:rotate(2deg) scale(.95)}input,textarea{font-family:Comic Neue,cursive;border:4px solid #000;font-weight:700}