@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600;700&display=swap";.activar-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.thread-curve{position:absolute;border-radius:50%;border:1px solid rgba(91,155,213,.06);pointer-events:none}.thread-curve-1{width:800px;height:800px;top:-300px;left:-300px}.thread-curve-2{width:500px;height:500px;bottom:-200px;right:-150px}.activar-content{display:flex;flex-direction:column;align-items:center;gap:2.5rem;max-width:440px;width:100%;z-index:1}.brand{text-align:center}.brand-name{font-size:3rem;font-weight:300;letter-spacing:8px;text-transform:uppercase;color:var(--text-primary);margin-bottom:.5rem}.brand-tagline{font-size:.875rem;letter-spacing:4px;text-transform:uppercase;color:var(--text-muted);font-weight:400}.code-form{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%}.code-label{font-size:.8rem;letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary)}.code-input{width:100%;text-align:center;font-family:var(--font-mono);font-size:2rem;font-weight:600;letter-spacing:6px;padding:1rem 1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);outline:none;transition:var(--transition);caret-color:var(--accent)}.code-input::placeholder{color:var(--text-muted);letter-spacing:6px}.code-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.code-input.error{border-color:var(--error);box-shadow:0 0 0 3px #f871711a}.code-input.loading{opacity:.6}.submit-btn{width:100%;padding:.875rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font);font-size:.875rem;font-weight:500;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:var(--transition);position:relative}.submit-btn:hover:not(:disabled){border-color:var(--accent);background:#5b9bd50d}.submit-btn:disabled{opacity:.4;cursor:not-allowed}.spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--text-muted);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}.error-message{font-size:.8rem;color:var(--error);text-align:center}.help-link{background:none;border:none;color:var(--text-muted);font-size:.75rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px;letter-spacing:.5px;transition:var(--transition)}.help-link:hover{color:var(--text-secondary)}.activar-footer{position:fixed;bottom:1.5rem;text-align:center;width:100%}.activar-footer p{font-size:.65rem;color:var(--text-muted);letter-spacing:1px}@media(max-width:480px){.brand-name{font-size:2.2rem;letter-spacing:5px}.code-input{font-size:1.5rem;letter-spacing:4px}}.viewer-page{min-height:100vh;display:flex;flex-direction:column}.viewer-center{align-items:center;justify-content:center;gap:1.5rem}.brand-mini{font-size:1.2rem;font-weight:300;letter-spacing:5px;text-transform:uppercase;color:var(--text-secondary)}.loading-spinner{width:32px;height:32px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:.85rem;color:var(--text-muted);letter-spacing:1px}.error-text{color:var(--error);font-size:.9rem}.back-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);padding:.5rem 1.5rem;border-radius:var(--radius);font-family:var(--font);font-size:.8rem;cursor:pointer;transition:var(--transition)}.back-btn:hover{border-color:var(--accent)}.viewer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-surface)}.viewer-brand{font-size:.9rem;font-weight:300;letter-spacing:4px;text-transform:uppercase;color:var(--text-secondary)}.viewer-meta{display:flex;gap:.5rem;font-size:.75rem;color:var(--text-muted);letter-spacing:1px}.meta-sep{opacity:.4}.viewer-actions{display:flex;gap:.5rem}.icon-btn{background:none;border:1px solid var(--border);color:var(--text-secondary);width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.icon-btn:hover,.icon-btn.active{border-color:var(--accent);color:var(--text-primary)}.viewer-main{flex:1;display:grid;grid-template-columns:1fr 360px;gap:0;overflow:hidden}.canvas-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:var(--bg-primary)}.guide-canvas{width:100%;max-width:600px;aspect-ratio:1;border-radius:8px}.legend{display:flex;gap:1.5rem;margin-top:1rem;font-size:.75rem;color:var(--text-secondary)}.legend-item{display:flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:50%}.dot-from{background:#4ade80}.dot-to{background:#f87171}.controls-panel{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:var(--bg-surface);border-left:1px solid var(--border);overflow-y:auto}.step-card{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.nail-block{text-align:center}.nail-direction{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:4px}.nail-id{font-family:var(--font-mono);font-size:1.8rem;font-weight:700}.nail-id.from{color:#4ade80}.nail-id.to{color:#f87171}.arrow{font-size:1.5rem;color:var(--text-muted)}.progress-section{display:flex;flex-direction:column;gap:.75rem}.step-counter{text-align:center}.step-current{font-family:var(--font-mono);font-size:2rem;font-weight:700;color:var(--text-primary)}.step-total{font-family:var(--font-mono);font-size:1rem;color:var(--text-muted)}.scrubber{width:100%;height:4px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none;cursor:pointer}.scrubber::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer}.speed-control{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--text-secondary)}.speed-slider{flex:1;height:3px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none}.speed-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--text-secondary);cursor:pointer}.transport{display:flex;align-items:center;justify-content:center;gap:1rem}.transport-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);width:48px;height:48px;border-radius:50%;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.transport-btn:hover{border-color:var(--accent)}.play-btn{width:60px;height:60px;font-size:1.3rem;border-color:var(--accent)}.jump-row{display:flex;justify-content:center}.jump-input{width:140px;text-align:center;padding:.4rem .75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:var(--font-mono);font-size:.8rem;outline:none;transition:var(--transition)}.jump-input:focus{border-color:var(--accent)}.jump-input::placeholder{color:var(--text-muted)}@media(max-width:768px){.viewer-main{grid-template-columns:1fr;grid-template-rows:auto auto}.canvas-wrapper{padding:1rem}.controls-panel{border-left:none;border-top:1px solid var(--border)}.nail-id{font-size:1.4rem}.step-current{font-size:1.5rem}}:root{--bg-primary: #0a0a0a;--bg-surface: #141414;--bg-card: #1a1a1a;--text-primary: #e8e8e8;--text-secondary: #888;--text-muted: #555;--accent: #5b9bd5;--accent-glow: rgba(91, 155, 213, .15);--border: #252525;--success: #4ade80;--error: #f87171;--radius: 12px;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}body:after{content:"";position:fixed;top:-200px;right:-200px;width:600px;height:600px;border-radius:50%;border:1px solid rgba(91,155,213,.06);pointer-events:none;z-index:0}#root{min-height:100vh;position:relative;z-index:1}