:root{--bg:#0a0e14;--card:#11161f;--accent:#4cc9f0;--text:#d8dee9;--text-dim:#8b93a3;--border:#1e2632;--accent-dim:rgba(76,201,240,0.12)}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;min-height:100vh}.container{max-width:880px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:2rem;letter-spacing:-.02em}.header h1 .accent{color:var(--accent)}.header p{color:var(--text-dim);margin-top:.4rem}.disclaimer{background:var(--accent-dim);border:1px solid var(--accent);border-radius:8px;color:var(--accent);font-size:.85rem;padding:.6rem 1rem;margin:1.25rem auto;text-align:center}.tabs{display:flex;gap:.5rem;margin-bottom:1.25rem}.tab{flex:1 1;background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--text-dim);cursor:pointer;font-size:.95rem;font-weight:600;padding:.85rem 1rem;transition:border-color .15s,color .15s}.tab.active,.tab:hover{border-color:var(--accent)}.tab.active{color:var(--accent);background:var(--accent-dim)}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1.25rem}.card label{display:block;color:var(--text-dim);font-size:.85rem;margin-bottom:.5rem}textarea{width:100%;min-height:140px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:.95rem;padding:.85rem 1rem;resize:vertical}textarea:focus{outline:none;border-color:var(--accent)}.actions{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.7rem 1.4rem;transition:opacity .15s}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--accent);color:#06222e}.btn-primary:not(:disabled):hover{opacity:.85}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text-dim)}.btn-secondary:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.error{background:rgba(240,76,96,.1);border:1px solid #f04c60;border-radius:8px;color:#f08c9a;font-size:.9rem;padding:.75rem 1rem;margin-bottom:1.25rem}.output{font-size:.93rem}.output h2{color:var(--accent);font-size:1.1rem;margin:1.5rem 0 .75rem}.output h2:first-child{margin-top:0}.output h3{font-size:1rem;margin:1.25rem 0 .5rem}.output p{margin-bottom:.75rem}.output ol,.output ul{margin:0 0 .75rem 1.25rem}.output table{border-collapse:collapse;display:block;overflow-x:auto;margin-bottom:1rem;width:100%}.output td,.output th{border:1px solid var(--border);padding:.5rem .75rem;text-align:left;vertical-align:top}.output th{background:var(--bg);color:var(--accent);white-space:nowrap}.output code{background:var(--bg);border-radius:4px;font-size:.85em;padding:.1em .35em}.cursor{animation:blink 1s step-end infinite;color:var(--accent)}@keyframes blink{50%{opacity:0}}.footer{border-top:1px solid var(--border);color:var(--text-dim);font-size:.85rem;margin-top:3rem;padding-top:1.5rem;text-align:center}.footer a{color:var(--accent);text-decoration:none}.footer a:hover{text-decoration:underline}