/* TITAYT Guide — read-only public knowledge interface */
.titayt-guide{
	position:fixed;
	right:22px;
	bottom:22px;
	z-index:1400;
	font-family:"Manrope",sans-serif;
}
.guide-launcher{
	position:relative;
	width:142px;
	height:58px;
	padding:0 14px 0 12px;
	display:grid;
	grid-template-columns:38px 1fr;
	gap:10px;
	align-items:center;
	border:1px solid rgba(87,180,255,.34);
	border-radius:18px;
	background:
		radial-gradient(circle at 20% 20%,rgba(80,186,255,.15),transparent 34%),
		linear-gradient(145deg,rgba(7,31,53,.96),rgba(5,20,35,.98));
	box-shadow:0 18px 55px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.02) inset;
	color:#fff;
	cursor:pointer;
	overflow:hidden;
}
.guide-launcher:hover{transform:translateY(-1px)}
.guide-launcher img{position:relative;z-index:2;width:29px;height:auto;justify-self:center}
.guide-launcher-copy{
	position:relative;
	z-index:2;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}
.guide-launcher-copy b{
	font:750 13px/1 "Bricolage Grotesque",sans-serif;
	letter-spacing:.04em;
}
.guide-launcher-copy small{
	margin-top:4px;
	font:700 8px/1 "IBM Plex Mono",monospace;
	letter-spacing:.18em;
	color:#79c3ff;
}
.guide-launcher-orbit{
	position:absolute;
	left:-16px;
	top:-16px;
	width:86px;
	height:86px;
	border:1px solid rgba(85,184,255,.20);
	border-radius:50%;
	box-shadow:0 0 28px rgba(57,165,255,.08);
}
.guide-launcher-orbit:after{
	content:"";
	position:absolute;
	right:9px;
	top:11px;
	width:6px;
	height:6px;
	border-radius:50%;
	background:#f0c76c;
	box-shadow:0 0 14px rgba(240,199,108,.6);
}
.guide-panel{
	position:absolute;
	right:0;
	bottom:72px;
	width:min(420px,calc(100vw - 28px));
	height:min(680px,calc(100vh - 110px));
	display:grid;
	grid-template-rows:auto 1fr auto auto;
	overflow:hidden;
	border:1px solid rgba(95,182,255,.28);
	border-radius:22px;
	background:
		radial-gradient(circle at 86% 0%,rgba(235,179,79,.08),transparent 25%),
		linear-gradient(180deg,rgba(5,24,42,.995),rgba(4,17,30,.995));
	box-shadow:0 28px 90px rgba(0,0,0,.44),0 0 0 1px rgba(255,255,255,.02) inset;
}
.guide-panel[hidden]{display:none!important}
.guide-header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:18px;
	padding:16px 16px 14px;
	border-bottom:1px solid rgba(109,183,244,.12);
	background:rgba(9,34,57,.72);
}
.guide-identity{
	display:flex;
	align-items:center;
	gap:11px;
}
.guide-mark{
	width:38px;
	height:38px;
	display:grid;
	place-items:center;
	border-radius:12px;
	border:1px solid rgba(92,186,255,.20);
	background:rgba(49,143,224,.08);
}
.guide-mark img{width:20px;height:auto}
.guide-identity span{
	display:block;
	margin-bottom:4px;
	font:700 7.5px/1 "IBM Plex Mono",monospace;
	letter-spacing:.12em;
	color:#79bdf5;
}
.guide-identity h2{
	margin:0;
	font:750 16px/1 "Bricolage Grotesque",sans-serif;
	letter-spacing:.01em;
	color:#f4f8fc;
}
.guide-close{
	width:34px;
	height:34px;
	display:grid;
	place-items:center;
	border:1px solid rgba(135,190,235,.12);
	border-radius:10px;
	background:rgba(255,255,255,.025);
	color:#b9cad9;
	font:400 24px/1 sans-serif;
	cursor:pointer;
}
.guide-close-icon::before{content:"×";display:block}
.guide-close:hover{color:#fff;background:rgba(255,255,255,.05)}
.guide-body{
	overflow-y:auto;
	padding:16px;
	scrollbar-width:thin;
	scrollbar-color:#244966 transparent;
}
.guide-message{
	max-width:92%;
	margin:0 0 12px;
	padding:13px 14px;
	border-radius:15px;
}
.guide-message-bot{
	margin-right:auto;
	border:1px solid rgba(99,180,247,.14);
	border-top-left-radius:5px;
	background:rgba(9,37,62,.72);
}
.guide-message-user{
	margin-left:auto;
	border:1px solid rgba(236,184,91,.18);
	border-top-right-radius:5px;
	background:linear-gradient(135deg,rgba(103,73,31,.46),rgba(43,47,49,.50));
}
.guide-speaker{
	display:block;
	margin-bottom:7px;
	font:750 7.5px/1 "IBM Plex Mono",monospace;
	letter-spacing:.13em;
	color:#76c0ff;
}
.guide-message-user .guide-speaker{color:#e8bd6b;text-align:right}
.guide-message p{
	margin:0;
	font-size:13px;
	line-height:1.58;
	color:#c7d5e1;
}
.guide-message a{color:#74c2ff;text-decoration:underline;text-underline-offset:3px}
.guide-source{
	display:inline-flex;
	margin-top:10px;
	padding:5px 7px;
	border-radius:999px;
	background:rgba(77,161,232,.08);
	font:650 8px/1 "IBM Plex Mono",monospace;
	letter-spacing:.04em;
	color:#789bb9;
}
.guide-quick{
	display:flex;
	flex-wrap:wrap;
	gap:7px;
	margin:4px 0 8px;
}
.guide-quick button{
	padding:8px 9px;
	border:1px solid rgba(110,184,245,.15);
	border-radius:999px;
	background:rgba(24,75,116,.16);
	color:#bcd0e1;
	font-size:10.5px;
	line-height:1.2;
	cursor:pointer;
}
.guide-quick button:hover{
	border-color:rgba(95,189,255,.34);
	color:#fff;
}
.guide-form{
	display:grid;
	grid-template-columns:1fr 44px;
	gap:8px;
	padding:12px;
	border-top:1px solid rgba(110,184,245,.12);
	background:rgba(4,18,31,.92);
}
.guide-form input{
	min-width:0;
	height:44px;
	padding:0 13px;
	border:1px solid rgba(113,184,244,.15);
	border-radius:12px;
	outline:none;
	background:#071d31;
	color:#edf5fb;
	font-size:12.5px;
}
.guide-form input::placeholder{color:#6f879d}
.guide-form input:focus{border-color:#54b7ff;box-shadow:0 0 0 3px rgba(84,183,255,.08)}
.guide-form button{
	width:44px;
	height:44px;
	display:grid;
	place-items:center;
	border:0;
	border-radius:12px;
	background:linear-gradient(135deg,#58baff,#3d9ded);
	color:#031321;
	font:800 18px/1 "Bricolage Grotesque",sans-serif;
	cursor:pointer;
}
.guide-send-icon::before{content:"→";display:block}
.guide-form button:hover{filter:brightness(1.06)}
.guide-foot{
	min-height:27px;
	padding:0 13px 8px;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	background:rgba(4,18,31,.92);
	color:#647f96;
	font:650 7px/1.2 "IBM Plex Mono",monospace;
	letter-spacing:.05em;
	text-align:center;
}
.guide-foot i{
	width:3px;
	height:3px;
	border-radius:50%;
	background:#6aaee9;
}
.screen-reader-text{
	position:absolute!important;
	width:1px!important;
	height:1px!important;
	padding:0!important;
	margin:-1px!important;
	overflow:hidden!important;
	clip:rect(0,0,0,0)!important;
	white-space:nowrap!important;
	border:0!important;
}
@media(max-width:760px){
	.titayt-guide{right:12px;bottom:12px}
	.guide-launcher{
		width:58px;
		height:58px;
		grid-template-columns:1fr;
		padding:0;
		border-radius:18px;
	}
	.guide-launcher-copy{display:none}
	.guide-launcher img{width:26px}
	.guide-panel{
		position:fixed;
		left:10px;
		right:10px;
		bottom:80px;
		width:auto;
		height:min(650px,calc(100vh - 98px));
	}
}
@media(prefers-reduced-motion:reduce){
	.guide-launcher:hover{transform:none}
}