:root{font-family:Inter,"Segoe UI",sans-serif;color:#12334c;background:#bfe5ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center}.app{width:min(760px,100vw);min-height:100vh;background:#f7fcff;box-shadow:0 0 40px #517b9644;padding:20px}header{display:flex;align-items:center;gap:12px;border-bottom:2px solid #d8edf9;padding-bottom:14px}h1{font-size:25px;margin:0}h2{margin-top:0}header p{margin:3px 0 0;color:#62798a}.eyebrow{font-weight:800;font-size:11px;letter-spacing:.13em;color:#167bb8!important}.icon-button{margin-left:auto;border:0;background:transparent;color:#214158;font-size:24px;padding:5px 8px}.card{margin-top:18px;padding:20px;border-radius:18px;background:#e7f6ff}.card p{color:#567080}label{display:block;margin-top:12px;font-weight:600}input{display:block;width:100%;margin-top:5px;padding:11px;border:1px solid #a9cfe5;border-radius:10px;font:inherit}button{cursor:pointer;border:0;border-radius:10px;background:#167bb8;color:white;font:inherit;font-weight:700;padding:11px 16px}#connect{width:100%;margin-top:18px}.muted{color:#5f7482;font-size:14px}.status{display:flex;justify-content:space-between;align-items:center;margin:17px 0;color:#19703b}.status button{background:#6a8494;font-size:13px;padding:7px 10px}#messages{height:calc(100vh - 230px);min-height:360px;overflow:auto;padding:8px 2px;display:flex;flex-direction:column;gap:9px}.message{max-width:78%;padding:11px 13px;border-radius:16px;background:#e5f2f9;white-space:pre-wrap;word-break:break-word}.message.mine{align-self:flex-end;background:#cceeff}.message small{display:block;color:#5f7482;margin-bottom:4px}form{display:flex;gap:8px;border-top:1px solid #d8edf9;padding-top:14px}form input{margin:0;flex:1}aside#settings{margin-top:12px;padding:16px;background:#fff8dd;border-radius:12px;color:#51451a}.pingu-dock{position:fixed;right:22px;bottom:20px;z-index:10;display:grid;grid-template-columns:48px 42px;grid-template-rows:30px 48px;gap:4px;filter:drop-shadow(0 10px 16px #1f54704d)}.pingu-button{grid-row:1/3;grid-column:1;background:linear-gradient(150deg,#fff,#d9f3ff);width:82px;height:82px;border-radius:50%;padding:3px;border:3px solid #fff;overflow:hidden;transition:transform .18s}.pingu-button:hover{transform:translateY(-5px) rotate(-4deg)}.pingu-button img{width:100%;height:100%;object-fit:cover;object-position:left top}.pingu-mood{grid-column:2;align-self:end;justify-self:start;color:#315568;background:#fff;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;white-space:nowrap}.pingu-talk{grid-column:2;grid-row:2;padding:0;border-radius:50%;width:38px;height:38px;font-size:16px;align-self:center}.pingu-panel{position:fixed;z-index:11;right:20px;bottom:118px;width:min(330px,calc(100vw - 40px));padding:16px;border-radius:18px;background:#fff;box-shadow:0 18px 42px #1f547055;border:1px solid #d7edf9}.pingu-panel-head{display:flex;align-items:center}.pingu-panel-head .icon-button{font-size:21px}.pingu-panel p{line-height:1.55;color:#527083}.pingu-actions{display:flex;gap:8px}.pingu-actions button:last-child{background:#6a8494}@media(max-width:520px){.app{padding:14px}#messages{height:calc(100vh - 250px)}.pingu-dock{right:14px;bottom:14px}.pingu-panel{right:14px;bottom:108px}}