body{margin:24px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;--accent-color: #343a40;--secondary-color: #6c757d;--background-color: #f8f9fa;--button-hover: #6c757d;--shadow-color: rgba(0, 0, 0, .1);color:#343a40;background-color:var(--background-color)}main,.api-key-banner{box-sizing:border-box;width:100%;padding:24px;max-width:480px;margin:0 auto;border-radius:20px}.api-key-banner{background-color:#ffddb7;font-weight:700;margin-bottom:16px;text-align:center}.api-key-banner a{color:var(--accent-color);text-decoration:underline}*{outline-color:var(--accent-color)}main{background-color:#fff;box-shadow:0 4px 10px var(--shadow-color)}h1{display:flex;align-items:center;gap:8px;margin:0 auto;font-size:24px}h1:before{content:"";display:inline-block;background:url(logo.jpg);width:40px;height:40px;background-size:cover}form{margin:0}.prompt-box{margin:24px 0;width:100%;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;background:var(--background-color);padding:16px;border-radius:12px;box-shadow:0 2px 8px var(--shadow-color)}label{display:flex;flex:1;flex-direction:column;gap:8px;font-size:14px;font-weight:600;color:var(--secondary-color)}input,button{border:1px solid #ddd;border-radius:8px;padding:12px 16px;font-family:inherit;font-size:16px}input{flex:1;background-color:#fff;transition:box-shadow .2s ease,border-color .2s ease}input:focus{border-color:var(--accent-color);box-shadow:0 0 8px var(--shadow-color)}button{border-color:var(--accent-color);background-color:var(--accent-color);color:#fff;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .2s ease}button:hover{background-color:var(--button-hover);transform:translateY(-2px)}button:focus-visible{outline:2px solid white;outline-offset:-4px}button:active{transform:translateY(0);background-color:var(--accent-color)}.output-box{margin-top:24px;background:white;padding:16px;border-radius:12px;box-shadow:0 2px 6px var(--shadow-color);font-size:14px;color:var(--secondary-color);text-align:left;line-height:1.5}.output-box h5{font-size:18px;margin-bottom:8px;color:var(--accent-color)}.output-box p{margin:0}