.ttj-notify {
	position:relative;
	z-index:130;
	display:flex;
	flex:none;
	align-items:center;
	margin:0;
}
.ttj-notify-button {
	position:relative;
	display:grid;
	width:36px;
	height:36px;
	place-items:center;
	margin:0;
	padding:0;
	border:0;
	border-radius:50% !important;
	background:#eeece6;
	color:#3f3f44;
	cursor:pointer;
	transition:background .18s ease,color .18s ease;
}
.ttj-notify-button:hover,
.ttj-notify-button[aria-expanded="true"] {
	background:#e3dfd6;
	color:#171714;
}
.ttj-notify-button:focus-visible {
	outline:2px solid #8a6240;
	outline-offset:2px;
}
.ttj-notify-button svg {
	display:block;
	width:17px;
	height:17px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.75;
	stroke-linecap:round;
	stroke-linejoin:round;
}
.ttj-notify-dot {
	position:absolute;
	top:1px;
	right:1px;
	dis:none;
	width:8px;
	height:8px;
	border:2px solid #fbfaf7;
	border-radius:50% !important;
	background:#e12d39;
	box-shadow:0 0 0 1px rgba(225,45,57,.08);
}
.ttj-notify.has-unread .ttj-notify-dot { display:block; }
.ttj-notify-panel {
	position:absolute;
	top:calc(100% + 14px);
	right:-9px;
	width:min(390px,calc(100vw - 32px));
	overflow:visible;
	border:1px solid #ded8cd;
	border-radius:15px !important;
	background:#fffefa;
	color:#25231f;
	box-shadow:0 24px 65px rgba(35,31,25,.19),0 3px 12px rgba(35,31,25,.08);
	font-family:'Pretendard Variable','Pretendard',-apple-system,BlinkMacSystemFont,sans-serif;
	letter-spacing:-.02em;
}
.ttj-notify-panel[hidden] { display:none !important; }
.ttj-notify-panel::before {
	content:'';
	position:absolute;
	top:-7px;
	right:20px;
	width:12px;
	height:12px;
	border-top:1px solid #ded8cd;
	border-left:1px solid #ded8cd;
	background:#fffefa;
	transform:rotate(45deg);
}
.ttj-notify-head {
	position:relative;
	z-index:1;
	dis:flex;
	align-items:baseline;
	justify-content:space-between;
	gap:18px;
	margin:0;
	padding:18px 19px 14px;
	border-bottom:1px solid #ebe6dd;
}
.ttj-notify-head strong {
	font-size:16px;
	font-weight:750;
	letter-spacing:-.04em;
}
.ttj-notify-status {
	color:#8a6240;
	font-size:10px;
	font-weight:700;
	white-space:nowrap;
}
.ttj-notify-list {
	max-height:min(460px,calc(100vh - 120px));
	overflow-y:auto;
	overscroll-behavior:contain;
	padding:7px;
	scrollbar-width:thin;
	scrollbar-color:#d8d1c5 transparent;
}
.ttj-notify-item {
	position:relative;
	display:grid;
	grid-template-columns:35px minmax(0,1fr);
	gap:11px;
	align-items:start;
	margin:0;
	padding:12px;
	border-radius:10px !important;
	color:#25231f;
	text-decoration:none;
	transition:background .16s ease;
}
.ttj-notify-item:hover { background:#f3f0e9; }
.ttj-notify-item.is-unread { background:#faf2ee; }
.ttj-notify-item.is-unread:hover { background:#f6eae4; }
.ttj-notify-item.is-unread::after {
	content:'';
	position:absolute;
	top:15px;
	right:12px;
	width:6px;
	height:6px;
	border-radius:50% !important;
	background:#e12d39;
}
.ttj-notify-icon {
	display:grid;
	width:35px;
	height:35px;
	place-items:center;
	border-radius:9px !important;
	background:#ebe6dd;
	color:#6d5946;
	font-size:14px;
	font-weight:800;
}
.ttj-notify-item[data-type="lecture"] .ttj-notify-icon {
	background:#303632;
	color:#fff;
}
.ttj-notify-copy {
	min-width:0;
	padding-right:12px;
}
.ttj-notify-copy strong {
	dis:block;
	margin:0 0 5px;
	font-size:12.5px;
	font-weight:750;
	line-height:1.35;
	letter-spacing:-.035em;
}
.ttj-notify-copy p {
	dis:-webkit-box;
	overflow:hidden;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	margin:0;
	color:#716d65;
	font-size:11px;
	font-weight:500;
	line-height:1.55;
	word-break:keep-all;
}
.ttj-notify-details {
	display:grid;
	gap:5px;
	margin-top:7px;
}
.ttj-notify-details > div {
	display:grid;
	grid-template-columns:38px minmax(0,1fr);
	gap:7px;
	align-items:start;
}
.ttj-notify-details b {
	color:#9a6d46;
	font-size:9.5px;
	font-weight:750;
	line-height:1.5;
	white-space:nowrap;
}
.ttj-notify-details span {
	color:#5f5a52;
	font-size:10.5px;
	font-weight:550;
	line-height:1.48;
	word-break:keep-all;
}
.ttj-notify-copy time {
	dis:block;
	margin-top:7px;
	color:#9a9388;
	font-size:9px;
	font-weight:650;
	letter-spacing:.01em;
}
.ttj-notify-message {
	margin:0;
	padding:34px 20px;
	color:#7b766e;
	font-size:11px;
	line-height:1.6;
	text-align:center;
}
@media (max-width:1000px) {
	.tb-nav-tools > .ttj-notify,
	body.new-b-page .nw-nav-tools > .ttj-notify { display:none !important; }
}
@media (prefers-reduced-motion:reduce) {
	.ttj-notify-button,.ttj-notify-item { transition:none; }
}