:root{font-family:system-ui,sans-serif;color:#0b2d5b;background:#fff9ef;font-size:16px}*{box-sizing:border-box}body{margin:0}main{height:100dvh;height:var(--h,100dvh);max-width:1100px;margin:auto;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 18px env(safe-area-inset-bottom);background:linear-gradient(155deg,#fffaf0,#fffcf6)}header{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #dec58c}header img{width:50px;height:50px;object-fit:contain}header small{display:block;font-size:11px;margin-top:4px}header button{margin-left:auto}button,select,a{min-height:44px}button,select{font:inherit;border:1px solid #dccba5;background:#fffdf9;color:#0b2d5b;border-radius:12px;padding:9px 12px;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:hover{background:#f6ebd5}button:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #2563eb;outline-offset:2px}.primary{background:#2563eb;color:white;border-color:#2563eb}.primary:hover{background:#174ec8}#scroll{flex:1;overflow:auto;min-height:0;padding:20px 5px}#welcome{text-align:center;padding:20px 0}.badge{font-size:12px;border:1px solid #ccab57;border-radius:24px;padding:8px 15px;display:inline-block}h1{font-family:Georgia,serif;font-size:clamp(30px,5vw,48px);margin:20px 0 10px}.detail{font-size:12px;line-height:1.6;color:#55657a;margin:10px auto;max-width:680px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px auto;max-width:800px}.cards button{min-height:85px;box-shadow:0 4px 15px #10295808}#messages article{padding:16px;margin:14px 0;border:1px solid #e5d9c4;border-radius:16px;background:#fffefb;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}#messages article.user{background:#edf2fb;margin-left:10%}article strong{display:block;margin-bottom:8px}article button{font-size:12px;margin:10px 8px 0 0}.language{display:flex;align-items:center;gap:9px;flex-wrap:wrap}footer{border-top:1px solid #dfc580;padding:12px 0 6px;flex-shrink:0}form{display:flex;align-items:center;gap:8px;margin-top:10px}textarea{font:inherit;font-size:16px;flex:1;min-width:0;resize:none;border:1px solid #deceac;border-radius:12px;padding:12px;max-height:140px}#status,#error{font-size:12px;padding:8px;overflow-wrap:anywhere}#error{color:#982929;background:#fff0eb;border-radius:8px}progress{display:block;margin:12px auto;max-width:100%}[hidden]{display:none!important}footer a{display:inline-flex;align-items:center;margin-left:12px;font-size:12px}@media(max-width:700px){main{padding-left:12px;padding-right:12px}.cards{grid-template-columns:1fr 1fr}header strong{font-size:13px}header small{font-size:10px}header img{width:40px;height:40px}header button{font-size:12px;padding:8px}.detail{font-size:11px}footer .detail{margin:4px auto}form{gap:5px}form button{padding:8px;min-width:44px}.language button,.language select{font-size:12px}#welcome{padding:5px 0}}@media(max-height:600px){footer .detail:last-child{display:none}#welcome .detail{margin:5px auto}.cards{margin:12px auto}}@media(prefers-reduced-motion:no-preference){header img{animation:enter .5s ease-out}.cards button:hover{transform:translateY(-2px)}@keyframes enter{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}