:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6efe3;--bg-accent:#ead6b8;--surface:#fffbf5e0;--surface-strong:#fffaf1;--text:#1f2a22;--muted:#5d665e;--line:#1f2a221f;--primary:#0f766e;--primary-soft:#0f766e1f;--secondary:#aa5a24;--error:#b42318;--success:#166534;--shadow:0 18px 45px #43341e1f;font-family:Trebuchet MS,Gill Sans,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #0f766e2e, transparent 30%), radial-gradient(circle at bottom right, #aa5a242e, transparent 28%), linear-gradient(160deg, var(--bg), #f9f3ea 45%, #f4e7d3);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.page-shell{width:min(1180px,100% - 2rem);margin:0 auto;padding:2rem 0 3rem}.hero-card,.card{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.hero-card{border-radius:28px;grid-template-columns:2fr 1fr;gap:1.5rem;padding:2rem;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--secondary);margin:0 0 .5rem;font-size:.78rem;font-weight:700}.hero-copy h1{max-width:12ch;margin:0;font-size:clamp(2.2rem,5vw,4.2rem);line-height:.98}.hero-text{max-width:62ch;color:var(--muted);margin:1rem 0 0;font-size:1.05rem}.formula-panel{background:linear-gradient(#0f766e24,#ffffff8c);border-radius:24px;flex-direction:column;justify-content:center;padding:1.4rem;display:flex}.formula-panel p{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.74rem}.formula-panel strong{color:var(--text);margin:.35rem 0 1rem;font-size:1.15rem}.workspace,.results-grid{gap:1.25rem;margin-top:1.25rem;display:grid}.workspace{grid-template-columns:1.05fr 1fr}.results-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card{border-radius:24px;padding:1.4rem}.section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;margin:0 0 .75rem;font-size:.78rem;font-weight:700}textarea{resize:vertical;background:var(--surface-strong);width:100%;min-height:140px;color:var(--text);border:1px solid #1f2a221a;border-radius:18px;padding:1rem}textarea:focus{border-color:#0f766e59;outline:3px solid #0f766e2e}.hint-row,.status{justify-content:space-between;gap:1rem;margin-top:.85rem;font-size:.92rem;display:flex}.hint-row{color:var(--muted)}.action-row{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.primary-button,.ghost-button{border:0;border-radius:999px;padding:.8rem 1.2rem;transition:transform .18s,box-shadow .18s,background-color .18s}.primary-button{background:var(--primary);color:#f8fffd;font-weight:700;box-shadow:0 12px 24px #0f766e3d}.ghost-button{color:var(--text);background:#ffffffa3;border:1px solid #1f2a221a}.primary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button:focus-visible,.ghost-button:focus-visible{outline-offset:2px;outline:3px solid #0f766e33}.status{background:#ffffff80;border-radius:16px;padding:.85rem 1rem}.status.success{color:var(--success);background:#16653414}.status.error{color:var(--error);background:#b4231814}.key-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.key-item{background:#ffffff80;border:1px solid #1f2a2214;border-radius:18px;padding:.95rem}.key-item span{color:var(--muted);margin-bottom:.45rem;font-size:.8rem;display:block}.key-item strong{word-break:break-word;font-size:1rem;display:block}.chip-row{flex-wrap:wrap;gap:.65rem;display:flex}.chip{color:var(--primary);background:#0f766e1a;border-radius:999px;padding:.5rem .85rem;font-weight:700}.encrypted-chip{color:var(--secondary);background:#aa5a241f}.recovered-message{margin:0;font-size:1.75rem;font-weight:700}.table-card{margin-top:1.25rem}.table-heading{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.table-subtitle{color:var(--muted);margin:.25rem 0 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;border-bottom:1px solid #1f2a2214;padding:.95rem .75rem}th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}tbody tr:hover{background:#0f766e0d}.nav-bar{background:#fff6;border:1px solid #1f2a2214;border-radius:18px;gap:.5rem;margin-bottom:1.25rem;padding:.5rem;display:flex}.nav-link{color:var(--muted);border-radius:999px;padding:.65rem 1.1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .18s}.nav-link:hover{color:var(--text);background:#fff9}.nav-link.active{background:var(--primary);color:#f8fffd;box-shadow:0 6px 18px #0f766e33}.attack-explanation{color:var(--muted);margin:0;font-size:.95rem}.highlight-cell{color:var(--primary);font-size:1.05rem;font-weight:700}.empty-state{text-align:center;color:var(--muted);background:#ffffff80;border-radius:18px;padding:2rem}@media (width<=960px){.hero-card,.workspace,.results-grid{grid-template-columns:1fr}.hero-copy h1{max-width:100%}}@media (width<=640px){.page-shell{width:min(100% - 1rem,1180px);padding-top:1rem}.hero-card,.card{border-radius:20px;padding:1.1rem}.key-grid{grid-template-columns:1fr}.hint-row,.action-row,.status{flex-direction:column}.recovered-message{font-size:1.35rem}}