:root{--coracle-primary: #6366f1;--coracle-primary-dark: #4f46e5;--coracle-primary-light: #818cf8;--coracle-secondary: #8b5cf6;--coracle-success: #22c55e;--coracle-warning: #f59e0b;--coracle-error: #ef4444;--coracle-orange: #f97316;--coracle-gray-50: #f9fafb;--coracle-gray-100: #f3f4f6;--coracle-gray-200: #e5e7eb;--coracle-gray-300: #d1d5db;--coracle-gray-400: #9ca3af;--coracle-gray-500: #6b7280;--coracle-gray-600: #4b5563;--coracle-gray-700: #374151;--coracle-gray-800: #1f2937;--coracle-gray-900: #111827}.coracle-simulator{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--coracle-gray-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.coracle-screen{min-height:calc(100vh - 64px);padding-bottom:2rem}.coracle-welcome-banner{background:linear-gradient(135deg,var(--coracle-primary) 0%,var(--coracle-secondary) 100%);color:#fff}.coracle-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;background-color:var(--coracle-primary);color:#fff;font-weight:600;font-size:.875rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #6366f11a}.coracle-btn-primary:hover{background-color:var(--coracle-primary-dark);transform:translateY(-1px);box-shadow:0 4px 6px -1px #6366f133}.coracle-btn-primary:active{transform:translateY(0)}.coracle-btn-primary:focus{outline:none;box-shadow:0 0 0 3px #6366f14d}.coracle-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.coracle-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;background-color:#fff;color:var(--coracle-gray-700);font-weight:600;font-size:.875rem;border-radius:.5rem;border:1px solid var(--coracle-gray-300);cursor:pointer;transition:all .2s ease}.coracle-btn-secondary:hover{background-color:var(--coracle-gray-50);border-color:var(--coracle-gray-400)}.coracle-btn-secondary:focus{outline:none;box-shadow:0 0 0 3px #6366f126;border-color:var(--coracle-primary)}.coracle-input{width:100%;padding:.75rem 1rem;font-size:1rem;line-height:1.5;color:var(--coracle-gray-900);background-color:#fff;border:2px solid var(--coracle-gray-200);border-radius:.5rem;transition:all .2s ease}.coracle-input:hover{border-color:var(--coracle-gray-300)}.coracle-input:focus{outline:none;border-color:var(--coracle-primary);box-shadow:0 0 0 3px #6366f126}.coracle-input::-moz-placeholder{color:var(--coracle-gray-400)}.coracle-input::placeholder{color:var(--coracle-gray-400)}.coracle-input:disabled{background-color:var(--coracle-gray-100);cursor:not-allowed}.coracle-key-display{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background-color:var(--coracle-gray-50);border:2px solid var(--coracle-gray-200);border-radius:.5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem}.coracle-copy-btn{flex-shrink:0;padding:.375rem .75rem;font-size:.75rem;font-weight:600;color:var(--coracle-primary);background-color:#fff;border:1px solid var(--coracle-gray-300);border-radius:.375rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.coracle-copy-btn:hover{background-color:var(--coracle-primary);color:#fff;border-color:var(--coracle-primary)}.coracle-card{background-color:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid var(--coracle-gray-100);transition:box-shadow .2s ease}.coracle-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.line-clamp-6{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}*:focus-visible{outline:2px solid var(--coracle-primary);outline-offset:2px}@keyframes coracle-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:coracle-fade-in .3s ease-out}@media(prefers-contrast:high){.coracle-btn-primary{border:2px solid var(--coracle-primary-dark)}.coracle-input,.coracle-key-display{border-width:3px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:640px){.coracle-screen{padding-left:1rem;padding-right:1rem}.coracle-btn-primary,.coracle-btn-secondary{padding:.75rem 1rem}.coracle-input{font-size:16px}}.coracle-simulator ::-webkit-scrollbar{width:8px;height:8px}.coracle-simulator ::-webkit-scrollbar-track{background:var(--coracle-gray-100);border-radius:4px}.coracle-simulator ::-webkit-scrollbar-thumb{background:var(--coracle-gray-400);border-radius:4px}.coracle-simulator ::-webkit-scrollbar-thumb:hover{background:var(--coracle-gray-500)}