@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--bg-0:#f8fafc;--bg-1:#fff;--bg-2:#f5f7fb;--text:#1f2937;--text-sub:#475569;--pri-1:#3b82f6;--pri-2:#2563eb;--pri-3:#1d4ed8;--sec-1:#8b5cf6;--sec-2:#7c3aed;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--quantum-blue:#3b82f6;--quantum-purple:#8b5cf6;--quantum-teal:#06b6d4;--card:#fffffff2;--panel:#ffffffe6;--border:#94a3b833;--shadow-1:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-2:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-3:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--glow-blue:0 0 10px #3b82f680;--glow-purple:0 0 10px #8b5cf680}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top left,#0f172a,#000);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;overflow-x:hidden}body,body.simulator-bg{color:#1f2937;color:var(--text)}body.simulator-bg{background:#fff!important}.quantum-simulator{margin:40px auto;max-width:1200px;padding:24px;position:relative}.header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;background:var(--panel);background-image:radial-gradient(circle at 15% 50%,#3b82f60d 0,#0000 25%),radial-gradient(circle at 85% 30%,#8b5cf60d 0,#0000 25%);border:1px solid #94a3b833;border:1px solid var(--border);border-radius:24px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-2);margin-bottom:32px;padding:32px 24px;text-align:center}.header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--pri-2),var(--sec-2));-webkit-background-clip:text;font-size:2.8rem;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.subtitle{color:#475569;color:var(--text-sub);font-size:1.15rem;font-weight:400}.controls-container{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.controls{grid-gap:20px;background:#ffffffe6;background:var(--panel);border:1px solid #94a3b833;border:1px solid var(--border);border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-1);display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));padding:24px}.control-item{display:flex;flex-direction:column;gap:12px;min-width:0;position:relative}.control-item label{color:#475569;color:var(--text-sub);font-size:.95rem;font-weight:600}.info-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--pri-1),var(--sec-1));border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;cursor:help;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .3s ease;width:20px}.info-icon:hover{box-shadow:0 6px 16px #3b82f666;transform:scale(1.15)}.info-tooltip{background:#1f2937;border:1px solid #3b82f64d;border-radius:8px;bottom:100%;box-shadow:0 8px 24px #0000004d;color:#fff;font-size:12px;font-weight:500;left:50%;max-width:200px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-8px);transition:all .3s ease;visibility:hidden;white-space:normal;z-index:10000}.info-icon:hover+.info-tooltip,.info-tooltip:hover{opacity:1;transform:translateX(-50%) translateY(-12px);visibility:visible}.info-tooltip:before{border:6px solid #0000;border-top-color:#1f2937;bottom:-6px;content:"";left:50%;position:absolute;transform:translateX(-50%)}.control-item input[type=range]{appearance:none;background:linear-gradient(90deg,#3b82f6,#8b5cf6);background:linear-gradient(90deg,var(--pri-1),var(--sec-1));border-radius:999px;height:8px;outline:none;transition:all .2s ease;width:100%}.control-item input[type=range]:hover{box-shadow:0 0 10px #3b82f680;box-shadow:var(--glow-blue)}.control-item input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border:2px solid #2563eb;border:2px solid var(--pri-2);border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;height:24px;-webkit-transition:all .2s ease;transition:all .2s ease;width:24px}.control-item input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #0000004d;transform:scale(1.1)}.simulate-button-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.simulate-button{background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--pri-2),var(--sec-2));border:none;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-2);color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:.3px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.simulate-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.simulate-button:hover:not(:disabled){box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-3);transform:translateY(-3px)}.simulate-button:hover:not(:disabled):before{left:100%}.simulate-button:disabled{background:linear-gradient(135deg,#cbd5e1,#94a3b8);color:#64748b;cursor:not-allowed;transform:none}.timeline{background:#ffffffe6;background:var(--panel);border:1px solid #94a3b833;border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-1);color:#2563eb;color:var(--pri-2);font-weight:500;margin-bottom:24px;padding:16px 24px;text-align:center;transition:all .3s ease}.quantum-channel-container{margin-bottom:32px;position:relative}.quantum-channel{align-items:center;background:#ffffffe6;background:var(--panel);background-image:radial-gradient(circle at 20% 30%,#3b82f60d 0,#0000 40%),radial-gradient(circle at 80% 70%,#8b5cf60d 0,#0000 40%);border:1px solid #94a3b833;border:1px solid var(--border);border-radius:24px;display:flex;gap:20px;height:240px;justify-content:space-between;padding:24px}.party,.quantum-channel{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-1);position:relative}.party{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;color:#0f172a;padding:20px 16px;text-align:center;transition:all .3s ease;width:200px;z-index:2}.party:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-2);transform:translateY(-5px)}.party.alice{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:#7dd3fc}.party.bob{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#34d399}.party.eve{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border:1px solid #f9a8d4;left:50%;opacity:.9;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease}.party.eve.active{box-shadow:0 0 20px #f472b680;opacity:1;transform:translate(-50%,-50%) scale(1.05)}.party .label{font-size:1.2rem;font-weight:700;margin-bottom:8px}.party .description{color:#475569;color:var(--text-sub);font-size:.9rem;margin-bottom:12px}.bit-display{display:flex;height:40px}.bit-display,.bit-indicator{align-items:center;justify-content:center}.bit-indicator{border-radius:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-1);display:inline-flex;font-size:1.1rem;font-weight:700;height:36px;transition:all .3s ease;width:36px}.bit-indicator.zero{background:linear-gradient(135deg,#dbeafe,#93c5fd);border:2px solid #3b82f6;color:#1e40af}.bit-indicator.one{background:linear-gradient(135deg,#fee2e2,#fca5a5);border:2px solid #ef4444;color:#991b1b}.communication-line{background:linear-gradient(90deg,#93c5fd,#c7d2fe,#a7f3d0);border-radius:999px;box-shadow:0 0 10px #3b82f64d;flex:1 1;height:8px;opacity:.9;overflow:visible;position:relative}.photon{align-items:center;background:radial-gradient(circle at 30% 30%,#fff 0,#fef3c7 50%,#fecaca 100%);border-radius:50%;box-shadow:0 8px 24px #3b82f666,inset 0 0 0 3px #fffc;color:#0f172a;display:flex;flex-direction:column;height:48px;justify-content:center;left:0;position:absolute;top:-24px;width:48px;z-index:10}.photon-symbol{font-size:20px;font-weight:700}.photon-basis,.photon-symbol{margin-bottom:2px}.photon-bit{align-items:center;display:flex;justify-content:center}.quantum-wave{background:#ffffff4d;border-radius:50%;bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.eve-indicator{background:#fdf2f8;border:1px solid #fbcfe8;border-radius:999px;color:#db2777;font-weight:700;left:50%;padding:8px 16px;position:absolute;top:-50px;transform:translateX(-50%);z-index:5}.eve-indicator,.results-table{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-1)}.results-table{background:#f5f7fb;background:var(--bg-2);border:1px solid #94a3b833;border:1px solid var(--border);border-radius:20px;margin-bottom:32px;overflow:hidden}.table-wrapper{border-radius:20px;max-height:400px;overflow:auto}.table-wrapper::-webkit-scrollbar{height:12px;width:12px}.table-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#13e255,#968da9);border:3px solid #f5f7fb;border:3px solid var(--bg-2);border-radius:10px}.table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}table{border-collapse:collapse;font-size:.95rem;width:100%}th{background:linear-gradient(135deg,#e0e7ff,#ddd6fe);color:#0f172a;font-weight:600;padding:16px 12px;position:sticky;text-align:left;top:0;z-index:1}td{border-top:1px solid #94a3b833;border-top:1px solid var(--border);color:#1f2937;color:var(--text);font-weight:500;padding:14px 12px}tr.correct{background:#5ce771}tr.eve-present{background:#ef5f70}tr.error{background:#fb3131}tr.bases-differ{background:#fff}tr.highlighted{background:#eef881;box-shadow:0 0 0 2px #eef881}.results{margin-bottom:32px}.results h2{color:#2563eb;color:var(--pri-2);font-size:1.8rem;margin-bottom:20px;text-align:center}.result-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.result-card{background:#fffffff2;background:var(--card);border:1px solid #94a3b833;border:1px solid var(--border);border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-1);padding:24px;position:relative;transition:all .3s ease}.result-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-2);transform:translateY(-5px)}.result-card h3{color:#2563eb;color:var(--pri-2);font-size:1.2rem;margin-bottom:16px}.result-card .info-icon{font-size:14px;height:24px;right:16px;top:16px;width:24px}.result-card .info-tooltip{font-size:12px;max-width:220px}.key-display{background:#eef2ff;border:1px solid #e0e7ff;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;min-height:60px;padding:16px}.bit{align-items:center;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-1);display:inline-flex;font-weight:700;height:32px;justify-content:center;transition:all .2s ease;width:32px}.bit.zero{background:linear-gradient(135deg,#dbeafe,#93c5fd);border:1px solid #3b82f6;color:#1e40af}.bit.one{background:linear-gradient(135deg,#fee2e2,#fca5a5);border:1px solid #ef4444;color:#991b1b}.bit.eve-bit{border:1px dashed #db2777}.qber-value{color:#2563eb;color:var(--pri-2);font-size:2rem;font-weight:800;margin-bottom:8px}.encryption-section{background:#fffffff2;background:var(--card);border:1px solid #94a3b833;border:1px solid var(--border);border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-1);margin-bottom:32px;padding:28px}.encryption-section h2{color:#2563eb;color:var(--pri-2);font-size:1.8rem;margin-bottom:20px;text-align:center}.encryption-controls{grid-gap:20px;align-items:end;display:grid;gap:20px;grid-template-columns:1fr auto}.input-group{display:flex;flex-direction:column;gap:10px}.input-group label{color:#475569;color:var(--text-sub);font-weight:600}.input-group input{background:#fff;border:1px solid #94a3b833;border:1px solid var(--border);border-radius:12px;color:#1f2937;color:var(--text);font-family:inherit;outline:none;padding:12px 16px;transition:all .3s ease}.input-group input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.encryption-controls button{background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--pri-2),var(--sec-2));border:none;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-1);color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.encryption-controls button:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-2);transform:translateY(-2px)}.encryption-controls button:disabled{background:linear-gradient(135deg,#cbd5e1,#94a3b8);color:#64748b;cursor:not-allowed}.decrypted-data,.encrypted-data{grid-column:1/-1;margin-top:20px}.decrypted-data h4,.encrypted-data h4{color:#2563eb;color:var(--pri-2);font-size:1.1rem;margin-bottom:12px}.ciphertext,.plaintext{background:#f8fafc;border:1px solid #94a3b833;border:1px solid var(--border);border-radius:12px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;line-height:1.5;padding:16px;word-break:break-word}.chatbot-container{bottom:20px;position:fixed;right:20px;z-index:1000}.chatbot-toggle{background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--pri-2),var(--sec-2));border-radius:25px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-2);font-weight:600}.chatbot-toggle:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-3);transform:translateY(-3px)}.chatbot-window{background:#ffffffe6;background:var(--panel);border:1px solid #94a3b833;border:1px solid var(--border);border-radius:16px;bottom:60px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-2);display:flex;flex-direction:column;height:450px;overflow:hidden;position:absolute;right:0;width:350px}.chatbot-header{background:linear-gradient(135deg,#e0e7ff,#ddd6fe);border-bottom:1px solid #94a3b833;border-bottom:1px solid var(--border);padding:16px}.chatbot-header h3{color:#2563eb;color:var(--pri-2);margin-bottom:4px}.chatbot-header p{color:#475569;color:var(--text-sub);font-size:.85rem}.chatbot-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.chat-message{border-radius:12px;line-height:1.4;max-width:80%;padding:12px}.chat-message.user{align-self:flex-end;background:#3b82f6;background:var(--pri-1);border-bottom-right-radius:4px;color:#fff}.chat-message.bot{align-self:flex-start;background:#eef2ff;border-bottom-left-radius:4px;color:#1f2937;color:var(--text)}.chatbot-input{border-top:1px solid #94a3b833;border-top:1px solid var(--border);gap:8px;padding:16px}.chatbot-input input{border:1px solid #94a3b833;border:1px solid var(--border);font-family:inherit;padding:10px 16px}.chatbot-input button{background:#3b82f6;background:var(--pri-1);font-weight:600;padding:10px 16px}.legend{background:#fffffff2;background:var(--card);border:1px solid #94a3b833;border:1px solid var(--border);border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-1);margin-bottom:24px;padding:24px}.legend h3{color:#2563eb;color:var(--pri-2);font-size:1.3rem;margin-bottom:16px}.legend-items{display:flex;flex-wrap:wrap;gap:20px}.legend-item{align-items:center;color:#475569;color:var(--text-sub);display:flex;gap:12px}.color-swatch{border:1px solid #94a3b833;border:1px solid var(--border);border-radius:4px;height:20px;width:20px}.color-swatch.correct{background:#77e19c}.color-swatch.eve-present{background:#f06cb7}.color-swatch.error{background:#ee6767}.color-swatch.bases-differ{background:#ebd370}.color-swatch.highlighted{background:#e0e7ff}.footer{background:#f5f7fb;background:var(--bg-2);border:1px solid #94a3b833;border:1px solid var(--border);border-radius:16px;color:#475569;color:var(--text-sub);font-size:.9rem;margin-top:8px;padding:20px;text-align:center}@media (max-width:1024px){.controls,.result-cards{grid-template-columns:1fr 1fr}}@media (max-width:768px){.quantum-simulator{padding:16px}.controls{gap:16px;grid-template-columns:1fr}.quantum-channel{flex-direction:column;gap:20px;height:auto;padding:20px}.communication-line{height:6px;width:100%}.encryption-controls,.result-cards{grid-template-columns:1fr}.party{max-width:280px;width:100%}.party.eve{left:auto;margin:0 auto;position:relative;top:auto;transform:none}.hardware-toggle-container{right:16px;top:16px;width:260px}.hardware-toggle{padding:12px 16px;width:260px}.toggle-label{font-size:11px;margin-bottom:8px}.toggle-switch{height:34px;width:150px}.toggle-slider:before{height:26px;width:26px}input:checked+.toggle-slider:before{transform:translateX(116px)}.chatbot-container{bottom:10px;right:10px}.chatbot-window{height:400px;width:300px}}.chatbot-toggle{background:#4a90e2;border:none;border-radius:50px;bottom:20px;box-shadow:0 4px 12px #4a90e24d;color:#fff;cursor:pointer;font-weight:700;padding:12px 20px;position:fixed;right:20px;transition:all .3s ease;z-index:1000}.chatbot-toggle:hover{background:#357abd;transform:translateY(-2px)}.chatbot-panel{background:#fff;border-radius:12px;bottom:80px;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;height:500px;overflow:hidden;position:fixed;right:20px;width:350px;z-index:1000}.chatbot-header{align-items:center;background:#4a90e2;color:#fff;display:flex;justify-content:space-between;padding:15px}.chatbot-close{background:none;border:none;color:#fff;cursor:pointer;font-size:20px}.chatbot-body{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:15px}.msg{display:flex}.msg.user{justify-content:flex-end}.msg.bot{justify-content:flex-start}.bubble{word-wrap:break-word;border-radius:18px;max-width:80%;padding:10px 15px}.msg.user .bubble{background:#4a90e2;border-bottom-right-radius:5px;color:#fff}.msg.bot .bubble{background:#f0f2f5;border-bottom-left-radius:5px;color:#333}.chatbot-quick{border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:8px;padding:10px 15px}.chip{background:#e8f0fe;border:1px solid #4a90e2;border-radius:16px;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.chip:hover{background:#4a90e2;color:#fff}.chatbot-input{border-top:1px solid #eee;display:flex;gap:10px;padding:15px}.chatbot-input input{border:1px solid #ddd;border-radius:20px;flex:1 1;outline:none;padding:10px}.chatbot-input button{background:#4a90e2;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:10px 15px}.hardware-toggle-container{height:auto;position:fixed;right:24px;top:24px;width:280px;z-index:999}.hardware-toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:1px solid #fff3;border-radius:16px;box-shadow:0 10px 30px #3b82f64d,0 0 20px #8b5cf633;padding:14px 20px;transition:all .3s ease;width:280px}.hardware-toggle:hover{box-shadow:0 15px 40px #3b82f666,0 0 30px #8b5cf64d;transform:translateY(-4px)}.toggle-label{color:#fff;display:block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-shadow:0 2px 4px #0003;text-transform:uppercase}.toggle-switch{display:inline-block;height:44px;position:fixed;right:20px;top:20px;width:220px;z-index:9999}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{align-items:center;background:linear-gradient(90deg,#1e293b,#0f172a);border:2px solid #3b82f680;border-radius:24px;bottom:0;box-shadow:inset 0 2px 6px #00000059;cursor:pointer;display:flex;left:0;padding:0 10px;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:all .35s ease}.toggle-slider:before{background:linear-gradient(135deg,#fff,#f0f4f8);border-radius:50%;box-shadow:0 6px 18px #00000040,0 2px 6px #3b82f62e;content:"";height:36px;left:4px;width:36px;z-index:2}input:checked+.toggle-slider{background:linear-gradient(90deg,#1e3a8a,#312e81);border-color:#8b5cf6b3;box-shadow:inset 0 2px 6px #0006,0 0 16px #8b5cf64d}input:checked+.toggle-slider:before{box-shadow:0 6px 18px #8b5cf659,0 2px 8px #8b5cf647;transform:translateX(176px)}.toggle-on{color:#fff;font-size:15x;font-weight:700;left:50%;letter-spacing:.3px;position:absolute;text-shadow:0 1px 3px #0000004d;transform:translateX(-50%);transition:all .4s ease;white-space:nowrap}.toggle-description{color:#fffffff2;font-size:11px;font-weight:500;margin-top:3px;opacity:.9;text-align:center;text-shadow:0 1px 2px #0003}button[data-tooltip]:hover:before{bottom:110%;font-size:12px;max-width:200px;padding:10px 12px;white-space:normal}button[data-tooltip]:hover:after{bottom:105%}label[data-tooltip]{cursor:help;position:relative}label[data-tooltip]:hover:before{background:#1f2937;border:1px solid #3b82f64d;border-radius:8px;bottom:125%;box-shadow:0 4px 12px #0000004d;color:#fff;content:attr(data-tooltip);display:block;font-size:12px;font-weight:500;left:0;max-width:200px;padding:8px 12px;position:absolute;white-space:normal;z-index:10000}.secure-quantum-chat{background:#fffffff2;background:var(--card);border:1px solid #94a3b833;border:1px solid var(--border);border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-1);margin-bottom:32px;padding:28px}.secure-quantum-chat h2{color:#2563eb;color:var(--pri-2);font-size:1.8rem;margin-bottom:8px;text-align:center}.chat-subtitle{color:#475569;color:var(--text-sub);font-size:.95rem;margin-bottom:24px;text-align:center}.chat-container{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:1fr auto 1fr}.chat-panel{background:#f8fafc;border:1px solid #94a3b833;border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.chat-panel:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-2)}.panel-header{border-bottom:1px solid #94a3b833;border-bottom:1px solid var(--border);font-weight:700;padding:16px}.alice-header{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-bottom-color:#7dd3fc}.bob-header{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-bottom-color:#34d399}.party-name{align-items:center;display:flex;gap:10px}.party-avatar{font-size:1.8rem}.party-label{color:#1f2937;color:var(--text);font-size:1rem}.panel-content{flex:1 1;gap:12px;min-height:300px;overflow-y:auto;padding:16px}.empty-state,.panel-content{display:flex;flex-direction:column}.empty-state{align-items:center;color:#475569;color:var(--text-sub);height:100%;justify-content:center;text-align:center}.empty-state p{margin-bottom:4px}.empty-state .hint{font-size:.85rem;opacity:.8}.messages-list{gap:12px}.message-bubble,.messages-list{display:flex;flex-direction:column}.message-bubble{word-wrap:break-word;animation:slideIn .3s ease;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-1);gap:8px;max-width:90%;padding:12px 16px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.alice-message{align-self:flex-start;background:linear-gradient(135deg,#dbeafe,#93c5fd);border:1px solid #93c5fd;color:#1e40af}.bob-message{align-self:flex-end;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #a7f3d0;color:#065f46}.message-text{font-weight:600;line-height:1.4}.message-time{font-size:.75rem;margin-top:4px;opacity:.7}.message-stages{display:flex;flex-direction:column;gap:10px}.stage{background:#ffffff4d;border-radius:8px;padding:8px}.stage-label{font-size:.8rem;font-weight:600;margin-bottom:4px;opacity:.9}.stage-content{border-radius:4px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.8rem;line-height:1.3;padding:6px;word-break:break-all}.ciphertext-stage{background:#0000001a;color:inherit}.plaintext-stage{background:#ffffff80;color:inherit}.processing,.stage-arrow{font-size:.9rem;opacity:.7;text-align:center}.processing{font-style:italic}.panel-input{background:#f1f5f9;border-top:1px solid #94a3b833;border-top:1px solid var(--border);display:flex;gap:8px;padding:12px}.panel-input input{background:#fff;border:1px solid #94a3b833;border:1px solid var(--border);border-radius:8px;flex:1 1;font-family:inherit;outline:none;padding:10px 12px;transition:all .2s ease}.panel-input input:focus{border-color:#2563eb;border-color:var(--pri-2);box-shadow:0 0 0 3px #3b82f61a}.panel-input input.disabled-input{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.send-button{background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--pri-2),var(--sec-2));border:none;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-1);color:#fff;cursor:pointer;font-weight:600;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.send-button:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-2);transform:translateY(-2px)}.send-button:disabled{background:linear-gradient(135deg,#cbd5e1,#94a3b8);color:#64748b;cursor:not-allowed;opacity:.6}.panel-info{background:#f1f5f9;border-top:1px solid #94a3b833;border-top:1px solid var(--border);font-size:.9rem;padding:12px;text-align:center}.key-status{align-items:center;color:#1f2937;color:var(--text);display:flex;font-weight:600;gap:6px;justify-content:center}.status-dot{animation:glow 1.5s infinite;background:#94a3b8;border-radius:50%;height:8px;width:8px}.encryption-pipeline{background:linear-gradient(135deg,#e0e7ff,#ddd6fe);border:1px solid #c7d2fe;border-radius:16px;gap:12px;justify-content:center;min-width:140px;padding:20px}.encryption-pipeline,.pipeline-step{align-items:center;display:flex;flex-direction:column}.pipeline-step{gap:8px}.step-icon{font-size:1.8rem}.step-label{font-size:.85rem;font-weight:600;text-align:center}.pipeline-arrow{color:#2563eb;color:var(--pri-2);font-size:1.2rem;font-weight:700}.security-note{background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;color:#92400e;font-size:.8rem;font-weight:600;padding:8px 12px;text-align:center}@media (max-width:1024px){.chat-container{grid-template-columns:1fr}.encryption-pipeline{order:2}.status-badges-container{flex-direction:column}.status-badge{min-width:auto}.steps-track{flex-direction:column}.step-connector{height:30px;min-width:auto;width:3px}}@media (max-width:768px){.chat-container{grid-template-columns:1fr}.panel-content{min-height:200px}.step-timeline-container{padding:20px}.steps-track{flex-direction:column;gap:8px}.step-item{flex-direction:row;gap:16px;justify-content:flex-start;min-width:auto;width:100%}.step-connector{align-self:center;height:40px;margin-left:29px;min-width:auto;width:3px}.secure-quantum-chat{padding:16px}.secure-quantum-chat h2{font-size:1.4rem}.status-badges-container{gap:12px}.status-badge{flex-direction:column;gap:8px;min-width:auto;text-align:center}.status-badge .badge-detail{display:none}}.step-timeline-container{background:#fffffff2;background:var(--card);border:1px solid #94a3b833;border:1px solid var(--border);border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-1);margin-bottom:32px;padding:28px}.timeline-title{color:#2563eb;color:var(--pri-2);font-size:1.4rem;margin-bottom:24px;text-align:center}.steps-track{flex-wrap:wrap;gap:0;justify-content:space-between}.step-item,.steps-track{align-items:center;display:flex;position:relative}.step-item{flex:1 1;flex-direction:column;gap:12px;min-width:120px;opacity:.6;transition:all .3s ease;z-index:2}.step-item.completed{opacity:1}.step-item.running{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.step-circle{align-items:center;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:3px solid #7dd3fc;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-1);display:flex;font-size:1.8rem;height:60px;justify-content:center;position:relative;transition:all .3s ease;width:60px}.step-item.completed .step-circle{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#34d399;box-shadow:0 0 12px #10b98166}.step-checkmark,.step-icon{align-items:center;display:flex;justify-content:center}.step-checkmark{background:#10b981;border-radius:50%;box-shadow:0 2px 8px #10b98166;color:#fff;font-size:.85rem;font-weight:700;height:24px;position:absolute;right:-5px;top:-5px;width:24px}.step-content{text-align:center}.step-label{color:#1f2937;color:var(--text);font-size:.95rem;font-weight:700}.step-description{color:#475569;color:var(--text-sub);font-size:.75rem;margin-top:2px}.step-connector{background:#e5e7eb;flex:1 1;height:3px;min-width:20px;position:relative;transition:all .3s ease}.connector-fill,.step-connector.active{background:linear-gradient(90deg,#10b981,#34d399)}.connector-fill{border-radius:999px;height:100%;left:0;position:absolute;top:0;transform-origin:left}.timeline-complete,.timeline-status{border-radius:12px;font-size:.95rem;font-weight:600;margin-top:20px;padding:12px;text-align:center}.timeline-status{background:#fffbeb;border:1px solid #fcd34d;color:#f59e0b}.timeline-complete{background:#ecfdf5;border:1px solid #6ee7b7;color:#10b981}
/*# sourceMappingURL=main.7fa8f8e1.css.map*/