*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #030808;--bg-secondary: #051010;--bg-card: #071515;--border-subtle: #0f2a2a;--border-medium: #1a3a3a;--text-primary: #e0f0f0;--text-secondary: #6ab0a0;--text-muted: #3a6a60;--accent-primary: #00ffcc;--accent-transform: #00ff99;--accent-transform-glow: rgba(0, 255, 153, .3);--accent-pod: #8b5cf6;--accent-pod-glow: rgba(139, 92, 246, .3);--accent-success: #00ffcc;--accent-success-glow: rgba(0, 255, 204, .25);--gradient-transform: linear-gradient(135deg, #00ff99 0%, #00ccff 100%);--gradient-pod: linear-gradient(135deg, #8b5cf6 0%, #06b6d4 100%)}body{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.faces-app{min-height:100vh;display:flex;flex-direction:column;position:relative}.narrator-transmission{position:relative;z-index:1;max-width:600px;margin:1.5rem auto 0;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#00140ff2,#050f0fe6);border:1px solid rgba(0,255,153,.3);border-radius:4px;font-family:SF Mono,Courier New,monospace;font-size:.75rem;line-height:1.6;box-shadow:0 0 30px #00ff991a,inset 0 0 60px #00ff9908}.narrator-transmission:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,153,.02) 2px,rgba(0,255,153,.02) 4px);pointer-events:none;border-radius:4px}.transmission-header-line{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem;flex-wrap:wrap}.transmission-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.transmission-value{color:var(--accent-transform)}.transmission-separator{color:var(--text-muted);opacity:.5}.status-active{color:var(--accent-success);animation:blink-status 2s ease-in-out infinite}.status-forbidden{color:#f44;text-shadow:0 0 10px rgba(255,68,68,.5)}@keyframes blink-status{0%,to{opacity:1}50%{opacity:.5}}.transmission-body{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,255,153,.15);color:var(--text-secondary);white-space:pre-line}.typing-cursor{color:var(--accent-transform);opacity:0;font-weight:700}.typing-cursor.visible{opacity:1}.transmission-ticker{font-family:SF Mono,Courier New,monospace;font-size:.6875rem;color:var(--text-muted);letter-spacing:.05em;margin-top:.75rem;padding:.5rem 1rem;background:#00ff990d;border-radius:4px;border-left:2px solid rgba(0,255,153,.3);animation:fade-ticker 8s ease-in-out infinite}@keyframes fade-ticker{0%,to{opacity:.6}50%{opacity:1}}.gallery-classification{font-family:SF Mono,Courier New,monospace;font-size:.6875rem;color:#f44;letter-spacing:.1em;margin-top:.25rem}.footer-transmission{color:var(--text-muted);font-size:.6875rem;letter-spacing:.05em}.footer-classification{color:var(--text-muted);font-size:.6875rem;letter-spacing:.05em;opacity:.6}.faces-footer{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}@media(max-width:768px){.narrator-transmission{margin:1rem 1rem 0;padding:1rem;font-size:.6875rem}.transmission-header-line{font-size:.625rem}}.bg-gradient{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(0,255,153,.06) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 50% 120%,rgba(139,92,246,.05) 0%,transparent 50%),radial-gradient(ellipse 40% 30% at 80% 20%,rgba(6,182,212,.04) 0%,transparent 40%);pointer-events:none;z-index:0}.faces-header{position:relative;z-index:1;text-align:center;padding:2rem 1rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.header-top{display:flex;align-items:center;gap:1rem}.faces-header h1{font-size:2.5rem;font-weight:200;letter-spacing:.4em;margin-right:-.4em;color:var(--text-primary)}.faces-header .tagline{font-size:.8125rem;font-weight:400;color:var(--text-muted);letter-spacing:.08em;max-width:500px;line-height:1.5}.testnet-badge{display:inline-block;padding:.25rem .75rem;background:#8b5cf633;color:#a78bfa;font-size:.625rem;font-weight:600;letter-spacing:.1em;border-radius:2px;border:1px solid rgba(139,92,246,.3)}.view-tabs{display:flex;gap:.25rem;margin-top:1.5rem;padding:.25rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px}.view-tabs .tab{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-family:inherit;font-size:.8125rem;font-weight:500;letter-spacing:.03em;color:var(--text-muted);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.view-tabs .tab:hover{color:var(--text-secondary);background:#ffffff08}.view-tabs .tab.active{color:var(--text-primary);background:var(--bg-card);box-shadow:0 2px 8px #0000004d}.tab-count{padding:.125rem .5rem;font-size:.6875rem;font-weight:600;background:var(--border-medium);border-radius:10px;color:var(--text-secondary)}.tab.active .tab-count{background:var(--accent-success);color:var(--bg-primary)}.faces-main{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;gap:2rem}.wallet-bar{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:100px;font-size:.75rem}.wallet-address{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-family:SF Mono,Monaco,monospace}.wallet-address .dot{width:6px;height:6px;background:var(--accent-success);border-radius:50%;box-shadow:0 0 8px var(--accent-success-glow)}.wallet-bar .network-badge{padding:.25rem .5rem;background:#30d1581a;color:var(--accent-success);font-size:.625rem;font-weight:600;letter-spacing:.05em;border-radius:2px}.wallet-actions{display:flex;gap:.5rem}.btn-small{padding:.375rem .75rem;font-family:inherit;font-size:.625rem;font-weight:500;letter-spacing:.03em;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;background:var(--border-medium);color:var(--text-secondary)}.btn-small:hover{background:#333;color:var(--text-primary)}.btn-small.btn-outline{background:transparent;border:1px solid var(--border-medium)}.btn-small.btn-outline:hover{border-color:#444;background:#ffffff08}.hero-media{width:280px;height:280px;position:relative;border-radius:16px;overflow:hidden;background:var(--bg-card);border:1px solid var(--border-subtle)}.pill-video{width:100%;height:100%;object-fit:cover}.pill-video.dimmed{opacity:.4;filter:grayscale(.5)}.faces-connect,.faces-network{display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center}.connect-content,.network-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.connect-content p,.network-content p{color:var(--text-secondary);font-size:.9375rem;max-width:280px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;font-family:inherit;font-size:.875rem;font-weight:500;letter-spacing:.05em;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;background:var(--text-primary);color:var(--bg-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffffff26}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:1rem 2rem;font-family:inherit;font-size:.875rem;font-weight:500;letter-spacing:.03em;border:1px solid var(--border-medium);border-radius:8px;cursor:pointer;transition:all .2s ease;background:transparent;color:var(--text-primary)}.btn-secondary:hover{border-color:#444;background:#ffffff08}.btn-danger{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:1rem 2rem;font-family:inherit;font-size:.875rem;font-weight:600;letter-spacing:.03em;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;background:var(--gradient-transform);color:var(--bg-primary);box-shadow:0 4px 16px var(--accent-transform-glow)}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 32px var(--accent-transform-glow)}.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.burn-flow{width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center;gap:2rem}.loading-state{display:flex;flex-direction:column;align-items:center;gap:2rem}.loading{color:var(--text-muted);font-size:.875rem}.burning-state{display:flex;flex-direction:column;align-items:center;gap:2rem;animation:fade-in .5s ease}@keyframes fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.transform-media{width:320px;height:320px;position:relative;border-radius:20px;overflow:hidden;background:var(--bg-card);border:2px solid var(--accent-transform);box-shadow:0 0 40px var(--accent-transform-glow),0 0 80px #00ff9926,inset 0 0 60px #00ff991a;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 40px var(--accent-transform-glow),0 0 80px #00ff9926,inset 0 0 60px #00ff991a}50%{box-shadow:0 0 60px var(--accent-transform-glow),0 0 120px #0f93,inset 0 0 80px #00ff9926}}.transform-video{width:100%;height:100%;object-fit:cover}.burning-info{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.burning-info h3{font-size:1.25rem;font-weight:500;color:var(--text-primary);animation:pulse-text 2s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.7}}.burning-info p{font-size:.875rem;color:var(--text-secondary);max-width:280px}.no-pills{display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center}.no-pills-content{display:flex;flex-direction:column;gap:.75rem}.no-pills-content h3{font-size:1.125rem;font-weight:500;color:var(--text-primary)}.no-pills-content p{color:var(--text-secondary);font-size:.875rem}.no-pills .hint{font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.no-pills code{background:var(--bg-secondary);padding:.125rem .5rem;border-radius:4px;font-family:SF Mono,Monaco,monospace;font-size:.75rem}.burn-interface{width:100%;display:flex;flex-direction:column;align-items:center;gap:3rem}.transformation-preview,.transformation-complete{display:flex;align-items:center;justify-content:center;gap:2rem}.media-card{position:relative;width:240px;height:280px;border-radius:16px;overflow:hidden;background:var(--bg-card);border:1px solid var(--border-subtle);transition:all .4s ease}.media-card .pill-video,.media-card .face-image{width:100%;height:calc(100% - 48px);object-fit:cover}.media-card .card-label{position:absolute;bottom:0;left:0;right:0;padding:.875rem;background:var(--bg-card);border-top:1px solid var(--border-subtle);font-size:.6875rem;font-weight:600;letter-spacing:.1em;color:var(--text-muted);text-align:center}.pill-card.selected{border-color:var(--accent-transform);box-shadow:0 0 24px var(--accent-transform-glow)}.pill-card.selected .card-label{color:var(--accent-transform)}.pill-card.burning{animation:pulse-transform 1.5s ease-in-out infinite}@keyframes pulse-transform{0%,to{box-shadow:0 0 24px var(--accent-transform-glow)}50%{box-shadow:0 0 48px var(--accent-transform-glow)}}.burn-overlay{position:absolute;top:0;left:0;right:0;bottom:48px;background:radial-gradient(circle at center,transparent 0%,rgba(0,255,153,.3) 100%);animation:transform-in 1.5s ease-in-out infinite}@keyframes transform-in{0%,to{opacity:.3}50%{opacity:.7}}.pill-card.faded{opacity:.4;filter:grayscale(.8)}.pill-card.faded .card-label{color:var(--text-muted)}.face-card.ready{border-color:var(--border-medium)}.face-card.revealed{border-color:var(--accent-success);box-shadow:0 0 32px var(--accent-success-glow)}.face-card.revealed .card-label{color:var(--accent-success)}.face-placeholder{width:100%;height:calc(100% - 48px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-card) 100%)}.face-placeholder span{font-size:4rem;font-weight:200;color:var(--border-medium)}.face-card.ready .face-placeholder span{color:var(--text-muted);animation:pulse-question 2s ease-in-out infinite}@keyframes pulse-question{0%,to{opacity:.3}50%{opacity:1}}.revealed-placeholder{background:linear-gradient(135deg,rgba(48,209,88,.1) 0%,var(--bg-card) 100%)}.revealed-placeholder span{font-size:2.5rem;font-weight:600;color:var(--accent-success)}.gallery-view{width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center;gap:2rem}.gallery-header{text-align:center}.gallery-header h2{font-size:1.5rem;font-weight:400;color:var(--text-primary);letter-spacing:.1em}.gallery-subtitle{margin-top:.5rem;font-size:.875rem;color:var(--text-muted)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;width:100%}.gallery-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;transition:all .3s ease}.gallery-card:hover{border-color:var(--border-medium);transform:translateY(-4px);box-shadow:0 12px 32px #0006}.gallery-card-image{aspect-ratio:1;overflow:hidden;background:var(--bg-secondary)}.gallery-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-card:hover .gallery-card-image img{transform:scale(1.05)}.gallery-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-card) 100%)}.gallery-placeholder span{font-size:2rem;font-weight:600;color:var(--border-medium)}.gallery-card-info{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.gallery-card-title{font-size:.9375rem;font-weight:500;color:var(--text-primary)}.gallery-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.pill-origin{color:var(--text-muted)}.owner-link{color:var(--text-secondary);text-decoration:none;font-family:SF Mono,Monaco,monospace;transition:color .2s ease}.owner-link:hover{color:var(--accent-success)}.gallery-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem}.loading-spinner{width:40px;height:40px;border:2px solid var(--border-medium);border-top-color:var(--text-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.small{width:20px;height:20px}@keyframes spin{to{transform:rotate(360deg)}}.gallery-loading p{color:var(--text-muted);font-size:.875rem}.gallery-loading-more{display:flex;align-items:center;gap:.75rem;color:var(--text-muted);font-size:.8125rem}.gallery-empty{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;text-align:center}.empty-icon{color:var(--border-medium);opacity:.5}.gallery-empty h3{font-size:1.25rem;font-weight:500;color:var(--text-primary)}.gallery-empty p{color:var(--text-muted);font-size:.875rem;margin-bottom:.5rem}.gallery-refresh{width:auto;padding:.75rem 2rem;margin-top:1rem}.transform-arrow{display:flex;align-items:center;justify-content:center;color:var(--border-medium);transition:all .3s ease}.transform-arrow.active{color:var(--text-muted)}.transformation-complete .transform-arrow{color:var(--accent-success)}.burn-controls{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.pill-count{display:flex;align-items:baseline;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.pill-count .count{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.pill-select{width:100%;padding:1rem 1.25rem;font-family:inherit;font-size:.875rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-medium);border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.pill-select:hover{border-color:#444}.pill-select:focus{outline:none;border-color:var(--accent-transform)}.pill-select:disabled{opacity:.5;cursor:not-allowed}.status-message{width:100%;padding:1rem 1.25rem;border-radius:8px;border:1px solid var(--border-medium);background:var(--bg-secondary);text-align:center}.status-message.approving,.status-message.burning{border-color:#00ff994d;background:#00ff990d}.status-message.error{border-color:#ef44444d;background:#ef44440d}.status-message p{font-size:.8125rem;color:var(--text-secondary);margin-bottom:.5rem}.tx-link{display:inline-block;color:var(--accent-success);text-decoration:none;font-size:.75rem;font-weight:500;transition:opacity .2s ease}.tx-link:hover{opacity:.8}.mint-success{display:flex;flex-direction:column;align-items:center;gap:3rem}.success-info{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.success-info h2{font-size:1.5rem;font-weight:500;color:var(--text-primary)}.success-info p{font-size:.9375rem;color:var(--text-secondary)}.success-info .tx-link{font-size:.8125rem}.success-info .btn-secondary{width:auto;padding:.875rem 2rem;margin-top:.5rem}.faces-footer{position:relative;z-index:1;text-align:center;padding:2rem 1rem;font-size:.75rem}.faces-footer a{color:var(--text-muted);text-decoration:none;letter-spacing:.05em;transition:color .2s ease}.faces-footer a:hover{color:var(--text-secondary)}@media(max-width:768px){.faces-header h1{font-size:2rem}.transformation-preview,.transformation-complete{flex-direction:column;gap:1.5rem}.transform-arrow{transform:rotate(90deg)}.media-card{width:220px;height:260px}.wallet-bar{flex-wrap:wrap;justify-content:center;gap:.75rem;padding:.75rem 1rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.gallery-card-info{padding:.75rem}.gallery-card-title{font-size:.875rem}.gallery-card-meta{font-size:.6875rem}}@media(max-width:480px){.faces-header{padding:1.5rem 1rem 1rem}.header-top{flex-direction:column;gap:.5rem}.faces-header h1{font-size:1.75rem;letter-spacing:.3em}.faces-main{padding:1.5rem 1rem}.hero-media{width:240px;height:240px}.media-card{width:200px;height:240px}.burn-controls{max-width:100%}.view-tabs .tab{padding:.5rem 1rem;font-size:.75rem}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.gallery-card-info{padding:.625rem}.gallery-card-meta{flex-direction:column;align-items:flex-start;gap:.25rem}}