.chat{display:grid;gap:12px}.msg{max-width:82%;padding:14px 18px;border-radius:22px;font-weight:700;line-height:1.4;animation:msg .6s var(--ease-spring) both}.msg.tech{justify-self:start;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-bottom-left-radius:6px}.msg.you{justify-self:end;background:var(--cyan);color:#111;border-bottom-right-radius:6px}.msg small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin-bottom:4px}@keyframes msg{0%{opacity:0;transform:translateY(14px) scale(.96)}}.reply-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.mixer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center}.beaker{position:relative;width:min(260px,70vw);height:320px;margin-inline:auto;border-radius:0 0 40px 40px;box-shadow:inset 0 0 0 6px var(--ink);overflow:hidden;background:var(--surface)}.beaker:before{content:"";position:absolute;left:-10px;right:-10px;top:0;height:6px;background:var(--ink)}.liq{position:absolute;left:6px;right:6px;transition:height .4s var(--ease-out),bottom .4s var(--ease-out);display:grid;place-items:center;font-weight:900;color:#111;overflow:hidden}.liq.g{bottom:6px;background:var(--cyan)}.liq.t{background:var(--purple);color:#fff}.bubble-dots i{position:absolute;bottom:10px;width:10px;height:10px;border-radius:50%;background:#ffffffb3;animation:rise 3s ease-in infinite}@keyframes rise{to{transform:translateY(-280px);opacity:0}}.knobs{display:grid;gap:18px}.knob-row{display:grid;gap:6px}.knob-row label{display:flex;justify-content:space-between;font-weight:900}.knob-row input[type=range]{width:100%;height:44px;accent-color:var(--cyan)}.verdict{font-weight:900;font-size:20px;min-height:30px}.orbit{position:relative;aspect-ratio:1;width:100%;max-width:480px;margin-inline:auto}.orbit .sun{position:absolute;inset:37%;border-radius:50%;background:var(--cyan);display:grid;place-items:center;text-align:center;font-weight:900;color:#111;padding:10px;line-height:1.1;font-size:clamp(13px,1.4vw,17px)}.orbit .track{position:absolute;inset:17%;border-radius:50%;border:2px dashed var(--line-strong);animation:spin 50s linear infinite}.orbit .planet{position:absolute;left:50%;top:0;width:44%;margin-left:-22%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;padding:10px;font-weight:900;font-size:clamp(11px,1.05vw,14px);line-height:1.2;color:#111;background:var(--pc);animation:unspin 50s linear infinite;transform-origin:50% 50%}.orbit .track>:nth-child(1){top:-22%;left:50%}.orbit .track>:nth-child(2){top:28%;left:100%}.orbit .track>:nth-child(3){top:78%;left:50%}.orbit .track>:nth-child(4){top:28%;left:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes unspin{to{transform:rotate(-360deg)}}.notif-stack{display:grid;gap:10px}.notif{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:18px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line),var(--shadow)}.notif .ic{width:44px;height:44px;border-radius:14px;background:var(--nc);display:grid;place-items:center;font-weight:900;color:#111}.notif b{display:block;font-weight:900}.notif small{color:var(--muted)}@media (max-width: 860px){.mixer{grid-template-columns:minmax(0,1fr)}}