:root{color:#1f2523;background:#f7f4ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100svh}button,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:100svh}.sidebar{display:flex;flex-direction:column;gap:28px;border-right:1px solid #dfdbd3;background:#f9f7f2;padding:28px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:8px;background:#243b3a;color:#fff;font-weight:800}.brand h1,.chat-list h2,.chat-header h2,.empty-state h3{margin:0;letter-spacing:0}.brand h1{font-size:1.1rem}.brand p,.chat-header p,.empty-chat-list,.empty-state p{margin:4px 0 0;color:#69706d}.new-chat{position:relative;display:grid;gap:12px}.start-chat-button{width:100%;gap:8px}.tutor-menu{display:grid;gap:8px;border:1px solid #ded8ce;border-radius:8px;background:#fffdf9;padding:8px;box-shadow:0 16px 36px #1f25231a}.tutor-menu p{margin:0;padding:10px;color:#69706d}.chat-list{display:grid;gap:8px;min-height:0}.chat-list h2{margin-bottom:4px;color:#69706d;font-size:.78rem;text-transform:uppercase}.chat-list-item,.tutor-option{width:100%;border:1px solid transparent;border-radius:8px;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease}.tutor-option{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;padding:10px}.chat-list-item{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;padding:11px 10px}.chat-list-item svg{margin-top:2px;color:#69706d}.tutor-option:hover,.chat-list-item:hover,.chat-list-item.active{border-color:#d4cec3;background:#fff}.tutor-option img,.chat-header img{width:48px;height:48px;border-radius:8px}.tutor-option span,.chat-list-item span{min-width:0}.tutor-option strong,.tutor-option small,.chat-list-item strong,.chat-list-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tutor-option small,.chat-list-item small{margin-top:2px;color:#69706d}.chat-list-item strong,.empty-chat-list{font-size:.94rem}.chat-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;background:#fffdf9}.chat-header{display:flex;align-items:center;gap:14px;min-height:84px;border-bottom:1px solid #e6e1d8;padding:18px 28px}.chat-header h2{font-size:1.15rem}.message-list{display:flex;flex-direction:column;gap:14px;overflow:auto;padding:28px}.empty-state{margin:auto;max-width:420px;text-align:center}.empty-state h3{font-size:clamp(1.4rem,3vw,2.4rem)}.message{max-width:min(680px,86%)}.message>span{display:block;margin-bottom:6px;color:#69706d;font-size:.82rem;font-weight:700}.message p{margin:0;border-radius:8px;padding:12px 14px;line-height:1.55;white-space:pre-wrap}.message-user{align-self:flex-end}.message-user>span{text-align:right}.message-user p{background:#243b3a;color:#fff}.message-assistant p{border:1px solid #e3ded5;background:#f8f5ef}.word-wrapper{position:relative;display:inline}.word-button{border:0;border-radius:4px;background:transparent;color:inherit;padding:0 1px;cursor:pointer;line-height:inherit;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:background .16s ease,text-decoration-color .16s ease}.word-button:hover,.word-button.active{background:#efe5d6;text-decoration-color:#b8533f}.translation-popover{position:absolute;z-index:2;left:0;bottom:calc(100% + 6px);display:grid;min-width:140px;max-width:min(260px,70vw);gap:2px;border:1px solid #d7d1c6;border-radius:8px;background:#fffdf9;box-shadow:0 12px 28px #1f252324;color:#1f2523;padding:8px 10px;white-space:normal}.translation-popover strong,.translation-popover small{display:block}.translation-popover strong{font-size:.78rem}.translation-popover small,.pending p{color:#69706d}.error-banner{margin:0 28px 12px;border:1px solid #e4b8a5;border-radius:8px;background:#fff1eb;color:#913d24;padding:10px 12px}.composer{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:10px;border-top:1px solid #e6e1d8;padding:16px 28px 22px}.composer textarea{width:100%;min-height:48px;max-height:180px;resize:vertical;border:1px solid #d7d1c6;border-radius:8px;background:#fff;padding:12px 14px;color:#1f2523;outline:none}.composer textarea:disabled{cursor:not-allowed;background:#f4f0e8;color:#858b88}.composer textarea:focus{border-color:#243b3a;box-shadow:0 0 0 3px #243b3a1f}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:opacity .16s ease,transform .16s ease,background .16s ease}.button:disabled{cursor:not-allowed;opacity:.5}.button:not(:disabled):hover{transform:translateY(-1px)}.button-primary{background:#b8533f;color:#fff}.button-secondary{border-color:#d7d1c6;background:#fff;color:#1f2523}.button-ghost{background:transparent;color:#1f2523}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #dfdbd3;padding:18px}.tutor-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-list{max-height:220px;overflow:auto}.chat-header,.message-list,.composer{padding-left:18px;padding-right:18px}.message{max-width:94%}}