:root{--bg:#0f172a;--card:#0b1220;--muted:#94a3b8;--accent:#7c3aed;--text:#e6eef8}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow-x:hidden}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(180deg,#07102a,#081225);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:900px;margin:48px auto;padding:24px}.card{background:linear-gradient(180deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.01));border-radius:12px;padding:16px;box-shadow:0 6px 18px rgba(2,6,23,.6);border:1px solid hsla(0,0%,100%,.03);margin-bottom:24px}textarea{width:100%;min-height:96px;padding:12px;border-radius:8px;border:1px solid hsla(0,0%,100%,.06);background:rgba(15,23,42,.5);color:var(--text);resize:vertical;font-family:inherit;font-size:14px}textarea:focus{outline:none;border-color:var(--accent)}button{background:linear-gradient(90deg,var(--accent),#4f46e5);color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:500;transition:transform .2s,opacity .2s}button:hover:not(:disabled){transform:translateY(-1px);opacity:.9}button:disabled{opacity:.5;cursor:not-allowed}.history-list{margin-top:12px;display:flex;flex-direction:column;gap:10px}.history-item{padding:12px;border-radius:8px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05)}.history-item strong{display:block;margin-top:8px;margin-bottom:4px;color:var(--accent)}.small{font-size:12px;color:var(--muted)}h3,h4{margin-bottom:12px;color:var(--text)}pre{background:rgba(0,0,0,.2);padding:12px;border-radius:6px;overflow-x:auto}