:root{font-family:system-ui,-apple-system,blinkmacsystemfont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#f6fbff}#root{min-height:100vh;width:100%}:root,body,#root{height:100%}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(180deg,#f6fbff 0%,#f1f2f6 100%)}.app{min-height:100vh;width:100%;padding:clamp(1.25rem,4vw,3rem);display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem);color:#1f2933}.app__header{text-align:center;width:min(960px,100%);margin:0 auto}h1{margin:0;font-size:clamp(1.75rem,2.8vw,2.5rem);line-height:1.2}.app__main{flex:1;display:flex;flex-direction:column;gap:clamp(1rem,1.5vw,1.25rem);min-height:0;width:min(960px,100%);margin:0 auto}.chat-box{background-color:#fff;border:1px solid #dce3ed;border-radius:18px;padding:clamp(1rem,2.2vw,1.5rem);display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;flex:1;min-height:0;box-shadow:0 10px 30px #1f293314}.message{max-width:min(680px,90%);padding:.75rem 1rem;border-radius:16px;line-height:1.45;font-size:.98rem;word-break:break-word;white-space:pre-line}.user{background:#daf1ff;align-self:flex-end;text-align:right;border-top-right-radius:4px}.bot{background:#eef1f6;align-self:flex-start;text-align:left;border-top-left-radius:4px}.validation-box{background:rgba(255,255,255,.85);border:1px solid #dce3ed;border-radius:16px;padding:clamp(1rem,2vw,1.5rem);box-shadow:0 6px 18px #1f293314;display:flex;flex-direction:column;gap:.75rem}.validation-box ul{margin:0;padding-left:1.25rem;display:grid;gap:.35rem}.validation-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.feedback{margin:0;padding:.75rem 1rem;border-radius:12px;background:rgba(38,180,137,.12);color:#186a4b}.input-box{display:flex;flex-wrap:wrap;gap:.75rem;padding:clamp(.75rem,2vw,1rem);background:rgba(255,255,255,.9);border-radius:16px;border:1px solid #dce3ed;box-shadow:0 6px 18px #1f293314;width:min(960px,100%);margin:0 auto clamp(.5rem,1vw,1rem)}input[type=text]{flex:1 1 220px;padding:.85rem 1rem;font-size:1rem;border:1px solid #c1cada;border-radius:12px;background:#fff;transition:border .2s ease,box-shadow .2s ease}input[type=text]:focus{outline:none;border-color:#1d7dea;box-shadow:0 0 0 3px #1d7dea33}button{padding:.9rem 1.6rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#1d7dea,#5bb2ff);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:transform .1s ease,box-shadow .2s ease}button:hover{transform:translateY(-1px);box-shadow:0 12px 25px #1d7dea33}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{background:#eef1f6;color:#1f2933;border:1px solid #c1cada;box-shadow:none}button.secondary:hover{transform:none;box-shadow:0 6px 16px #1f293314}.correction-form{display:grid;gap:.75rem;margin-top:.75rem;padding:.85rem 1rem;border-radius:12px;background:rgba(221,236,255,.45);border:1px dashed rgba(29,125,234,.35)}.correction-form label{display:flex;flex-direction:column;gap:.35rem;font-weight:600;font-size:.9rem;color:#1f2933}.label-title{font-weight:700}.field-hint{font-weight:400;font-size:.85rem;color:#42526e}.correction-form input[type=text]{padding:.7rem .85rem;border:1px solid #c1cada;border-radius:10px;font-size:.95rem;background:#fff}.correction-form input[type=text]:focus{outline:none;border-color:#1d7dea;box-shadow:0 0 0 2px #1d7dea2e}.correction-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.auth-status{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.75rem;font-size:.95rem}.auth-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 0}.auth-card{background:#ffffff;border-radius:18px;border:1px solid #dce3ed;padding:clamp(1.5rem,4vw,2.25rem);width:min(420px,92%);box-shadow:0 12px 28px #1f29331a;display:grid;gap:1.25rem}.auth-form{display:grid;gap:1rem}.auth-form label{display:grid;gap:.4rem;font-weight:600}.auth-form input{padding:.85rem 1rem;border-radius:12px;border:1px solid #c1cada;font-size:1rem}.auth-form input:focus{outline:none;border-color:#1d7dea;box-shadow:0 0 0 3px #1d7dea33}.auth-toggle{margin:0;font-size:.95rem;text-align:center}.link-button{border:none;background:none;color:#1d7dea;font-weight:600;cursor:pointer;padding:0}.link-button:hover{text-decoration:underline}.feedback.error{background:rgba(220,38,38,.12);color:#7f1d1d}button.secondary.small{padding:.5rem 1rem;font-size:.85rem}@media (max-width: 768px){.app{padding:1rem}.message{max-width:100%}.input-box{border-radius:12px;padding:.75rem}.auth-card{width:100%}.auth-status{flex-direction:column;gap:.5rem}}@media (max-height: 680px){.chat-box{padding:.75rem}}