#guide-button{flex-shrink:0;white-space:nowrap;min-height:44px}
.guide-dialog{width:min(640px,calc(100% - 28px));max-height:calc(100dvh - 32px);padding:24px;background:#10232df5;border:1px solid #81d3c475;border-radius:14px;color:#eef8f5;overflow:auto;overscroll-behavior:contain}
.guide-dialog .dialog-heading{margin-bottom:10px}.guide-dialog h2{font-size:28px}.guide-note{font-size:14px;line-height:1.5;color:#b8cec9;margin:0 0 14px}.guide-suggestions,.guide-actions{display:flex;gap:8px;flex-wrap:wrap}.guide-suggestions{margin-bottom:16px}.guide-dialog .glass-button{white-space:normal;line-height:1.4;min-height:44px;padding:9px 12px;font-size:14px;text-align:left}
.guide-messages{max-height:40dvh;min-height:130px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#659f95 #10232d;border-block:1px solid #81d3c42e;padding:12px 0;margin-bottom:14px}.guide-message{padding:14px;margin-bottom:10px;border-left:2px solid #8cddc9;background:#203b4477;border-radius:0 8px 8px 0}.guide-message strong{font-size:14px;color:#aff7df}.guide-message p{font-size:16px;line-height:1.6;margin:8px 0;overflow-wrap:anywhere}.guide-message--guest{border-color:#cc9fc5;background:#442e4355}.guide-message--guest strong{color:#edcce6}.guide-actions{margin-top:12px}
.guide-compose{display:flex;gap:8px;margin:7px 0 10px}.guide-compose input{min-width:0;flex:1;width:100%;font-size:16px;min-height:48px;background:#081922;color:#f0fff9;border:1px solid #70938e;border-radius:6px;padding:11px}.guide-compose button{min-width:64px}.guide-dialog label{font-size:16px}.guide-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.guide-footer span{font-size:14px;color:#b8cec9}
.guide-welcome{position:absolute;top:112px;right:28px;width:min(335px,calc(100% - 28px));z-index:5;background:#102a34f5;border:1px solid #86dfc99c;border-radius:12px;padding:18px;box-shadow:0 12px 36px #0005;pointer-events:auto}.guide-welcome p{font-size:16px;line-height:1.5;margin:9px 0 14px}.guide-welcome strong{font-size:16px;color:#b9ffe8}.guide-welcome .close-button{float:right;position:static;margin:-7px -7px 0 8px;min-width:44px;min-height:44px}.guide-welcome[hidden]{display:none}.vr-active .guide-welcome,body:has(dialog[open]) .guide-welcome,body.music-open .guide-welcome{display:none}
.mobile-ui .guide-welcome{right:14px;top:calc(124px + env(safe-area-inset-top));width:min(335px,calc(100% - 28px));padding:16px}.mobile-ui .guide-dialog{padding:18px}.mobile-ui .guide-messages{max-height:34dvh}.mobile-ui .guide-suggestions{gap:6px}.mobile-ui .guide-suggestions button{font-size:14px;min-height:44px;padding:8px 10px}
@media(max-width:360px){.guide-compose{flex-wrap:wrap}.guide-compose input{flex-basis:100%}.guide-compose button{width:100%}}
@media(max-height:550px){.guide-welcome,.mobile-ui .guide-welcome{top:75px;max-height:calc(100dvh - 150px);overflow:auto}.guide-messages,.mobile-ui .guide-messages{max-height:36dvh;min-height:100px}}