.home-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#fff}.home-content{max-width:800px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.wojak-container{width:420px;height:420px;margin-bottom:2rem;cursor:pointer;transition:all .05s ease}.wojak-illustration{width:100%;height:100%;filter:drop-shadow(0 4px 6px rgba(0,0,0,.05));transition:filter .3s ease}.wojak-container:hover .wojak-illustration{filter:drop-shadow(0 8px 16px rgba(0,0,0,.15))}.title{font-size:4.5rem;font-weight:900;letter-spacing:-.05em;margin-bottom:1rem;line-height:1}.title-light{color:#d1d5db;font-weight:700}.title-bold{color:#000;font-weight:900}.subtitle{font-size:1.25rem;color:#6b7280;margin-bottom:3rem;font-weight:400}.contract-section{width:100%;max-width:550px;margin-bottom:2.5rem}.contract-label{font-size:.75rem;font-weight:600;color:#6b7280;letter-spacing:.1em;margin-bottom:.75rem;text-align:left}.contract-box{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:#fff;border:2.5px solid #000000;border-radius:16px;transition:all .3s ease}.contract-box:hover{box-shadow:0 4px 12px #0000001a;box-shadow:2px 2px 5px #000}.contract-address{font-family:Courier New,monospace;font-size:1rem;font-weight:500;color:#000}.copy-button{background:transparent;border:2px solid #000000;cursor:pointer;padding:.5rem;color:#000;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.copy-button:hover:not(:disabled){background:#f3f4f6}.copy-button:disabled{opacity:.5;cursor:not-allowed}.actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;align-items:center}.action-button{padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:12px;border:2.5px solid #000000;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;text-decoration:none;white-space:nowrap}.action-button.primary{background:#fff;color:#000;border-color:#000;box-shadow:2px 2px 5px #000}.action-button.primary:hover{background:#000;color:#fff;box-shadow:2px 2px 5px #000}.action-button.secondary{background:#fff;color:#000;border-color:#000;box-shadow:2px 2px 5px #000}.action-button.secondary:hover{background:#000;color:#fff;box-shadow:2px 2px 5px #000}.action-button.social{background:#000;color:#fff;padding:1rem 1.5rem;box-shadow:2px 2px 5px #000}.action-button.social:hover{background:#1f2937;box-shadow:2px 2px 5px #000}.action-button.social.telegram{box-shadow:2px 2px 5px #000;background:#000}.action-button.social.telegram:hover{background:#1f2937;box-shadow:2px 2px 5px #000}.footer{margin-top:auto;padding:2rem;color:#9ca3af;font-size:.875rem}@media (max-width: 768px){.title{font-size:3rem}.wojak-container{width:220px;height:220px}.subtitle{font-size:1rem}.action-button{padding:.875rem 1.5rem;font-size:.9rem}.actions{width:100%;flex-direction:column}.action-button{width:100%;justify-content:center}}.draw-page{min-height:100vh;background:#f9fafb;padding:0;display:flex;flex-direction:column}.draw-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100}.back-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s ease;flex-shrink:0;font-size:1rem;font-weight:600}.back-button .button-text{display:inline}.back-button:hover{background:#f3f4f6;border-color:#d1d5db}.meme-name-input{flex:1;padding:.75rem 1rem;background:#fff;color:#000;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;transition:all .2s ease}.meme-name-input::placeholder{color:#9ca3af}.meme-name-input:focus{outline:none;border-color:#3b82f6}.publish-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.publish-button .button-text{display:none}.publish-button:active{background:#2563eb}.download-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:#000;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.download-button .button-text{display:none}.download-button:active{background:#1f2937}.draw-container{display:flex;gap:1.5rem;flex:1;padding:0;max-width:1400px;margin:0 auto;width:100%;min-height:0}.toolbar{background:#f9fafb;border-radius:16px;border:1px solid #ECEDEE;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 4px 6px #0000000d;min-width:100px;height:fit-content}.tool-section{display:flex;flex-direction:column;gap:.75rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.tool-section:last-child{border-bottom:none;padding-bottom:0}.tool-row{display:flex;align-items:center;gap:.75rem;justify-content:center}.color-palette{display:flex;flex-direction:column;gap:.75rem;align-items:center}.color-button{width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .2s ease;position:relative;flex-shrink:0}.color-button.active:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:3px solid #3b82f6;border-radius:50%}.brush-sizes{display:flex;flex-direction:column;gap:.75rem;align-items:center}.brush-button{width:40px;height:40px;border:2px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.brush-button:hover{background:#f3f4f6;border-color:#d1d5db}.brush-button.active{border-color:#3b82f6;background:#eff6ff}.brush-indicator{border-radius:50%}.eraser-button{width:40px;height:40px;border:2px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.eraser-button:hover{background:#f3f4f6;border-color:#d1d5db}.reset-button{width:40px;height:40px;border:2px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#ef4444;flex-shrink:0}.reset-button:hover{background:#fef2f2;border-color:#fecaca}.canvas-wrapper{flex:1;background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 6px #0000000d;border:2px dashed #e5e7eb;display:flex;justify-content:center;align-items:center;overflow:auto}.drawing-canvas{max-width:100%;max-height:70vh;border:none;cursor:crosshair;border-radius:8px;box-shadow:0 2px 8px #00000014}@media (min-width: 769px){.draw-page{padding:1.5rem}.draw-header{max-width:1400px;margin:0 auto;border-radius:16px;margin-bottom:1.5rem;border:none;box-shadow:0 4px 6px #0000000d}.back-button{width:auto;padding:.75rem 1.25rem}.back-button .button-text{display:inline;font-size:1rem;font-weight:600}.meme-name-input{max-width:300px}.publish-button,.download-button{width:auto;padding:.75rem 1.5rem}.publish-button .button-text,.download-button .button-text{display:inline;font-size:1rem;font-weight:600}.draw-container{display:flex;gap:1.5rem;flex:1;padding:0}.toolbar{flex-direction:column;min-width:100px}.tool-section{border-bottom:1px solid #e5e7eb;padding-bottom:1.5rem}.tool-section:last-child{border-bottom:none;padding-bottom:0}.color-palette,.brush-sizes{flex-direction:column}.eraser-button{margin-left:0;margin-top:0}.canvas-wrapper{flex:1;padding:2rem}}@media (max-width: 768px){.draw-header{padding:.75rem;gap:.5rem}.back-button{display:flex!important;visibility:visible!important;opacity:1!important;background:transparent!important;border:none!important;width:24px!important;height:24px!important;min-width:24px!important;padding:0!important;order:-1!important}.back-button .button-text{display:none!important}.meme-name-input{font-size:.9rem;padding:.625rem .875rem}.draw-container{flex-direction:column;padding:0;gap:0}.toolbar{background:#f3f4f6;border-radius:8px;padding:.875rem;gap:.875rem;margin:.5rem;border-bottom:none;align-items:center}.tool-section{border-bottom:none;padding-bottom:0;width:100%;display:flex;flex-direction:column;align-items:center}.tool-row{flex-direction:row;justify-content:center;width:100%}.color-palette,.brush-sizes{flex-direction:row;justify-content:center;align-items:center}.eraser-button{margin-left:0;margin-top:0}.color-button,.brush-button,.eraser-button,.reset-button{width:32px;height:32px}.canvas-wrapper{margin:.5rem;padding:.75rem}}body{overflow-x:hidden}.gallery-page{min-height:100vh;background:#f9fafb;padding:1.5rem}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;max-width:1400px;margin-left:auto;margin-right:auto}.back-button,.refresh-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.back-button:hover,.refresh-button:hover{background:#f3f4f6;border-color:#d1d5db}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;max-width:1400px;margin:0 auto}.gallery-item{background:#fff;border:3px solid #000000;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease}.image-container{width:100%;aspect-ratio:4/3;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-container img{width:100%;height:100%;object-fit:contain}.item-info{padding:1rem;display:flex;justify-content:space-between;align-items:center;border-top:2px solid #e5e7eb;gap:.75rem}.item-text{display:flex;flex-direction:column;gap:.25rem;flex:1}.item-name{font-weight:600;color:#3b82f6;font-size:.95rem}.item-date{font-size:.85rem;color:#6b7280}.share-button{display:flex;align-items:center;justify-content:center;padding:.5rem;background:#0d1311;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;flex-shrink:0;width:36px;height:36px}.share-button:hover{background:#393b3b;transform:scale(1.01)}.share-button svg{width:18px;height:18px}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.empty-state p{font-size:1.25rem;color:#6b7280}.create-button{padding:1rem 2rem;background:#000;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.create-button:hover{background:#1f2937;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{position:relative;background:#fff;border-radius:16px;padding:2rem;max-width:90vw;max-height:90vh;overflow:auto}.modal-close{position:absolute;top:1rem;right:1rem;background:#000;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10}.modal-close:hover{background:#1f2937;transform:rotate(90deg)}.modal-content img{max-width:100%;max-height:70vh;display:block;margin:0 auto;border-radius:8px}.modal-info{text-align:center;margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.modal-info h3{font-size:1.5rem;font-weight:700;color:#000;margin-bottom:.5rem}.modal-info p{font-size:1rem;color:#6b7280}.modal-share-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#10b981;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.modal-share-button:hover{background:#059669}.modal-share-button svg{width:20px;height:20px}@media (max-width: 768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.gallery-page{padding:1rem}.gallery-header{margin-bottom:1.5rem}.modal-content{padding:1.5rem}.modal-content img{max-height:60vh}}@media (max-width: 480px){.gallery-grid{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;overflow-x:hidden}#root{min-height:100vh}
