*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#f3f4f6;color:#111827}.app{height:100%;display:flex;flex-direction:column}.app-header{padding:14px 24px;font-size:18px;font-weight:700;letter-spacing:.02em;background:#111827;color:#fff}.layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,760px);grid-template-rows:minmax(0,70vh);justify-content:center;align-content:center;gap:16px;padding:16px}.layout.split{grid-template-columns:minmax(320px,420px) 1fr;grid-template-rows:minmax(0,1fr);justify-content:stretch;align-content:stretch}.chat-pane,.crossword-pane{min-height:0;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000f;overflow:hidden}.crossword-pane{position:relative;overflow-y:auto;padding:20px}.close{position:absolute;top:8px;right:12px;border:none;background:none;font-size:24px;line-height:1;color:#6b7280;cursor:pointer}.close:hover{color:#111827}.thread{height:100%;display:flex;flex-direction:column}.viewport{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.empty{margin:auto 0;text-align:center;color:#6b7280}.empty h2{margin:0 0 8px;font-size:18px;color:#111827}.message{max-width:85%;padding:10px 14px;border-radius:14px;line-height:1.5;overflow-wrap:anywhere}.message.user{align-self:flex-end;background:#2563eb;color:#fff;border-bottom-right-radius:4px;white-space:pre-wrap}.message.assistant{align-self:flex-start;background:#f3f4f6;border-bottom-left-radius:4px}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown em{color:#6b7280}.error{color:#b91c1c}.composer{display:flex;align-items:flex-end;gap:8px;padding:12px;border-top:1px solid #e5e7eb}.composer-input{flex:1;resize:none;max-height:160px;padding:10px 12px;font:inherit;border:1px solid #d1d5db;border-radius:10px;outline:none}.composer-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.composer-send{padding:10px 18px;border:none;border-radius:10px;background:#2563eb;color:#fff;font:inherit;font-weight:600;cursor:pointer}.composer-send:disabled{background:#93c5fd;cursor:default}.puzzle-actions{display:flex;gap:8px;margin-bottom:16px}.puzzle-actions button{padding:6px 12px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font:inherit;font-size:13px;cursor:pointer}.puzzle-actions button:disabled{color:#9ca3af;cursor:default}.puzzle{display:flex;gap:32px;align-items:flex-start}.puzzle-grid{flex:3;min-width:0;max-width:640px}.puzzle-clues{flex:2;min-width:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.puzzle-clues h3{margin:0 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.puzzle-clues .direction+.direction{margin-top:20px}.puzzle-clues .clue.correct{text-decoration:line-through;color:#9ca3af}@media(max-width:900px){.layout.split{grid-template-columns:1fr;grid-template-rows:60vh auto;height:auto}.puzzle{flex-direction:column}}