*{box-sizing:border-box}:root{--bg: #f7f7f4;--surface: #ffffff;--ink: #1a1c1e;--muted: #6a6f74;--border: #d9d9d3;--accent: #2450b0;--right: #1d6f42;--partial: #8a6d1f;--wrong: #a13232;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg)}body{margin:0;min-width:320px}button,input,textarea{font:inherit;color:inherit}main{min-height:100vh;display:flex;flex-direction:column}header{display:flex;align-items:baseline;justify-content:space-between;padding:18px clamp(16px,5vw,48px);border-bottom:1px solid var(--border)}.brand{border:0;background:none;padding:0;font-weight:700;font-size:18px;cursor:pointer}.brand span{color:var(--accent)}.note,.meta{font-family:ui-monospace,monospace;font-size:12px;color:var(--muted)}section{width:min(680px,92vw);margin:0 auto;padding:36px 0 72px;flex:1}h1{font-size:26px;margin:0 0 8px}h1.prompt{font-size:22px;line-height:1.4;margin:10px 0 20px}.muted{color:var(--muted)}.error{color:var(--wrong)}.row{display:flex;gap:8px;align-items:center}.row-between{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}button{cursor:pointer}.primary,.danger,form button,.back{border:1px solid var(--border);background:var(--surface);padding:8px 14px;border-radius:6px}.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.primary:disabled{opacity:.4;cursor:default}.danger{color:var(--wrong);margin-top:28px}.back{border:0;background:none;padding:0;color:var(--muted);margin-bottom:24px;display:inline-block}.back:hover{color:var(--ink)}.list{display:flex;flex-direction:column;border-top:1px solid var(--border)}.item{display:flex;justify-content:space-between;align-items:baseline;gap:16px;text-align:left;background:none;border:0;border-bottom:1px solid var(--border);padding:14px 2px;width:100%}.item:hover{background:var(--surface)}form{display:flex;flex-direction:column;gap:10px}input,textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);outline:none}input:focus,textarea:focus{border-color:var(--accent)}textarea{min-height:220px;resize:vertical;line-height:1.55}.gen-list{color:var(--muted);line-height:1.7;padding-left:20px}.gen-list li{animation:appear .2s}table{width:100%;border-collapse:collapse;margin:16px 0}th,td{text-align:left;padding:8px 2px;border-bottom:1px solid var(--border)}th{font-family:ui-monospace,monospace;font-size:12px;color:var(--muted);font-weight:500}.options{display:flex;flex-direction:column;gap:8px}.options button{display:flex;align-items:baseline;gap:12px;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:12px 14px;line-height:1.45}.options button:hover,.options button.selected{border-color:var(--accent)}.options button span{font-family:ui-monospace,monospace;font-size:12px;color:var(--muted)}.review{display:flex;flex-direction:column;gap:12px;margin-top:24px}.review article{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:14px 16px;border-left-width:3px}.review article.right{border-left-color:var(--right)}.review article.partial{border-left-color:var(--partial)}.review article.wrong{border-left-color:var(--wrong)}.review h2{font-size:15px;margin:0 0 8px}.review p{margin:4px 0;font-size:14px;line-height:1.5}footer{text-align:center;padding:20px;border-top:1px solid var(--border);color:var(--muted);font-size:12px}@keyframes appear{0%{opacity:0}}