*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#061b17;color:#18201d}.app{height:100dvh;max-width:760px;margin:auto;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:#e9e4dc;overflow:hidden;box-shadow:0 0 50px #0007}header{padding:calc(8px + env(safe-area-inset-top)) 11px 8px;display:flex;align-items:center;gap:9px;background:linear-gradient(135deg,#082b23,#0d4034);color:#fff}header img{width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:center 32%;border:2px solid #caa85e}.who{display:flex;flex-direction:column;min-width:0}.who b{font-size:15px}.who small{opacity:.7}nav{margin-left:auto;display:flex;gap:5px}nav a{font-size:10px;color:#e0c27d;text-decoration:none;border:1px solid #d7b86d55;padding:6px 7px;border-radius:20px}.about{background:#fff;padding:7px 12px;border-bottom:1px solid #ddd;display:flex;gap:7px;white-space:nowrap}.about b{font-size:11px;color:#0b392f}.about span{font-size:10px;color:#69736e}#chat{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:12px 10px 18px;background-color:#e9e4dc;background-image:radial-gradient(#0000000c 1px,transparent 1px);background-size:18px 18px}.row{display:flex;margin:7px 0}.me{justify-content:flex-end}.bubble{max-width:90%;background:#fff;border-radius:12px;padding:10px 12px;box-shadow:0 1px 1px #0002;font-size:14px;line-height:1.38}.me .bubble{background:#d9fdd3}.time{display:block;text-align:right;font-size:9px;color:#78817d;margin-top:4px}.typing{display:flex;gap:4px;padding:12px 14px}.typing i{width:6px;height:6px;background:#82908a;border-radius:50%;animation:dot 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes dot{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.inline{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.inline button,.uploadbtn{border:1px solid #b89a58;background:#fffaf0;color:#173d34;border-radius:999px;padding:8px 11px;font-size:12px}.uploadbtn input{display:none}.map{display:block;width:100%;max-height:370px;object-fit:contain;border-radius:12px;margin-top:10px;border:1px solid #d4b56b;background:#f8f6f0}.thumbs{display:flex;gap:6px;overflow:auto;margin-top:8px}.thumbs img{width:72px;height:72px;object-fit:cover;border-radius:9px;border:1px solid #ddd}.schedule{margin-top:10px;border:1px solid #d1b36b;border-radius:12px;padding:10px;background:#fff}.schedule input[type=date],.schedule input[type=text]{width:100%;border:1px solid #ddd;border-radius:10px;padding:10px;font-size:15px;margin-top:7px}.periods{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.periods button{border:1px solid #b89a58;background:#fffaf0;border-radius:999px;padding:8px 12px}.periods button.active{background:#0a382e;color:#fff}.finish{width:100%;border:0;border-radius:10px;background:#0a382e;color:#fff;padding:12px;margin-top:9px;font-weight:800}footer{display:flex;gap:7px;padding:8px 9px calc(8px + env(safe-area-inset-bottom));background:#f0f2f1;border-top:1px solid #d4d8d6}footer>input{min-width:0;flex:1;border:0;border-radius:22px;padding:11px 14px;font-size:16px;outline:none}.clip,#send{width:42px;height:42px;flex:0 0 42px;border:0;border-radius:50%;display:grid;place-items:center}.clip{background:#fff;font-size:25px}.clip input{display:none}#send{background:#0a382e;color:#fff;font-size:18px}@media(max-width:380px){nav a:first-child{display:none}.about span{display:none}}