*{box-sizing:border-box}:root{--bg-image: url(/background.png);--bg-fallback: #0b0f14;--bg-tile-size: 64px;--card-bg: rgba(28,30,34,.88);--card-edge: rgba(255,255,255,.03);--muted: #a8b0b8;--text: #d9e2ec;--accent-teal: #14b8b7;--accent-purple: #8b5cf6;--glass-shadow: 0 8px 30px rgba(3,6,12,.6)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bg-fallback);background-image:var(--bg-image);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;margin:0;padding:0;color:var(--text);line-height:1.6}#root{min-height:100vh}.container{max-width:600px;margin:40px auto;padding:0 20px}.card{background:var(--card-bg);border-radius:8px;box-shadow:var(--glass-shadow);padding:36px;border:1px solid var(--card-edge);color:var(--text);font-family:Menlo,SFMono-Regular,Roboto Mono,ui-monospace,monospace;position:relative;overflow:hidden}.card .terminal-bar{display:flex;gap:8px;position:absolute;left:14px;top:12px}.card .terminal-dot{width:10px;height:10px;border-radius:50%;background:#ffffff0f;box-shadow:0 0 8px #0009 inset}.card .terminal-dot.accent-teal{background:var(--accent-teal);box-shadow:0 0 10px var(--accent-teal)}.card .terminal-dot.accent-purple{background:var(--accent-purple);box-shadow:0 0 10px var(--accent-purple)}.card p,.card label,.card span,.card li{color:var(--muted)}.card.editor{max-width:700px;margin:0 auto}.card.profile{text-align:center;max-width:500px}h1{font-size:2rem;margin:0 0 .5rem;color:var(--text)}h2{font-size:1.3rem;margin:2rem 0 1rem;color:var(--muted)}.subtitle{color:#666;margin-bottom:2rem}.hero-center{text-align:center}.portal-gif{display:block;margin:0 auto 1.25rem;width:100%;max-width:520px;height:280px;object-fit:cover;object-position:50% 95%}button{background:var(--accent-teal);color:#011216;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;margin:8px 4px;box-shadow:0 6px 18px #141e1e2e}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #141e1e47;background:var(--accent-purple);color:#fff}button:disabled{background:#ffffff0f;cursor:not-allowed;opacity:.5}button.secondary{background:transparent;color:var(--muted);border:1px solid rgba(255,255,255,.04)}button.secondary:hover:not(:disabled){background:#ffffff05;color:var(--text)}button.primary{background:linear-gradient(90deg,var(--accent-teal),var(--accent-purple));color:#011216}button.large{padding:16px 32px;font-size:1.1rem}button.connected{background:#10a37f}.icon-btn{padding:8px 12px;font-size:1.2rem}a{color:var(--accent-teal);text-decoration:none;transition:color .15s ease}a:hover{color:var(--accent-purple);text-decoration:underline}.view-profile-link{font-size:.95rem;font-weight:500}.wallet-section{margin:2rem 0}.wallet-buttons{display:flex;flex-direction:column;gap:10px}.wallet-buttons button{width:100%;margin:0;background:linear-gradient(90deg,var(--accent-teal),var(--accent-purple));color:#011216;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 6px 18px #141e1e2e}.wallet-buttons button:hover:not(:disabled){transform:none;box-shadow:0 6px 18px #141e1e2e;background:linear-gradient(90deg,var(--accent-teal),var(--accent-purple));color:#011216}.warning{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:16px;margin:16px 0}.info{color:#666;text-align:center;margin:16px 0}.connected-info{background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;padding:12px;margin-top:16px;text-align:center}.connected-info p{margin:0;color:#155724;font-weight:500}.username-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #eee}input[type=text],input[type=url],textarea{width:100%;padding:12px;border:1px solid rgba(255,255,255,.04);border-radius:8px;font-size:1rem;font-family:inherit;margin:8px 0;background:#ffffff05;color:var(--text)}input:focus,textarea:focus{outline:none;border-color:var(--accent-teal);box-shadow:0 6px 20px #141e1e1f inset}.helper-text{font-size:.9rem;color:#666;margin:4px 0 16px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;margin-bottom:8px;color:#333}.header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.section{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #eee}.section:last-child{border-bottom:none}.image-upload{display:flex;flex-direction:column;gap:20px}.image-preview{width:150px;height:150px;border-radius:50%;overflow:hidden;border:3px solid #ddd;margin:0 auto;position:relative}.image-preview img{width:100%;height:100%;object-fit:cover}.image-preview .inscription-iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:100%;min-height:100%;border:0;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}.image-options{display:flex;flex-direction:column;gap:16px}.inscription-option{display:flex;gap:8px;align-items:center}.inscription-option input{flex:1;margin:0}.social-link-item{display:flex;gap:8px;margin-bottom:12px;align-items:center}.social-link-item input:first-child{flex:0 0 30%}.social-link-item input:nth-child(2){flex:1}.remove-btn{background:#dc3545;padding:8px 12px;margin:0;font-size:1.2rem;line-height:1}.remove-btn:hover{background:#c82333}.actions{text-align:center;margin-top:2rem}.profile-image{width:150px;height:150px;border-radius:50%;overflow:hidden;margin:0 auto 24px;position:relative;border:4px solid #f0f0f0}.profile-image img{width:100%;height:100%;object-fit:cover}.profile-image .inscription-iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:100%;min-height:100%;border:0;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}.tiny-badge{display:none!important;align-items:center;gap:8px;padding:4px 8px;margin:8px auto 0;text-decoration:none;background:transparent}.tiny-badge img{width:42px;height:42px;display:block}.tiny-text{color:#011216;font-weight:700;font-size:12px;line-height:1;display:inline-block;transform:translateY(4px)}.profile-banner{width:100%;height:160px;overflow:hidden;border-bottom:1px solid #e6e6e6;margin:0 0 16px;border-radius:8px 8px 0 0;background:#f6f7f8}.profile-banner img{width:100%;height:100%;object-fit:cover;display:block}.username{color:#666;font-size:1.1rem;margin:0 0 1rem}.bio{margin:2rem 0;color:#555;font-size:1.05rem;line-height:1.7}.social-links{margin:2rem 0;text-align:left}.social-link{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#ffffff05;border-radius:8px;margin-bottom:12px;transition:all .16s ease;text-decoration:none}.social-link:hover{background:linear-gradient(90deg,#141e1e1f,#1e143c14);transform:translate(4px);text-decoration:none}.social-link .platform{font-weight:600;color:var(--text)}.social-link .arrow{color:var(--accent-teal);font-weight:700}.qr-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.04);color:var(--muted);padding:6px 8px;border-radius:6px;cursor:pointer;font-weight:700;font-size:.85rem}.qr-btn:hover{background:#ffffff0a;color:var(--text)}.qr-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02060aa6;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.qr-modal{background:var(--card-bg);border-radius:12px;padding:20px;text-align:center;box-shadow:0 12px 40px #0009;border:1px solid var(--card-edge);max-width:420px}.qr-image{position:relative;width:300px;height:300px;margin:0 auto 12px}.qr-image img{display:block;width:100%;height:100%;object-fit:contain}.qr-center-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:96px;height:96px;display:flex;align-items:center;justify-content:center;background:#fff;padding:12px;border-radius:50%;box-shadow:0 6px 18px #00000040;pointer-events:none;z-index:2}.qr-center-logo{width:42px;height:42px;border-radius:6px;display:block;image-rendering:-webkit-optimize-contrast}.footer{margin-top:3rem;padding-top:2rem;border-top:1px solid #eee;text-align:center}.embed-container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:transparent}.embed-content{width:100%;max-width:500px}.embed-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.embed-header h2{margin:0;font-size:1.3rem}.embed-username{color:#666;font-size:1rem;margin-bottom:.5rem}.embed-bio{color:#555;margin:1rem 0;line-height:1.6}.embed-links{margin:1.5rem 0;display:flex;flex-direction:column;gap:8px}.embed-link{padding:12px 16px;background:#f8f9fa;border-radius:6px;text-decoration:none;transition:background .2s;display:flex;justify-content:space-between}.embed-link:hover{background:#e9ecef;text-decoration:none}.embed-action{display:inline-block;margin-top:1rem;padding:10px 20px;background:#0070f3;color:#fff;border-radius:6px;text-decoration:none}.embed-action:hover{background:#0059c1;text-decoration:none}.embed-setup{text-align:center;padding:2rem 0}.embed-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid #eee;text-align:center}.embed-wallet{font-size:.85rem;color:#666}@media (max-width: 400px){.embed-content{padding:10px}.embed-header h2{font-size:1rem}.embed-link{padding:8px 12px;font-size:.9rem}}.error{color:#dc3545;background:#f8d7da;border:1px solid #f5c6cb;padding:12px;border-radius:8px;margin:16px 0}.success{color:#155724;background:#d4edda;border:1px solid #c3e6cb;padding:12px;border-radius:8px;margin:16px 0}.loading{text-align:center;color:#666;padding:2rem}@media (max-width: 768px){.container{margin:20px auto;padding:0 16px}.card{padding:24px}h1{font-size:1.6rem}.social-link-item{flex-direction:column}.social-link-item input{flex:1 1 100%!important}.header-actions{flex-direction:column;align-items:flex-start}}.card canvas{background:#fff;display:block;margin:0 auto;border-radius:12px}.helper-text{color:#6b7280;margin-bottom:12px}