.link1{display: inline; font-size: 14px; color:#0394fc; text-decoration: none; cursor: pointer; }
.link1:hover{ text-decoration: underline; }
.link1:active{ position: relative; top: 1px; }
.cred{ color:#f70227 !important; }
.cgrey{ color:#d4d4d4 !important; }
.cdarkgrey{ color:#707070 !important; }

.link_frost { color:#84BBEC; cursor: pointer; font-size: 14px; text-decoration:underline; }
.link_candy { color:#d85050; cursor: pointer; font-size: 14px; text-decoration:underline; }
.link_frost:active { position:relative; top: 1px; }
.link_candy:active { position:relative; top: 1px; }

.button_frost{ border: 1px solid #138df0; background-color: #84BBEC; }
.button_frost:hover{ border-color: #0359ef !important; background-color: #ec79ba !important; }
.button_candy{ border: 1px solid #ee0f8d; background-color: #ec79ba; }
.button_candy:hover{ border-color: #d90707 !important; background-color: #d85050 !important; }
.button_frost:active, .button_candy:active { position: relative; top: 1px; }

.button_grey        { border: 1px solid #828282; background-color: #babab8; }
.button_grey:hover  { border-color: #383838 !important; background-color: #828282 !important; }
.button_grey:active { position: relative; top: 1px; }

.button_dynamic:active { position: relative; top: 1px; }


.bGreen {
	box-shadow: 0px 10px 14px -7px #3e7327;
	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	background-color:#77b55a;
	border-radius:4px;
	border:1px solid #4b8f29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
}
.bGreen:hover {
	background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
	background-color:#72b352;
}
.bGreen:active {
	position:relative;
	top:1px;
}


.bRed {
	box-shadow: 0px 10px 14px -7px #7c1301;
	background:linear-gradient(to bottom, #fc2803 5%, #cf3d23 100%);
	background-color:#fc2803;
	border-radius:4px;
	border:1px solid #a63f2d;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #9c301d;
}
.bRed:hover {
	background:linear-gradient(to bottom, #cf3d23 5%, #fc2803 100%);
	background-color:#cf3d23;
}
.bRed:active {
	position:relative;
	top:1px;
}


.bBlue {
	box-shadow: 0px 10px 14px -7px #0359ef;
	background:linear-gradient(to bottom, #6f9ff2 5%, #0359ef 100%);
	background-color:#6f9ff2;
	border-radius:4px;
	border:1px solid #0359ef;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #03348a;
}
.bBlue:hover {
	background:linear-gradient(to bottom, #0359ef 5%, #6f9ff2 100%);
	background-color:#0359ef;
}
.bBlue:active {
	position:relative;
	top:1px;
}


/*
.button_frost{ border: 1px solid #138df0; background-color: #84BBEC; }
.button_candy{ border: 1px solid #ee0f8d; background-color: #ec79ba; }
*/

.bFrost {
	box-shadow: 0px 10px 14px -7px #0359ef;background:linear-gradient(to bottom, #84BBEC 5%, #138df0 100%);background-color:#84BBEC;
	border-radius:4px;border:1px solid #0359ef;
	display:inline-block;cursor:pointer;color:#ffffff;font-size:14px;font-weight:bold;padding:6px 12px;text-decoration:none;text-shadow:0px 1px 0px #03348a;}
.bFrost:hover {background:linear-gradient(to bottom, #138df0 5%, #84BBEC 100%);background-color:#138df0;box-shadow: 0px 10px 14px -7px #84BBEC;}
.bFrost:active {position:relative;top:1px;}


.bCandy {
	box-shadow: 0px 10px 14px -7px #8f3891;background:linear-gradient(to bottom, #ec79ba 5%, #ee0f8d 100%);background-color:#ec79ba;
	border-radius:4px;border:1px solid #6c073f;
	display:inline-block;cursor:pointer;color:#ffffff;font-size:14px;font-weight:bold;padding:6px 12px;text-decoration:none;text-shadow:0px 1px 0px #03348a;}
.bCandy:hover {background:linear-gradient(to bottom, #ee0f8d 5%, #ec79ba 100%);background-color:#ee0f8d;box-shadow: 0px 10px 14px -7px #e59de7;}
.bCandy:active {position:relative;top:1px;}




/* SLIDER TOGGLE */
.slidetogs { }
.slidetogs .slide_text        { display: inline-block; font-size: 16px; margin-left: 10px; color:#0394fc; vertical-align: middle; cursor: pointer; }
.slidetogs .slide_text2       { font-size: 13px; color:#333333; }
.slidetogs .slide_text:active { position: relative; top: 1px; }
.slidetogs .switch_text       { display: block; position: absolute; top: 10px; right: 10px; font-size: 12px; color:#FFFFFF; text-align: right; }
.slidetogs .switch_text:after { content: "Enable"; }
.slidetogs .switch_checkbox:checked ~ .switch_text       { left: 10px; color:#FFFFFF; text-align: left; }
.slidetogs .switch_checkbox:checked ~ .switch_text:after { content: "Active"; }
.slidetogs .switch        { position: relative; display: inline-block; width: 80px; height: 34px; vertical-align: top; }
.slidetogs .switch input  { opacity: 0; width: 0; height: 0; }
.slidetogs .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.slidetogs .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
.slidetogs .switch_checkbox:focus    + .slider        {  }
.slidetogs .switch_checkbox:checked  + .slider        { background-color: #2196F3; }
.slidetogs .switch_checkbox:checked  + .slider:before { -webkit-transform: translateX(46px); -ms-transform: translateX(46px); transform: translateX(46px); }
.slidetogs .slider.round                   { border-radius: 34px; }
.slidetogs .slider.round:before            { border-radius: 50%; }


.link_highlight { color: #037bfc; text-decoration: underline; cursor: pointer; }

#subscribe_button_phone_close { display:none; }
#subscribe_button { display: none; color: #fff; text-align: center; cursor: pointer;  padding: 8px; border-radius: 6px; border: 1px solid #138df0; background-color: #84BBEC; margin: 10px; text-shadow: 1px 2px 0px rgba(19,141,241,1.0);}
#subscribe_button:hover { border-color: #ee0f8d !important; background-color: #ec79ba !important;  }
#unsubscribe_button { display: none; color: #fff; text-align: center; cursor: pointer;  padding: 8px; border-radius: 6px; border: 1px solid #138df0; background-color: #84BBEC; margin: 10px; text-shadow: 1px 2px 0px rgba(19,141,241,1.0);}
#unsubscribe_button:hover { border-color: #ee0f8d !important; background-color: #ec79ba !important;  }
#container, #container_body{ display: block; position: relative; width: 100%; margin:0px; padding:0px; }
.maincontainers{ display: none; }


.mlists_board { display: block; width: 90%; min-width: 300px; padding-bottom: 80px; margin: 40px auto 60px auto; color: #e5e7eb;}
.mlists_column { background: #111827; border: 1px solid #1f2933; border-radius: 6px; margin-bottom: 24px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,.35); transition: transform .25s ease;}
.mlists_inwork, .mlists_bugs, .mlists_features {display: none;}
.mlists_column:hover { transform: translateY(-3px);}
.mlists_header { padding: 16px 18px; font-weight: 600; display: flex; justify-content: space-between; align-items: center; cursor: pointer;}
.mlists_header span { font-size: 14px; color: #9ca3af;}
.mlists_list {list-style: none;padding: 0;margin: 0;}
.mlists_item_collapsed .mlists_item_details { max-height: 0;opacity: 0;overflow: hidden;margin-top: 0;}
.mlists_item::after { content: "▸"; margin-left: auto; font-size: 12px; color: #6b7280;transition: transform .2s ease;}
.mlists_item:not(.mlists_item_collapsed)::after { transform: rotate(90deg);}
.mlists_item { cursor: pointer; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.05); border-radius: 10px; padding: 10px 12px; margin-bottom: 10px; font-size: 14px; display: flex; align-items: center; gap: 8px; transition: background .2s ease, transform .15s ease;}
.mlists_item_body { display: flex; flex-direction: column;}
.mlists_item_title { line-height: 1.4;}
.mlists_item_details { margin-top: 6px; font-size: 13px; color: #9ca3af; line-height: 1.5; max-height: 500px; opacity: 1; transition: max-height .25s ease, opacity .2s ease;}
.mlists_item:hover { background: rgba(255,255,255,.08); transform: translateX(4px);}
.mlists_dot { width: 8px;height: 8px; border-radius: 50%;flex-shrink: 0; }
.mlists_inwork .mlists_header {background: rgba(59,130,246,.15);}
.mlists_inwork .mlists_dot { background: #3b82f6;}
.mlists_bugs .mlists_header {background: rgba(239,68,68,.15);}
.mlists_bugs .mlists_dot {background: #ef4444;}
.mlists_features .mlists_header {background: rgba(34,197,94,.15);}
.mlists_features .mlists_dot {background: #22c55e;}
.mlists_content {position: relative; padding: 14px 18px 18px; overflow: hidden; max-height: 1000px; transition: max-height .35s ease;}
.mlists_collapsed .mlists_content { max-height: 110px; }
.mlists_collapsed .mlists_content::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 30px; background: linear-gradient( to bottom, rgba(17,24,39,0), rgba(17,24,39,1) ); pointer-events: none; }
html,body{ display: block; height: 100%; width: 100%; margin: 0px; padding: 0px; font-size: 18px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
body{ background-color: #f0f2f5; }
form{display: inline-block; padding: 0px; margin: 0px;}
@keyframes prepagefadeout{1%{opacity:1;}50%{pointer-events:none;}100%{opacity:0;pointer-events:none;}}
/*
	fc_bg1.jpg
	body{ background: url("https://assets.frostcandy.com/assets/images/fc_bg0.jpg") #cccccc no-repeat center center fixed;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
	prepagefadeout 5s 2s  	27282D - dark head	57585C - soft grey	262626 - dark box	#0F1011 - dark word	#CB0F00 - red
*/

@keyframes flickerAnimation         { 0% { opacity:0.9; } 50%  { opacity:0.4; } 100% { opacity:0.9; } }
@-o-keyframes flickerAnimation      { 0% { opacity:0.9; } 50%  { opacity:0.4; } 100% { opacity:0.9; } }
@-moz-keyframes flickerAnimation    { 0% { opacity:0.9; } 50%  { opacity:0.4; } 100% { opacity:0.9; } }
@-webkit-keyframes flickerAnimation { 0% { opacity:0.9; } 50%  { opacity:0.4; } 100% { opacity:0.9; } }

#curtain{ display: block;position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:5000;opacity:1;animation:prepagefadeout 1s 1s forwards;text-align:center; background: url("https://assets.frostcandy.com/assets/images/fc_bg1-min.jpg") #cccccc no-repeat center center fixed;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#softcurtain{ display: none; position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:1500;opacity:1;background: url("https://assets.frostcandy.com/assets/images/fc_bg1-min.jpg") #cccccc no-repeat center center fixed;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#softcurtain>div{ width: 100%; height: 100%; margin: 0px; padding: 0px; opacity:0.7; background-image: linear-gradient(to right, #84bbec, #ec84e9); 
	-webkit-animation: flickerAnimation 15s infinite; 
	-moz-animation:    flickerAnimation 15s infinite; 
	-o-animation:      flickerAnimation 15s infinite; 
	animation:         flickerAnimation 15s infinite;
}
/* #grad { background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)); } */

#fc_logo_img{ position: relative; top: 40vh;}
#fc_logo_img>img{ width: 90%; }

#general_timelines_div{ 
	display: none; position: fixed; background-color: #333; color:#fff; margin: 0px; padding: 0px; width: 100%; height: 100%;
}

.menu_animation {display: inline-block; cursor: pointer; }
.menu_animation_bar1, .menu_animation_bar2, .menu_animation_bar3 {width: 20px; height: 2px; background-color: #333; margin: 3px 0; transition: 0.4s;}
.menu_animation_bar1                        { margin-top: 2px; }
.menu_animation_change .menu_animation_bar1 { transform: translate(0, 5px) rotate(-45deg); }
.menu_animation_change .menu_animation_bar2 { opacity: 0; }
.menu_animation_change .menu_animation_bar3 { transform: translate(0, -5px) rotate(45deg); }

.button_press:hover  { color: #333; }
.button_press:active { position: relative; top: 1px; }


.boveride{ outline: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
.noselect{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;outline: 0;}
.box_shadow{-webkit-box-shadow: 0px 0px 12px 5px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 12px 5px rgba(0,0,0,0.75);box-shadow: 0px 0px 12px 5px rgba(0,0,0,0.75);}
.error{ background-color: #FFADAD; border:1px solid #FF2206;}
.note{ background-color: #35C01E; }
.optional{ font-size: 12px; font-weight: bold; color:#ec79ba; vertical-align: middle; }
.lockoutgrey { color:#b7b7b7 !important; }

.noviewscrollbar::-webkit-scrollbar { display: none; }
.noviewscrollbar {-ms-overflow-style: none; scrollbar-width: none; overflow-y: scroll; overflow-x: hidden; }

#brodcastevent,#error,#note{ display: none; position: fixed; min-height: 24px; padding: 6px 10px; bottom: 0px; left: 0px; right: 0px; border-top: 2px solid #000; font-weight: bold;}
#brodcastevent{ background-color: #b76b0d; color: #FFF7F7; z-index: 10000; padding: 10px 20px; text-align:center; }
#brodcastevent a { color:#fff; text-decoration:underline;  }
#error{ background-color: #f44069; color: #FFF7F7; z-index: 10000; padding: 10px 20px; }
#note { background-color: #D9FFCF; color: #000000; z-index: 10000; padding: 10px 20px; }
.closeB,.closeE,.closeN{float: right; cursor: pointer; border-radius: 10px; color:#FFF; border: 1px solid #000; width: 25px; height: 25px; line-height: 25px; background-color: #4186DC; text-align: center; font-size: 18px; font-weight: bold;}
.closeE{ background-color:#FA383E; animation-name: breathing; animation-delay: 2s; animation-duration: 2s; animation-iteration-count: infinite; }
.closeN{ background-color:#3ADE1F; animation-name: breathing; animation-delay: 2s; animation-duration: 2s; animation-iteration-count: infinite; }
.closeB{ background-color:#3ADE1F; animation-name: breathing; animation-delay: 2s; animation-duration: 2s; animation-iteration-count: infinite; }
@-webkit-keyframes breathing { 0% {  } 50% { background-color:#BFBFBF; } }
@-moz-keyframes breathing { 0% {  } 50% { background-color:#BFBFBF; } }
@keyframes breathing { 0% {  } 50% { background-color:#BFBFBF; } }

.lib_item{ display:block; margin: 10px 4px; }

.text11 { font-size: 11px; }
.text12 { font-size: 12px; }
.text13 { font-size: 13px; }
.text16 { font-size: 16px; }
.text20 { font-size: 20px; }
.text_align_right{ text-align: right; }
.float-left{float:left;}
.float-right{float:right;}
.hidden { display: none; }

c { display: inline-block; text-decoration: none; transition: color 0.2s ease-in-out; white-space: nowrap; }
.purl   { display: inline-block; color:#137edf; cursor: pointer; }
.aurl   { display: inline-block; color:#c29421; font-weight: bold; font-style: italic; }
.hurl   { display: inline-block; color:#2d9630; font-weight: bold; font-style: italic; }
.curl   { display: inline-block; }
.margin10 {margin: 10px;}
.padding10 {padding: 10px;}
.cursor-pointer { cursor: pointer; }

/* P O P U P S  */
#darkback{ display: none; position: fixed; top: 0px; left: 0px; opacity: 0.7; background-color: #000; height: 100%; width: 100%; z-index: 2000; cursor: pointer; }
#popup{ display: none; position: fixed; top: 0px; left: 0px; z-index: 2001; height: 1px; width: 100%; margin: 0px; padding: 0px; }
.popup_white{ display: block; position: relative; background-color: #fff; border: 3px solid #000; padding: 15px; border-radius: 15px; margin: 20px auto; max-width: 650px; max-height: 400px; overflow: auto; }
.click_close{ cursor: pointer; }
.click_close_red_button{ position:absolute; top: -2px; right: 0px; border-radius: 0px 0px 0px 10px; color: white; font-size: 22px; font-weight: bold; padding: 8px; background-color:red; border: 1px solid #000; }
.closeDarkBack{ display:inline; position: absolute; top: -10px; right: -10px; border-radius: 10px; padding: 15px 20px 10px 10px; background-color: #D91F3D; color:#FFF; cursor: pointer;
	-animation: breathingClose 2s ease-out infinite alternate; -webkit-animation: breathingClose 2s ease-out infinite alternate; -webkit-font-smoothing: antialiased; z-index: 20; }
@keyframes breathingClose { 0% { color:#FFF; background-color:#D91F3D; } 100% { color:#FFF; background-color:#8A1225; } }
.closeDarkBack:active{top: -9px;}


.p_frost{ color:#84BBEC; }
.p_candy{ color:#EC84E9; }
.logo_frost{  }
.logo_candy{  }


.page_heading{ font-weight: bold; text-align: center; font-size: 32px; letter-spacing: 2px; color:#777; border-bottom: 1px solid #777; margin: 0px auto; width: 80%; }



/* FORMS */
.t1form{ margin: 0px; padding: 0px; }
.t1form input{ padding: 5px 8px; }
.t1form textarea{ padding: 5px 8px; }
.t1form select{ padding: 5px 8px; }
.t1form checkbox{ padding: 5px 8px; }
.t1form radio{ padding: 5px 8px; }
.t1form .formtext{ line-height: 28px; }
.t1form>div{ position: relative; margin: 20px 10px; }
.t1form label>span{ position: absolute; top: -14px; left: 0px; font-size: 13px; color:#0394fc; }



/* VIDEO PLAYER */
.video-js {font-size: 10px;color: #fff;}
.vjs-default-skin .vjs-big-play-button { font-size: 3em; line-height: 1.5em; height: 1.5em; width: 3em; border: 0.06666em solid #fff; border-radius: 0.3em; left: 50%; top: 50%; margin-left: calc(-3em / 2); margin-top: calc(-1.5em / 2); }
.video-js .vjs-control-bar, .video-js .vjs-big-play-button, .video-js .vjs-menu-button .vjs-menu-content { background-color: #2B333F; background-color: rgba(#2B333F, 0.7); }
.video-js .vjs-control-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.video-js .vjs-slider { background-color: lighten(#2B333F, 33%); background-color: rgba(#454F52, 0.5); }
.video-js .vjs-volume-level, .video-js .vjs-play-progress, .video-js .vjs-slider-bar { background: #fff; }
.video-js .vjs-load-progress { background: lighten(lighten(#2B333F, 33%), 25%); background: rgba(#454F52, 0.5); }
.video-js .vjs-load-progress div { background: lighten(lighten(#2B333F, 33%), 50%); background: rgba(#454F52, 0.5); }


.hide-scrollbar {-ms-overflow-style: none; }
/* For Chrome/Opera */
.hide-scrollbar::-webkit-scrollbar { width: 0px; }
/* For Edge */
.hide-scrollbar::-moz-scrollbar { display: none; }

/* Apply this class to the body via JS */
.stop-scrolling {
  height: 100%;
  overflow: hidden;
}        #hobby_div { display: block; position: relative; margin: 0; padding: 0; background-color: #fdfbf7; color: #333;}
        /* HEADER */
        #hobby_header {display: block; position: sticky; top: 0px; background: #2c3e50;color: white;padding: 2px 0px 20px 0px;text-align: center; z-index: 100;
        background: linear-gradient(90deg,rgba(22, 163, 219, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(242, 54, 255, 1) 100%, rgba(224, 22, 120, 1) 100%);
        }
        .hobby_ul { display: flex; justify-content: center; list-style-type: none; padding: 0; margin: 0; }
        .hobby_ul li { margin: 0px 10px; }
        .hobby_ul li a { color: #138df0; text-decoration:none; }
        #hobby_header_title { margin: 10px; font-size: 34px; color: #d4af37; }
        #hobby_header_title a { color: #d4af37; text-decoration: none; }
        /* SEARCH BAR */
        .hobby_search-container {max-width: 600px;margin: 0 auto;position: relative;}
        input#hobby_search {padding: 15px 20px;border-radius: 30px; width: 80%; border: none;font-size: 1rem;box-shadow: 0 4px 10px rgba(0,0,0,0.2);outline: none;transition: all 0.3s ease;}
        input#hobby_search:focus {box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4);transform: scale(1.02);}
        /* GRID LAYOUT */
        .hobby_container {max-width: 1200px;margin: 40px auto;padding: 0 20px;}
        .hobby_grid {display: grid;grid-template-columns: 1fr; gap: 30px; }
        /* Desktop: 3 columns */
        @media (min-width: 900px) {
            .hobby_grid { grid-template-columns: repeat(3, 1fr);} 
        }
        /* CARD STYLING */
        .hobby_card {background: #ffffff;border-radius: 12px;overflow: hidden;box-shadow: 0 10px 20px rgba(0,0,0,0.08);opacity: 0; /* Hidden initially for animation */transform: translateY(30px);transition: transform 0.3s ease, box-shadow 0.3s ease;display: flex;flex-direction: column; }
        .hobby_card.visible {animation: fadeInUp 1.6s forwards; }
        .hobby_card:hover {transform: translateY(-5px);box-shadow: 0 15px 30px rgba(0,0,0,0.15); }
        @keyframes fadeInUp {to {    opacity: 1;    transform: translateY(0);}}
        .hobby_card-img-container {height: 200px;background-color: #eee;position: relative;overflow: hidden; }
        .hobby_card-img-container img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
        .hobby_card:hover .card-img-container img {transform: scale(1.05);}
        .hobby_rating-badge {position: absolute;top: 15px;right: 15px;background: #1270d1;color: white;padding: 5px 10px;border-radius: 20px;font-weight: bold;font-size: 0.9rem;box-shadow: 0 2px 5px rgba(0,0,0,1.0); }
        .hobby_card-body {padding: 20px;flex-grow: 1;display: flex;flex-direction: column; }
        .hobby_producer {text-transform: uppercase;font-size: 0.75rem;letter-spacing: 1px;color: #888;margin-bottom: 5px; }
        .hobby_name {margin-bottom: 10px;color: #2c3e50;}
        .hobby_smell-tag {display: inline-block;background: #eff2f5;padding: 4px 8px;border-radius: 4px;font-size: 0.8rem;color: #555;margin-bottom:15px;font-style: italic;}
        .hobby_review {font-size: 0.95rem;color: #666;margin-bottom: 20px;flex-grow: 1; }
        .hobby_specs {display: grid;grid-template-columns: 1fr 1fr;gap: 10px;font-size: 0.85rem;color: #555;border-top: 1px solid #eee;padding-top:15px;}
        .hobby_spec-item strong {color: #2c3e50;display: block;}
        .hobby_price {font-size: 1.2rem;color: #2c3e50;font-weight: bold;text-align: right;margin-top: 10px; }
        /* SCROLL TRIGGER */
        #hobby_scroll-trigger { height: 50px; margin-bottom: 50px; text-align: center; color: #888; padding: 20px; }
        /* FOOTER */
        #hobby_footer { background: #2c3e50; color: white; text-align: center; padding: 2rem; margin-top: 4rem; }
        #hobby_footer a { color:#33a9fd;  }  
        .hobby_no-results { text-align: center; grid-column: 1 / -1; padding: 20px; color: #888; display: none; }
#general_home_div { display: block; width: 100%; height: 100%; background-color: #f0f2f5; }

#home_left_div    { display: inline-block; position: fixed; top: 36px; left: 0px;  height: 100%; width: calc(50% - 280px);       min-width: 150px;  padding: 6px; vertical-align: top; background-color: 0f0a20;}
#home_center_div  { display: block;        position: relative; margin: -32px auto 0px auto;                 width: 500px; max-width: 500px; min-width: 300px;  vertical-align: top; }
#home_right_div   { display: inline-block; position: fixed; top: 36px; right: 0px; height: 100%; width: calc(50% - 280px);       min-width: 150px;  padding: 6px; vertical-align: top; }

#main_right_body { }
#fcmascot > img { position: absolute; right: 0; bottom: 0; transform: translateY(max(0px, 670px - 100vh)); /*filter: blur(5px);*/}




/* HOME NAV  */
#home_nav{ display: flex; flex-direction: row; align-items: stretch; white-space: nowrap; position:fixed; bottom: 0px; left:50%; transform: translate(-50%, 0);
	text-align: center; font-size: 13px; z-index: 200;  border-radius: 6px;
box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.33); -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.33); -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.33);
}
#home_nav_crumbs { display:none; }


.home_nav_item { display: block; border-radius: 0px; border: 1px solid #138df0; border-bottom: none; background-color: #84BBEC;
	text-shadow: 1px 2px 0px rgba(19,141,241,1.0);
	font-weight: bold; 
	width: 98px; margin: 0px; padding: 4px 0px; color:#ffffff; cursor: pointer; }
.home_nav_item:hover  { background-color: #ec79ba !important; border-color:#ee0f8d !important; }
.home_nav_item:active { position: relative; top: 1px; }

/* POST COMMENT AREA  */
#home_nav_create_post { display: none; position: fixed; bottom: 0px; left: 50%; transform: translateX(-50%); width: 100%; max-width: 502px; min-width: 300px;
	background-color: #e8e8e8; border: 1px solid #333; border-radius: 6px 6px 0px 0px; border-bottom: none; height: 100%; padding: 0px; text-align: center; z-index: 1600; overflow: hidden; }
#home_nav_post_explain{ background-color:#d7d7d7; color:#333; border-bottom: 1px dashed #9a9a9a; padding: 2px 0px; margin-bottom: 2px; }
#home_nav_post_dropzone{ display: none; padding: 6px; margin: 30px 2px 2px 2px; background-color: #bfe7fc; border-radius: 6px; border: 1px solid #999; height: 80%; }
#home_nav_post_dropzone_inner { margin-top: 60px; font-size:60px; }
#home_nav_post_textarea_container{ display: block; position: relative; overflow-x: hidden; overflow-y: scroll; 
	margin: 30px 2px 2px 2px; border-radius: 6px; border: 1px solid #999; width: calc(100% - 6px); height: 70%; background-color: #ffffff; }
#home_nav_post_textarea{ display: block; text-align: left; outline: 0px solid transparent; 
	padding: 6px; min-height: 94%; font-size: 16px; overflow-x: hidden; overflow-y: scroll; background-color: #ffffff; }

#home_nav_post_photo{ display: block; position: relative; margin: 0px; }
#home_nav_post_photo>img{ width: 100%; max-height: 250px; vertical-align: middle; text-align: center; }
#home_nav_post_photo_img{  }
.home_nav_remove_image{ position: absolute; top: 10px; right: 10px; border-radius: 50%; padding: 6px 10px; border: 2px solid #000; background-color: #ff0808; cursor: pointer; color:#fff; }
.home_nav_remove_image:active{ top: 11px; }

.home_nav_post_button, .home_nav_post_button_icons{ float: right; color:#fff; padding: 4px; width: 60px; margin-right: 10px; margin-bottom: 2px; border-radius: 6px; font-size: 13px; cursor: pointer; 
text-shadow: 0px 0px 2px #000000; font-weight: bold; text-align: center;
}
.home_nav_post_button_icons { width: 20px; font-size: 20px; line-height: 17px; height: 23px; padding: 0px 4px; margin-top: 1px; }
#home_nav_post_submenu { display:none; width: 19px; height: 15px; overflow: hidden; }

#home_nav_post_ops        { display: none; position: fixed; top: 25px; left: 0px; height: 100%; width: 100%; z-index: 2; padding-top: 20px; text-align: center; clear: both; background-color: #000; color:#fff; }
#home_nav_post_ops_comment_type { display: none;  }
.post_option_types_div    { text-align:left; width: 100%; margin: 15px 10px; }
.post_option_types        { display: inline-block; text-align: center; vertical-align: middle; width: 150px; border: 1px solid #000; padding: 6px; margin: 6px; background-color: #fff; cursor: pointer; color: #000; }
.post_option_types:active {top: 1px; position: relative;}


#home_nav_post_end_menu  { display: none; position: fixed; top: 25px; left: 0px; height: 100%; text-align: left; width: 482px; z-index: 10;
 clear: both; background-image: linear-gradient(to right, #84BBEC, #ec79ba); padding: 10px; font-size: 24px; }
#home_nav_post_end_menu > div { display: block; position: relative; padding: 0px; margin: 10px; }
#home_nav_post_end_menu_inner { background-color:#fff; border-radius: 6px; border: 1px solid #333; padding: 10px; margin: 10px; font-size: 15px; overflow: hidden; }

#home_nav_post_end_menu_add_title         { padding: 10px; }
#home_nav_post_end_menu_add_title > div   { vertical-align:  middle; }
#home_nav_post_end_menu_add_title > input { width: 300px; padding: 3px; font-size: 15px; }
#home_nav_post_end_menu_add_pinned        { display: none; padding: 10px; }
#home_nav_post_input_pinned               { /* zoom: 1.5; */ }
#home_nav_post_end_menu_set_tension                   { padding: 4px 10px; }
#home_nav_post_end_menu_set_tension > ul              { margin: 0px; padding: 0px 10px; list-style-type: none; }
#home_nav_post_end_menu_set_tension > ul > li         { margin: 5px 0px; }
#home_nav_post_end_menu_set_tension > ul > li > label { cursor: pointer; }
#home_nav_post_end_menu_set_tension > ul > li > label > input[type='radio'] {  margin-right: 10px; }
#home_nav_post_cancel2 { float: right; margin: 10px; padding: 6px 10px !important; text-align: center; cursor: pointer; border-radius: 6px; }
#home_nav_post_submit2 { float: right; margin: 10px 30px 10px 10px !important; padding: 6px 10px !important; text-align: center; cursor: pointer; border-radius: 6px; }
#home_nav_post_radio_pro { accent-color: #84BBEC; }
#home_nav_post_radio_con { accent-color: #ec79ba; }
#home_nav_post_radio_non { accent-color: #a9a9a9; }
#home_nav_post_radio_ulops { font-size: 15px; }





.home_nav_post_button_small{ float: left; background-color: #d7d7d7; color:#000000; padding: 4px 10px; 
	 font-size: 13px; cursor: pointer; text-shadow: 0px 0px 2px #000000; font-weight: bold; margin-left: 0px; border-right: 1px dashed #e8e8e8;
}
.home_nav_post_button_small:hover{ background-color:#fff; }
#home_nav_post_color { padding: 1px; border: 0px; width: 24px; height: 24px; }



/*
#crumb_trail { position: -webkit-sticky; position: sticky; padding: 10px 0px; top: 36px; display: block; z-index: 10; 
	background-color: #f0f2f5; color:#b5b5b5; margin: 0px auto; width: 500px; text-align: center; }
.crumb_trail_item               { display: inline; margin: 0px 10px; cursor: pointer; }
.crumb_trail_thread_item        { display: block; margin: 5px 10px; text-align: left; cursor: pointer; transition-duration: 500ms; }
.crumb_trail_thread_item:hover  { background-color: #84BBEC; }
.crumb_trail_item_press:hover   { color:#333; }
.crumb_trail_item_press:active { position: relative; top: 1px; }
#crumb_trail_pulldown    { display: none; cursor: pointer; }
#crumb_trail_thread_list { display: none; position: fixed; top: 75px; left: 0; right: 0; overflow-x: hidden; overflow-y: auto;
	height: 200px; width: 220px; margin: 0px auto; border: 1px solid #333; background-color: #fff;  
}
#crumb_trail_thread_close { float: right; font-size: 14px; color: #EC84E9; cursor: pointer; margin: 5px 10px; }
#crumb_trail_thread_ops   { position: fixed; width: 220px; background-color: #333; border-bottom: 1px solid #333; overflow: hidden; }
*/


#comment_boxes_alt { display: none; }
#comment_boxes     { display: block; }
#gcomment_boxes    { display: none; margin-top: 70px; }
.gcomment_box      { border: 1px solid #333; padding: 10px; border-radius: 6px; }
.gcbuttons         { text-align: right; }
.gcbuttons div     { display: inline-block; margin: 10px 10px 0px 0px; cursor: pointer; color:#138df0; }
.gcbuttons div:hover  { color:#EC84E9; }
.gcbuttons div:active { position: relative; top: 1px; }
.ggnote            { color:#934a4a; font-size: 13px; margin-bottom: 10px;}

.comment_nav{ position: relative; display: block; height: 20px; margin-top: 8px; padding: 10px 10px 4px 10px; border-radius: 0px 0px 6px 6px; background-color: #fff; color:#000000; }
.comment_box{ position: relative; min-width: 300px; border-radius: 6px; border: 1px solid #a5a5a5; background-color: #FFFFFF; color:#000000; padding: 0px; margin: 50px 0px; font-size:16px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; }
.comment_box_inner { padding: 10px; max-height: 250px; overflow: hidden; }

.comment_box_inner_friend { position: absolute; z-index: 36; top: -8px; left: 21px;	height: 14px; line-height: 14px; text-align: center; 
	font-weight: bold; font-size: 10px; border: 1px solid #bb2222; border-radius: 6px; padding: 0px 4px; color:#fff; background: #EC84E9; }
.comment_series_list { position: absolute; z-index: 36; top: -8px; left: 100px;	height: 14px; line-height: 14px; text-align: center; 
	font-weight: bold; font-size: 10px; border: 1px solid #9a9d08; border-radius: 6px; padding: 0px 4px; color:#000; background: #fff9ab; }
.goseries { display:inline-block; padding: 0px 10px; cursor:pointer; border-right: 1px solid #333; }
.goseries:hover { color:#cf4646; background-color:#f9f8e6; }
.comment_series_list .goseries:first-child { border-left: 1px solid #333; }
.comment_series_list .goseries:last-child { border-right: none; }

.cb_border_agree { position: absolute; top: 60px; right: -6px; width: 10px; height: 50px; border-radius: 10px; background-color: #7171cf; user-select: none;}
.cb_border_disagree { position: absolute; top: 60px; right: -6px; width: 10px; height: 50px; border-radius: 10px; background-color: #ed7272; user-select: none;}
.cb_border_non {  }

.cb_flvl1, .cb_flvl2, .cb_flvl3, .cb_flvl4, .cb_flvl5 { position: absolute; color:#fff; text-align: center; line-height: 22px; font-size: 13px; top: -10px; right: -8px; border-radius: 0% 50% 0% 74%; width: 19px; height: 24px; -webkit-box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.31); box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.31); user-select: none;}
.cb_flvl1 { background-color: #7a7a7a; }
.cb_flvl2 { background-color: #ab4d6f; }
.cb_flvl3 { background-color: #b515b0; }
.cb_flvl4 { background-color: #6f6ff1; }
.cb_flvl5 { background-color: #3a9939; }

.cb_flvlm1 { font-weight: bold; background: linear-gradient(to right, #137fdf, #fe00f6); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; display: inline-block; }

.verified-badge { display: inline-block; position: absolute; left: -5px; top: -10px; background-color: #138df0; color: white; border-radius: 50%; text-align: center; line-height: 20px; width: 20px; height: 20px; font-size: 11px; font-weight: bold; z-index: 36; }

.istriggered  { display: block; position: absolute; top: -14px; right: 20px; /*transform: translate(-50%, -50%); */
	border-radius: 6px; font-size: 13px; text-align: center; z-index:100; font-weight: bold;
	padding: 4px 8px; font-weight: bold; width: 150px; background-color: #e7e7e7; border: 1px solid #7a7a7a; color:#333;
}
.istriggered3   { background-color: #65ed70 !important; border: 1px solid #115209 !important; color: #333 !important; }
.istriggered6   { background-color: #24fbfb !important; border: 1px solid #1aad92 !important; color: #333 !important; } 
.istriggered10  { background-color: #f1ff1b !important; border: 1px solid #f71c1c !important; color: #333 !important; }

#home_nav_post_triggered_slider { touch-action: manipulation; }
#status_display { }
#home_nav_post_triggered { font-family: sans-serif; max-width: 300px; padding: 15px; }
.slider-label { display: block; font-size: 0.9em; color: #333; margin-bottom:10px; }
.slider-label>.optional{ vertical-align:top !important; }
.trigger_slider { display: inline-block; width: 180px; vertical-align: top; cursor: pointer; margin-right:10px; }
#status_display { display: inline-block; font-size: 13px; vertical-align: top; font-weight: bold; color: #555; }
#trigger_text { color: #0359ef; }



.fc-welcome-container { line-height: 1.6; color: #1a1a1a; margin: 0px; padding: 3rem; background: #ffffff; border: 1px solid #e1e8ed; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); }
.fc-welcome-container .fc-welcome-title { text-align: center; font-family: "Georgia", "Times New Roman", serif; font-size: 1.65rem; color: #2c3e50; margin-top: 0; margin-bottom: 1.5rem; border-bottom: 2px solid #e1e8ed; padding-bottom: 0.5rem; }
.fc-welcome-container .intro-text { font-size: 1.15rem; font-weight: 500; color: #2c3e50; margin-bottom: 1.5rem; }
.fc-welcome-container p { margin-bottom: 1.25rem; color: #4a4a4a; }
.fc-welcome-container .feature-box { background: #f8fbff; border-left: 4px solid #3498db; padding: 1.5rem; margin: 2rem 0; border-radius: 0 8px 8px 0; }
.fc-welcome-container .mission-tag { display: inline-block; text-transform: uppercase; letter-spacing: 1.5px; font-size: 0.75rem; font-weight: 700; color: #3498db; margin-bottom: 0.5rem; }
.fc-footer-note { font-style: italic; margin-top: 2rem; color: #2c3e50; font-weight: 600; }

 
#home_nav_post_source_cites, #home_nav_post_relateds, #home_nav_post_seriess { font-size: 14px; max-height:100px; overflow: auto; }
#home_nav_post_source_cite_block { display: block; margin: 5px 20px 5px 10px; } 
#home_nav_post_series_block, #home_nav_post_related_block     { display: none; margin: 5px 20px 10px 10px;} 
#home_nav_post_source_cite { font-size: 15px; width: 300px; padding: 3px; }
.home_nav_post_source_ccites, .home_nav_post_crelateds, .home_nav_post_cseriess { display: inline-block; margin-left: 38px; line-height: 27px; max-width:340px; }
#home_nav_post_related { font-size: 15px; width: 300px; padding: 3px; }


#home_nav_post_source_cite_button, #home_nav_post_related_button, #home_nav_post_series_button {
    display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px;
    background-color: #f0f0f0; border: 1px solid #ccc; border-radius: 6px; cursor: pointer; margin: 6px 6px 6px 6px;
   	vertical-align: baseline; padding: 6px; box-sizing: border-box; color: #000; 
}
#home_nav_post_source_cite_button svg , #home_nav_post_related_button svg , #home_nav_post_series_button svg  { width: 100%; height: 100%; display: block; }


.remove_cite_rlt { display: inline-flex; position: absolute; top: 0px; left:0px; align-items: center; justify-content: center; 
	width: 20px; height: 20px;
    background-color: #f0f0f0; border: 1px solid #ccc;
    border-radius: 6px; cursor: pointer; margin: 6px; padding: 6px; box-sizing: border-box; 
    color: #000; transition: background-color 0.2s;
}
.remove_cite_rlt:active { background-color: #e0e0e0; }
.remove_cite_rlt svg { width: 20px; height: 12px; display: block; }


.home_nav_post_crelateds_contain { display:block; position:relative; overflow: hidden; height:26px; margin-bottom: 5px;  }
.comment_rtdsrc_itmt { position: relative; margin-top: 20px; font-size: 20px; text-align:center; }
.comment_rtdsrc_itms { position: relative; text-align: left; margin-top: 10px; max-height:120px; overflow:auto; }
.comment_rtdsrc_itm { position: relative; display: inline-block; cursor: pointer; color:#fff !important; margin: 0px 10px 10px 10px;  }


#channel_link { display: none; text-align: center; background-color: #fff; border-radius: 6px; color:#0961af; margin: 50px auto 20px auto; border: 1px solid #84BBEC; cursor:pointer;  }
#channel_link:hover {background-color: #e1f0ff;}
#channel_link > a {text-decoration: none; color: #0961af;}


.istriggering { position: absolute; bottom: -18px; left: 6px; color:#476dd7; text-decoration:none; cursor:pointer; font-size: 11px; }
.istriggering:hover  { color:red; }
.comment_report_user  { position: absolute; bottom: -18px; left: 85px; color:#476dd7; text-decoration:none; cursor:pointer; font-size: 11px; }
.comment_report_user:hover  { color:red; }

.comment_showr_item_noz_boxlbl { display: inline-block; position:absolute; top: -9px; left: 6px; font-size:14px; background-color:#333; color:#EC84E9; }
.comment_showr_item_noz_box { display: inline-block; position: relative; width: 100px; height: 60px; vertical-align: top; margin: 10px; margin-top: 6px; border: 1px solid #EC84E9; padding:10px; text-align: left; font-size: 13px; }
.comment_showr_item_noz_box div {  }
.comment_showr_item_noz_box span { float: right; }
.comment_showr_item_noz_box:hover { background-color: #EC84E9; color:#000; transition:0.6s; }
.comment_showr_item_noz_box2 { color:#fbff16; overflow-y:auto; max-height:60px; }
.comment_showr_item_outer  { margin: 20px 10px; text-align:center; }
.comment_showr_item_outer_close  { position: absolute; top: 0px; right: 0px; border-radius: 0px 0px 0px 10px; width: 20px; height: 20px; line-height: 13px; text-align: center; font-size: 19px; cursor: pointer; background-color:red; border: 1px solid blue; }
.comment_showr_item_hidden { display: none; }
.comment_showr_item { display: none; background-color: #333; color:#fff; text-align: center; border-radius: 6px; width: 100%; height: 100%; z-index: 30; position: absolute; left: 0px; top: 0px; min-height:40px; min-width:200px; }
.comment_showr_items{position: absolute; bottom: -23px; right: 26px; color:#476dd7; text-decoration:none; font-size: 11px; background-color:#fff; 
	border-radius: 0px 0px 6px 6px; padding-top: 2px; border: 1px solid #a5a5a5; border-top: none; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; }
.comment_showr_items > div:not(:first-child){ border-right: 1px solid #d5d5d5; }
.comment_showr_items > div:not(:last-child){ border-left: 1px solid #ebf5ff; }
.comment_showr_items > div { margin: 0px; overflow:hidden; }
.comment_showr_items_pin { border-color: blue; }
.comment_show_notes { cursor:pointer; float: right; padding: 4px 8px;}
.comment_show_notes:hover {background-color:#c5e7ff;}
.comment_show_related { cursor:pointer; float: right; padding: 4px 8px; }
.comment_show_related:hover {background-color:#c5e7ff;}
.comment_show_sources { cursor:pointer; float: right; padding: 4px 8px; }
.comment_show_sources:hover {background-color:#c5e7ff;}
.comment_show_share { cursor:pointer; float: right; padding: 4px 8px; }
.comment_show_share:hover {background-color:#c5e7ff;}
.comment_show_lockoutgrey { margin: 0px 2px; color:#b7b7b7 !important; float: right; padding: 4px 8px; }

.comment_show_type   { display: none; position: absolute; right: -22px; top: 20px; width:17px; font-size: 13px; text-align: center; background-color: #fff; border: 1px solid blue; border-left: none; border-radius: 0px 10px 10px 0px; z-index: 30;}
.comment_show_type > div { cursor: pointer; }
.comment_show_type > div:hover { background-color:#EC84E9; }
.comment_show_type_y { border-radius: 0px 10px 0px 0px; padding: 2px;}
.comment_show_type_m {  padding: 2px;}
.comment_show_type_n { border-radius: 0px 0px 10px 0px; padding: 2px;}


.comment_profile_img_div_div { position: relative; z-index: 20; }
#comment_box_loading{ margin: 100px auto 200px auto; height: 300px; text-align: center; color:#138df0; }

.comment_nav > div { float: right; margin: 0px 10px; cursor: pointer; font-size: 12px; }
.comment_nav > div:hover  { color: #000; }
.comment_nav > div:active { position: relative; top: 1px; }
.comment_nav_like   { }
.comment_nav_like_data {}
.comment_nav_like_save { display: none; color:yellow; }


.comment_admin        { position: relative; float: left !important; color:#246eab; border: 1px solid #ffa6a6; padding: 2px 14px; color:#fff; border-radius: 5px; background-color: #eb2c2c; margin: -5px -5px 0px 10px !important;}
.comment_admin_div    { display: none; z-index: 1000; position:absolute; top: -165px; left: 0px; background-color:#fff; border: 1px solid #333; padding: 10px; }
.comment_delete_post  { color:#246eab; border: 1px solid #ffa6a6; padding: 2px 14px; color:#fff; border-radius: 5px; background-color: #eb2c2c; margin: -5px -5px 0px 10px !important; }
.comment_admin .comment_delete_post { margin: 10px !important; }
.comment_toggle_pinned{ color:#246eab; border: 1px solid #93bbf7; padding: 2px 14px; color:#fff; border-radius: 5px; background-color: #008dff; margin: 10px !important; }
.comment_ban_user     { color:#246eab; border: 1px solid #93bbf7; padding: 2px 14px; color:#fff; border-radius: 5px; background-color: #008dff; margin: 10px !important; }
.comment_note         { color:#246eab; border: 1px solid #93bbf7; padding: 2px 14px; color:#fff; border-radius: 5px; background-color: #008dff; margin: 10px !important; }

.comment_nav_edit     { color:#246eab; border: 1px solid #93bbf7; padding: 2px 14px; color:#fff; border-radius: 5px; background-color: #008dff; margin: -5px -5px 0px 10px !important; }


.comment_nav_reply  { display: none; color:#246eab; border: 1px solid #93bbf7; padding: 2px 14px; color:#fff; border-radius: 5px; background-color: #008dff; margin: -5px -5px 0px 10px !important; }
.comment_nav_view   { color:#246eab; border: 1px solid #93bbf7; padding: 2px 14px; color:#fff; border-radius: 5px; background-color: #008dff; margin: -5px -5px 0px 10px !important; }
.comment_nav_parent { color:#246eab; border: 1px solid #93bbf7; padding: 2px 14px; color:#fff; border-radius: 5px; background-color: #008dff; margin: -5px -5px 0px 10px !important; }
.comment_nav_l2view { color:#84BBEC; cursor: pointer; }

#comment_nav_star_pop { display:none; position: absolute; width: 270px; height: 158px; background-color:#fff; border-radius:10px; border: 1px solid #333; padding:10px; z-index:1002; }
#comment_nav_star_pop:before { content: ""; position: absolute; top: 100%; left: 255px; width: 0; border-top: 12px solid black; border-left: 12px solid transparent; border-right: 12px solid transparent;}
.comment_nav_star_val { font-size: 26px; text-align:center; }
.star_full  { color:#256cb8; cursor: pointer; margin-right: -5px; }
.star_empty { color:#de2fdb; cursor: pointer; margin-right: -5px; }

.star_popup_close{ position: absolute; top: 0px; right: 0px; padding: 3px 8px; border: 1px solid #761374; border-radius: 0px 10px 0px 0px; background-color:#EC84E9; color:#fff; font-size: 13px; cursor:pointer; }

#comment_rating_ttext   {  }
#comment_rating_options { height: 98px; overflow-y:scroll; overflow-x:hidden; border-top: 1px solid #333; border-bottom: 1px solid #333; margin: 10px 0px 0px 0px; }

.comment_box_pinned { border: 1px solid blue; box-shadow: 0px 0px 4px 0px rgba(69, 151, 205, 1); }

.comment_title { font-size: 24px; color: #84BBEC; font-weight: bold; margin-bottom: 20px;  border-bottom: 1px solid #bbc4c7; }
.comment_text  { font-size: 18px; color: #555555; font-weight: normal; }
.comment_text_more { display: block; position: absolute; top: 10px; right: 10px; text-decoration: underline; color:#84BBEC; z-index: 22; cursor: pointer; }
.comment_image     { overflow:hidden; }
.comment_image > img { border-top: 1px solid #333; border-bottom: 1px solid #333; }
.comment_box_image { width: 100%; max-height: 250px; filter: blur(25px); transition: filter 0.3s ease-in-out; cursor: pointer;}
.comment_box_imageadm { width: 100%; max-height: 250px; }
.comment_ts { font-size: 12px; color:#777777; }
.comment_aauthor {}
.comment_profile_img_div { display: inline-block; width: 50px; vertical-align: top; }
.comment_profile_img     { width: 40px; height: 40px; overflow:hidden; border: 1px solid #000; border-radius: 50%; cursor:pointer; }
.comment_profile_img:hover { border: 1px solid #ffd6fa; }

.comment_profile_data    { display: inline-block; width: calc(100% - 50px); width: -webkit-calc(100% - 50px); width: -moz-calc(100% - 50px); vertical-align: top; }

.comment_nav_like { padding: 2px 14px; background-color: #333; border: 1px solid #000; color:#fff; border-radius: 5px; font-size: 14px; margin: -5px -5px 0px 10px !important; }
.comment_nav_like:hover { color:yellow !important; }


.comment_poll_block { position: relative; color:#424242; }
.comment_poll_comment { padding-bottom: 5px; margin-bottom: 5px; }
.comment_poll_question_block { border: 1px solid #545454; background-color: #3171ab; color:#ffffff; padding: 10px; border-radius: 6px 6px 0px 0px; }
.comment_poll_question {  }
.comment_poll_answer_block {}
.comment_poll_answer { border: 1px solid #138df0; padding: 4px; margin: 5px; cursor: pointer; }
.comment_poll_answer:active {position: relative; top: 1px;}
.comment_poll_answer:hover { background-color: #84BBEC; color:#000; }
.comment_poll_answer_selected { background-color: #84BBEC !important; color:#000000 !important; }

.comment_poll_answer_ma { display:inline-block; padding: 4px; margin: 5px; }
.comment_poll_answer_m  { display:inline-block; padding: 4px; margin: 5px; }

.comment_poll_answer_m2 { display:inline-block; vertical-align: middle; -webkit-appearance: none; height: 15px; border-radius: 5px; background: #eaefff; outline: none; opacity: 1.0; -webkit-transition: .2s; transition: opacity .2s;  }
.comment_poll_answer_m2::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 25px; height: 25px; border-radius: 50%; background: #84BBEC; cursor: pointer; }
.comment_poll_answer_m2::-moz-range-thumb { width: 25px; height: 25px; border-radius: 50%; background: #84BBEC; cursor: pointer; }
.comment_poll_answer_m3{ display: inline-block; vertical-align: middle; color:#ffff00; opacity: 0.4; }

.comment_poll_smallt    { color: #333; font-size:13px; text-align: center; }
.comment_poll_sc:last-child   { border-radius: 0px 0px 10px 10px; }
.comment_poll_score     { background-color: #333; color: #fdfd03; margin: 0px; padding: 8px; border-radius: 10px 10px 0px 0px; }
.comment_poll_scoreg1   { background-color: #333; color: #fdfd03; margin: 0px; padding: 8px; }
.comment_poll_scoreg2   { background-color: #333; color: #fdfd03; margin: 0px; padding: 8px; }
.comment_poll_scoregrps { color:#EC84E9; font-size: 14px; font-weight:bold; }
.comment_poll_seps      { display: inline-block; overflow:hidden; white-space: nowrap; padding: 5px; padding-left: 0px; margin: 5px; width: 90px; border: 1px solid #EC84E9; background-color:#333; border-radius:10px; text-align:center; }
.comment_poll_seps > div { display: block;width: 96px; overflow: hidden; mask-image: linear-gradient(to right, black 70%, transparent 100%); }


.comment_poll_show_submit_button { position:absolute; top: 18px; right:6px; font-size: 11px; padding: 5px 6px; background-color:#EC84E9; color:#fff; border: 1px solid #000; border-radius:6px; cursor:pointer; }
.comment_poll_show_submit_button:active{top:19px;}
.comment_poll_results { display: block; min-height: 50px; padding: 10px; background-color:#85b2f5; border: 1px solid #545454; border-radius: 0px 0px 6px 6px; }


.cq_qa      { display: none; border: 1px solid #dfdfdf; background-color:#fff; border-radius: 6px; margin: 10px 5px; }
.cq_qm_show { display: block; }
.comment_questionaire_q { font-size: 16px; color:#000; padding: 10px; }
.comment_questionaire_a { font-size: 16px; border: 1px solid #84BBEC; background-color:#E1F0FF; border-radius: 6px; color:#000; margin: 10px; padding: 6px; cursor:pointer; }
.comment_questionaire_a:hover { border-color: #EC84E9; background-color: #F3D0F2; color:#333; transition-duration: 0.5s; }







#center_pop_area { display:none; position: fixed; top: 30px; bottom: 30px; left: 50%; transform: translate(-50%, 0); background-color: #fff;
	z-index: 2010; margin: 0px auto; border-radius: 20px; border: 1px solid #138df0; padding: 8px 15px; 
	height: 550px; width: 310px; 
	-webkit-box-shadow: 0px 0px 25px 3px rgba(132,187,236,1);-moz-box-shadow: 0px 0px 25px 3px rgba(132,187,236,1);box-shadow: 0px 0px 25px 3px rgba(132,187,236,1);
}
#center_pop_area_close{position: absolute; top: 2px; right: 2px; padding: 10px; width: 10px; height: 10px; color:#fff; background-color:#f00; border: 1px solid #333; border-radius:50%; line-height:10px; cursor: pointer;}
#center_pop_inner_div { margin: 10px; }

#subscribe_area { display:none; position: fixed; top: 30px; bottom: 30px; left: 50%; transform: translate(-50%, 0); background-color: #fff;
	z-index: 2010; margin: 0px auto; border-radius: 20px; border: 1px solid #138df0; padding: 8px 15px; 
	height: 550px; width: 310px; 
	-webkit-box-shadow: 0px 0px 25px 3px rgba(132,187,236,1);-moz-box-shadow: 0px 0px 25px 3px rgba(132,187,236,1);box-shadow: 0px 0px 25px 3px rgba(132,187,236,1);
}
#star_subscribe_area{position: absolute; top: 2px; right: 2px; padding: 8px 10px 10px 10px; font-weight: bold; font-size: 18px; color:#fff; background-color:#f00; border: 1px solid #333; border-radius:50%; line-height:10px; cursor: pointer;}



#explainer_popup { display: none; position: absolute; top: 0px; left: 0px; background-color: #fff; z-index: 1510; margin: 0px auto; border-radius: 20px; border: 1px solid #333; padding: 20px; height: 420px; overflow: hidden; }
.close_explainer_popup { position: absolute; top: 5px; right: 5px; font-size: 34px; color:red; background-color: #fff; border: 1px solid #333; border-radius: 50%; text-align:center; width: 30px; height: 30px; cursor:pointer; line-height: 30px; }
.close_explainer_popup:hover { color:#fff; background-color: red; }

#logical_fallcy_holder { margin-top: 20px; padding: 6px; height:350px; overflow-y: auto; border: 1px solid #333; }
.logic_smalltext { font-size: 14px; color: #707070; }
.logical_fallcy_block { margin: 10px 0px; }
.logical_fallacy_example{ font-size: 14px; }

.special_thanks { font-size: 13px; color:#34a8eb; }



.subscribe_box { background-color: #138df0; border-radius: 10px; padding: 20px; width: 300px; margin: 10px auto; color:#fff; text-align: center; border: 5px solid #84BBEC; }

#right_no_login_block { display: none; position: relative; overflow: hidden; background-color: #fff; background-color:#e1f0ff; 
	margin: 10px; color:#333; padding: 10px; height: 390px; border: 1px solid #84BBEC; border-radius:10px; font-size: 13px; overflow-y: auto; }

#superchat_block   { display: none; position: relative; overflow: hidden; background-color: #fff; background-color:#e1f0ff; margin: 10px; color:#333; padding: 10px 1px 10px 10px; height: 290px; border: 1px solid #84BBEC; border-radius:10px; font-size: 14px; }
#superchat_chat    { display: block; position: relative; overflow-y:scroll; overflow-x:hidden; margin-right: -24px; padding-right: 17px; box-sizing: content-box; height: 250px; }
.superchat_ichat   { display: block; position: relative; margin: 20px 0px; padding: 10px; border: 1px solid #0984ff; border-radius:10px; }
.superchat_ichat0  { background-color:#f7fbff; color:#000;  }
.superchat_ichat1  { background-color:#00ffff; color:#000;  }
.superchat_ichat2  { background-color:#00ff66; color:#000;  }
.superchat_ichat3  { background-color:#ffbc00; color:#000;  }
.superchat_ichat4  { background-color:#efff00; color:#000;  }
.superchat_ichat5  { background-color:#ff0000; color:#FFF;  }
.superchat_ichat6  { background-color:#975680; color:#FFF;  }
.superchat_ichat7  { background-color:#7e5697; color:#FFF;  }
.superchat_ichat8  { background-color:#565b97; color:#FFF;  }
.superchat_ichat9  { background-color:#569764; color:#FFF;  }
.superchat_ichat10 { background-image: linear-gradient(to right, #6c1616, #16296c); color:#FFF; }
.superchat_ichat_name { float: left; font-size: 15px; clear: left; }
.superchat_ichat_time { float: right; font-size: 12px; clear: right;}
.superchat_ichat_note { padding-top: 5px; clear: both; max-height:100px; overflow-y:auto; overflow-x:hidden; scrollbar-width: none; -ms-overflow-style: none; }
.superchat_ichat_note::-webkit-scrollbar { display: none; }
.superchat_ichat_boost { position: absolute; bottom: -10px; right: 0px; border-radius: 6px; padding: 2px 6px; cursor: pointer; font-size: 12px; border: 1px solid #333; background-color: #EC84E9; color:#fff; }
.superchat_ichat_boosted { position: absolute; top: -13px; left: 10px; border-radius: 6px; padding: 2px 6px; font-size: 12px; border: 1px solid #93c9f7; background-color: #93c9f7; color:#000; }




#subscribe_title   { font-size: 24px; font-weight:bold; text-align:center; color:#236ad3; }
#subscribe_explain { font-size: 16px; font-weight:bold; text-align:center; color:#236ad3; margin: 5px auto 15px auto; }
#superchat_txt_holder { margin-top: 10px; }
#superchat_txt     { display: inline-block; padding: 8px; width: calc( 100% - 90px ); }
#superchat_button  { display: inline-block; width: 40px; border: 1px solid #333; border-radius:10px; padding: 8px; text-align:center; font-weight:bold; cursor:pointer; }
#superchat_payment_chattext { display: none; margin: 10px; }
#superchat_payment_chattext_title { font-weight: bold; font-size: 12px; }
#superchat_payment_chattext_inner { border: 1px solid #236ad3; margin-bottom: 10px; padding: 10px; border-radius:8px; color:#333; overflow-x: auto; overflow-y:auto; max-height:120px; }

#superchat_payment_amount { }
#superchat_contribute_amount_div { margin: 20px 0px; }
#superchat_payment_type { display: none; margin: 10px; }
#subscribe_box_options  { display: none; margin: 10px 0px; text-align:center; } 
.subscribe_box_amt      { display: inline-block; border-radius:4px; background-color: #84BBEC; 
	 height: 40px; line-height: 40px; width: 80px; text-align:center; margin: 5px; cursor:pointer; }
.subscribe_box_amt:hover { opacity: 0.8 !important; }
.subscribe_box_selected { background-color:#ec79ba !important; }
.txt_per_month          { display: none; color:#f00;  }

#pay_amount_item { padding: 2px 8px; font-size: 18px; font-weight:bold;  }
#pay_with_other  { display:none; position: absolute; bottom: 10px; text-align: center; overflow-y:auto;  }

.pay_with_button_class { cursor:pointer; margin: 10px 0px; width: 100px; vertical-align: middle; margin: 10px auto; 
	font-weight: bold; font-size: 14px; text-align: center; height: 45px; line-height: 45px; 
	font-family: 'Rubik', sans-serif; border-radius:4px; }
.pay_with_button_class:hover {opacity: 0.95;}
#pay_with_card, #pay_with_card2   { display: inline-block; background-color:#248b6a; color:#fff; }
#pay_with_amazon, #pay_with_amazon2 { display: inline-block; background-color:#ffd814; }
#pay_with_gpay, #pay_with_gpay2   { display: inline-block; background-color:#000; color: #fff; }

#billing_card_exp_m {width: 40px;}
#billing_card_exp_y {width: 40px;}


#payment_billing_card_details  { display: none; }
#payment_billing_card_details input,#payment_billing_card_details select { padding: 2px 5px; }
.pay_part { display: none; }

#prev_billing_to_billing_card, #next_billing_to_billing_card, #prev_pay_with_card, #pay_with_card_button { display: inline-block; border-radius: 10px; margin: 10px 10px; cursor:pointer; text-align: center; width: 90px; color: #fff; line-height: 28px; height: 28px; }
#pay_with_card_button { border: 1px solid #cbae1f; background-color:#ffd814; color:#000; }

#superchat_display_totals { display: block; text-align:right; margin: 10px; }
#superchat_display_totals>div div { display: inline-block; min-width: 120px; }
#superchat_display_total { color:#f00;  }

#thank_you_render, #cancel_render { display: none; }


.subscription_current_title    { display: inline-block; font-weight:bold; }
.subscription_currents         { display: inline-block; border: 1px solid #333; border-radius:6px; padding: 10px; width: 260px; }
.subscription_currents_date    { display: block; float: left; font-size: 11px; }
.subscription_currents_brand   { display: block; float: right; font-size: 12px; }
.subscription_currents_bottombox { display: block; padding: 30px 0px 10px 0px; }
.subscription_currents_price   { display: block; float: left; font-size: 15px; color:red; }
.subscription_currents_cancel { display: block; float: right; font-size: 15px; border: 1px solid #333; background-color: #EC84E9; color:#fff; padding: 6px 10px; cursor:pointer; } 
.subscription_currents_ended  { display: block; float: right; font-size: 15px; }

.purchase_currents         { display: inline-block; border: 1px solid #333; border-radius:6px; padding: 10px; width: 260px; }
.purchase_currents_date    { display: block; float: left; font-size: 11px; }
.purchase_currents_brand   { display: block; float: right; font-size: 12px; }
.purchase_subscription_canceled   { display: block; float: right; font-size: 12px; }
.purchase_currents_price   { display: block; float: left; font-size: 15px; color:red; }
.purchase_currents_prod    { display: block; float: right; font-size: 12px; }
.purchase_view_item        { display: none; float: left; font-size: 15px; color:blue; cursor:pointer;}



#advertising_space { display:none; position: fixed; top:41px; width: 90%; left: 50%; transform: translate(-50%, 0); min-width: 820px; height: 100%; background-color: #fff; border: 1px solid #000; border-radius: 10px; padding: 10px; overflow: scroll; z-index:2002; }
#advertising_space_body {display: block; position: relative; width: 100%; min-width: 820px;}
#advertising_space_body_left  { display: inline-block; width: 49%; vertical-align: top; border-right: 1px solid #333; padding-right: 10px; margin-right: 10px; }
#advertising_space_body_left>div {margin-bottom: 10px;}
#advertising_space_body_right { display: inline-block; float: right; vertical-align: top; width: 44%; }
.advertising_space_header { font-weight: bold; margin-bottom:10px; }
#ad_company_name { display:inline-block; }
#ad_company_url { display:inline-block; }
#ad_company_email { display:inline-block; }
#ad_company_credits_remaining { display:inline-block; font-weight:bold; color:#d70909; }
.ad_ad_end_button { float: right; padding: 2px 6px; color:#fff; border-radius:6px; cursor:pointer; }
#ad_activate_button { float: right; padding: 2px 16px; color:#fff; border-radius:6px; cursor:pointer; }


.button_advertise_close { display:block; position:relative; float: right; width: 30px; height: 30px; line-height: 25px; text-align: center; border-radius:50%; border: 1px solid #761374; padding: 2px; background-color:#EC84E9; color:#fff; font-size:28px; cursor:pointer; z-index:10; }
.button_advertise_close:hover { background-color:#761374; }
#button_advertise_pay { display: inline-block; float: right; margin-left: 20px; padding: 2px 10px; color:#fff; border-radius:6px; cursor:pointer; }
.advertising_space_explain { font-size:14px; margin: 10px;  }
#ad_company_log      { display:block; height: 360px; overflow-y:auto; overflow-x:hidden;  margin: 10px; margin-top: 20px; }
#ad_company_log_item_txt { font-size:14px; color:#333; text-align: center; margin: 5px; }
.ad_company_log_item_box { margin-bottom:10px; }
.ad_company_log_item { display:block; padding: 0px 6px; margin-bottom: 5px; background-color:#d4f1ff; border:1px solid #343030; border-radius: 6px; cursor:pointer; }
.ad_company_log_item>div     { margin: 6px 0px; width: 98%; }
.ad_company_log_item>div>div { float: right; font-weight:bold; }
.ad_company_li_cn    {}
.ad_company_li_cu    {}
.ad_company_li_tv    {}
.ad_company_li_ti    {}
.ad_company_li_tc    {}
.ad_company_li_da    { display: block; position: relative; overflow:hidden; }
.ad_company_li_sd    {float: left;}
.ad_company_li_ed    {float: left; margin-left: 10px;}
.ad_pi_click         { border: 0px solid #fff; padding: 4px 8px; width: 200px; transition: border-color 0.3s ease; cursor: pointer; }
.ad_pi_click:focus   { border: 1px solid #999; }

.ad_piaa_click { position: relative; }
.ad_piai_click { position: relative; }
#ard_input_div       { display:none; position:relative; width:100%; border: 1px solid #333; min-width:300px; max-width:500px;margin:5px auto; border-radius:6px; }
#ard_input_div_inner { margin: 10px; }
#ad_piaa_click_input { margin-top: 5px; border: 1px solid #999; padding: 4px 8px; }
#ad_piaa_click_input_href { display: none; }

.ad_pia_colors_div   { display:inline-block; margin: 5px; font-size:14px; vertical-align: top; }
.ad_pia_colors       { display:block; margin: 5px; font-size:14px; vertical-align: top; }
#ad_pia_colors_box   { text-align:center; margin: 10px; }
#ad_pia_colors_reset { color: #fff; border-radius: 6px; padding: 4px 10px; cursor:pointer; }
.ad_colorpicker      { cursor:pointer; }

.ard_box      { display: block; position: relative; min-width: 300px; max-width: 500px; margin: 0px auto; border: 1px solid #138df0; background-color:#f4fbff; color:#000; border-radius: 6px; }
.ard_title    { font-size:16px; font-weight:bold; padding: 10px 5px; text-align:center; }
.ard_videoimg { margin: 0px; padding: 0px; width: 100%; max-height: 280px; border-top: 1px solid #000; border-bottom: 1px solid #000; }
#ard_show_video_div { display:none; width: 100%; max-height: 280px;max-width: 500px;margin: 0px; padding: 0px; height:281px;  }
#ard_show_image_div { width: 100%; max-height: 280px;max-width: 500px; margin: 0px; padding: 0px;  }
#ard_show_image_div > img { margin: 0px; padding: 0px; width: 100%; max-height: 280px; }
.ard_extra         { font-size:14px; padding: 5px; }
.ard_action        { text-align:right; }
.ard_action_buttom { display: none; padding: 4px 16px; color:#fff; background-color: #ec79ba; cursor:pointer; margin: 6px; border-radius:6px; }
.ard_action_buttom:active { position: relative; top: 1px; }

.ard2_box { display: block; position: relative; min-width: 300px; max-width: 500px; margin: 0px auto; border: 1px solid #138df0; background-color:#f4fbff; color:#000; border-radius: 6px; }
.ard2_title { font-size:16px; font-weight:bold; padding: 10px 5px; text-align:center; }
.ard2_videoimg {margin: 0px; padding: 0px; width: 100%; max-height: 280px; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.ard2_show_video_div {width: 100%; max-height: 280px;max-width: 500px;margin: 0px; padding: 0px; height:281px; }
.ard2_show_image_div {width: 100%; max-height: 280px;max-width: 500px; margin: 0px; padding: 0px;}
.ard2_videoimg_img {margin: 0px; padding: 0px; width: 100%; max-height: 280px;}
.ard2_extra {font-size:14px; padding: 5px;}
.ard2_action {text-align:right;}
.ad_report_button { position: absolute; bottom: -18px; left: 6px; color:#476dd7; text-decoration:none; cursor:pointer; font-size: 11px;  }
.ad_report_button:hover { color:red; }
.ard2_action_button {display: inline-block; padding: 4px 16px; color:#fff; background-color: #ec79ba; cursor:pointer; margin: 6px; border-radius:6px; }
.ard2_action_button:active { position: relative; top: 1px; }



#crumtrail_id_div   { display:block; margin: 20px 10px; color: #8f959b; }
#crumtrail_id       { font-size: 22px; font-weight: bold; }
#crumtrail_id_options {}

#talk_to_frosty_close{position: absolute; top: 2px; right: 2px; padding: 10px; width: 10px; height: 10px; color:#fff; background-color:#f00; border: 1px solid #333; border-radius:50%; line-height:10px; cursor: pointer;}
#talk_to_frosty_div     { display:none; position: fixed; z-index: 2000; width: 320px; left:0;right:0; margin: 50px auto 0px auto; background-color: #fff; border: 2px solid #000; border-radius: 6px; padding: 10px; }
#talk_to_frosty_header  {}
#talk_to_frosty_body    { height: 250px; overflow-y:auto; overflow-x:hidden; margin:10px 0px; }
.talk_to_frosty_citem1  { display: block; margin: 5px 0px; border: 1px solid #333; border-radius:6px; padding: 6px; background-color: #0d86f1; color:#fff; }
.talk_to_frosty_citem2  { display: block; margin: 5px 0px; border: 1px solid #333; border-radius:6px; padding: 6px; background-color: #db278d; color:#fff; }
#talk_to_frosty_foot    { text-align:center; }
#talk_to_frosty_txt     { width: 300px; height: 50px; padding: 4px; }
#talk_to_frosty_txt_snd { display:inline-block; width: 100px; }
#talk_to_frosty_txt_end { display:none; width: 100px; }
.frosty_chat_window_end   { font-size: 14px; color:#333; }
.frosty_chat_window_start { font-size: 16px; color:#ff0c0c;  }
#talk_to_frosty_container { display:none; max-height: 260px; overflow-x: hidden; overflow-y: auto;  } 
.talk_to_frosty     { display:block; position: relative; border-radius: 6px; border: 1px solid #c31d1d; background-color:#fff4f4; color:#760000; padding: 10px; margin: 10px; cursor: pointer; }
.talk_to_frosty_dot { display: none; position: absolute; left: -6px; top: -7px; height: 15px; width: 15px; border-radius:50%; background-color:red; border: 1px solid #333; }

#list_order         { display: inline-block; width: 70px;}
#listorder_selected { width: 70px; padding: 2px;  }

#list_follows_div { display:none; width: 90%; min-width: 300px; margin: 30px auto; color: #333; overflow-x: auto; scrollbar-width: none;}
#list_follows_div::-webkit-scrollbar { display: none; }
#list_follows     { }
.list_follows_item { padding-top: 4px; width: 90px; text-align:center; }
.list_follows_item_img {}
.list_follows_item_img>img {}
.list_follows_item_name { color:#000; border-radius: 10px; border: 1px solid #000; background-color:#fff; padding: 2px; font-size: 11px; }

#list_groups_div  { display:none; width: 90%; min-width: 300px; margin: 30px auto; overflow-x: auto; scrollbar-width: none;}
#list_groups_div::-webkit-scrollbar { display: none; }

#list_groups      {  }
.list_groups_item      { display: inline-block; position: relative; margin: 10px; border-radius: 6px; 
	border: 1px solid #d1d1d1; background-color:#cfe8ff; padding: 4px 6px; cursor:pointer; }
.list_groups_item_name { font-size:13px; font-weight:bold; }
.list_groups_item:active { position: relative; top: 1px;  }
.ggr_reddot { display: inline; position: absolute; border-radius:50%; background-color:#EC84E9; width: 16px; height: 16px; top: -8px; right: -8px; }

#promo_video  { display:block; }
#promo_video_vbox { display: block; width: 90%; min-width: 300px; margin: 0px auto; border-radius: 6px; overflow:hidden; box-shadow: 0 10px 30px rgba(0,0,0,.35);}
#promo_video_vtxt { position: relative; text-align: center; color:#333; font-size: 14px; font-weight:bold; }
.video-js2{ display: inline-block; vertical-align:top;box-sizing:border-box; position:relative; padding:0px; line-height:1; font-weight:400; font-style:normal; word-break:initial; }

.puser_devbox_div        { text-align: center; margin-top: 10px; padding-top:10px; border-top: 1px solid #333; }
.puser_sendchat_div      { border: 1px solid #333; background-color: #eff4fd; }
.puser_sendchat_textarea { display: inline-block; margin: 2px 0px; width: 96%; height: 50px; font-size:15px; }
.puser_sendchat_button   { display: inline-block; margin: 10px; vertical-align:bottom; }
.puser_killqchats        { display: inline-block; margin: 10px; vertical-align:bottom; }

#navbar{display: block; position: fixed; top: 0px; left: 0px; right: 0px; background-color: #333; background-image: url('https://assets.frostcandy.com/assets/images/div_darkhead.png'); background-repeat: repeat; z-index:1000; }
#navpush{display: block; position: relative; width: 100%; height: 1px; margin-top: 35px; }


#nav_channel_selector { display: none; position:absolute; left: -1px; bottom: -25px; min-width: 70px; padding: 3px 10px 3px 10px; height:20px; cursor: pointer;
	text-align: center; font-size: 11px; font-weight: bold; color:#84BBEC; border-radius: 0px 0px 10px 0px; background-color:#333; }
#nav_channel_selector:hover { color:#EC84E9;  }
#close_channel_box { display: inline-block; margin-left: 10px; color: #000; cursor: pointer; border-radius: 50%; background-color: #EC84E9; width: 20px; height:20px; line-height:20px; font-size:14px; text-align:center; }

#nav_channel_selector2 {display: none; position:absolute; left: -1px; bottom: -36px; padding: 10px 20px;
	text-align: center; font-size: 11px; font-weight: bold; color:#84BBEC; border-radius: 0px 0px 10px 0px; background-color:#333; }
#list_channels     { display: inline-block; width: 74px;}
#channel_selected  { width: 70px; padding: 2px; }



.nav_item{ float: left; font-size: 16px; color: white; text-align: center; text-decoration: none; padding: 10px; }

/* Nav Logo */
#nav_logo { cursor:pointer; }
.nav_only_loggedout { display: none; }
.nav_only_loggedin  { display: none; }



/* Nav Search */
#nav_item_logo {cursor: pointer; font-weight: bold;}
#nav_item_logo:active {position:  relative; top:  1px;}
#navsearch_div {padding: 0px !important; margin-top: 8px; }
#navsearch{ display: none; position: relative; float: left; width: 120px; padding: 6px 16px; border-radius: 10px 0px 0px 10px; border: 1px solid #000; border-right: 1px solid #5c555c; color:#ffffff; background-color:#27282D; height:12px; }
#navsearchgo        { display: none; position: relative; float: left; width: 20px; padding: 1px 2px 0px 0px; border-radius: 0px 10px 10px 0px; border: 1px solid #000; border-left: none; color:#ffffff; background-color:#27282D; height:23px; cursor:pointer; }
#navsearchgo:hover  { background-color:#06661f; transition:0.5s; }
#navsearchgo:active { top: 1px; }
.goarrow { border: solid #a398a3; border-width: 3px 3px 0px 0; display: inline-block; padding: 4px; }
.goarrowright {transform: rotate(45deg);-webkit-transform: rotate(45deg);}
#navsearch_divex {display: none; color: #c3c3c3; padding: 8px 0px 0px 5px;}
/*
#nav_item_date {display: none; padding: 8px 0px 0px 5px; }
#nav_item_date_val { background-color: #333333; color:#ffffff; }
#nav_item_date_val::-webkit-calendar-picker-indicator {filter: invert(1);}
*/



.pholderc1::-webkit-input-placeholder { color: #a398a3; }
.pholderc1::-moz-placeholder { color: #a398a3; }
.pholderc1:-ms-input-placeholder { color: #a398a3; }
.pholderc1:-moz-placeholder { color: #a398a3; }

/* Nav Menu */
#nav_menu_button{ float: right !important; margin-right: 10px; cursor: pointer; color: #EC84E9; fill:#EC84E9; display: flex; align-items: center; gap: 5px;}
#nav_menu_button>span { }
#nav_menu_button:hover { color: #FFFFFF; fill:#FFFFFF; }
#nav_menu_button:active { position:  relative; top:  1px; }

/* Nav Options */
#navops{display: none; position: fixed; top:  0px; right: 0px; height: 500px; width:  260px; color: #EC84E9; padding: 50px 10px 10px 10px; background-color: #3b1f3b; background-image: url('https://assets.frostcandy.com/assets/images/div_darkhead.png'); background-repeat: repeat; border-bottom-left-radius: 10px; z-index:999; }
#navops>div{ margin: 0px 0px; padding: 6px; cursor: pointer; }
#navops>div:hover{ color:#FFFFFF; background-color: #222222; }
#navops>div:active{ position: relative; top: 1px;  }
.navopsline{ margin-top: 20px !important; border-top: 1px solid #635b63; }
.navops_notavail{ color:#7c787c; }

#navToTop{display: block;}





/* MEDIA */
@media only screen and (max-width: 1220px) {
	.comment_box {  }
	.comment_showr_items { right: 2px !important; bottom: -25px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 4px; }
	#comment_boxes { margin: 0px 5px; }
	#home_left_div   { display: none !important; }
/*	#home_right_div  { width: calc(100% - 530px) !important; max-width: 400px; } */
/*	#home_center_div { margin: 0px 0px !important; } */
	#home_right_div  { display: inline-block; width: 400px; } 
/*	#home_center_div { margin: 0px auto !important; width: calc(100% - 220px) !important; background-color:red; } */
	#home_center_div { margin: 0px auto 0px auto !important; padding-right: 420px; width: calc(100% - 420px) !important; } 
}
/*
@media only screen and (min-width: 951px) {
	#home_right_div  { display: inline-block; width: 400px; } 
}
*/
@media only screen and (max-width: 950px) {
	#home_right_div  { display: none; height: 100%; top: 40px; width: 100%; left: -10px; background-color: #fff; z-index: 1010;}
	#subscribe_button_phone_close { display:block; }

	/*
	#nav_channel_selector { z-index: 999; }
	#navbar{ z-index: 1030; }
	#navops{ z-index: 1020; }
	*/
	#home_center_div { width: auto !important; padding: 0px !important; margin: 0px auto !important; }
}

@media only screen and (max-width: 600px) {
	.nav_media400{ display: none; }

	#home_nav_post_end_menu { padding: 0px !important; width: 100% !important; }
	#home_nav_post_input_title, #home_nav_post_source_cite, #home_nav_post_related, #home_nav_post_series_block { width: 200px !important;  } 
	#home_nav_post_end_menu_inner { width: 90% !important; margin: 0px auto !important; padding: 10px 0px !important; }

/*
	#home_nav_post_textarea_container{ width: 369px; }
	#home_nav_post_textarea{ width: 353px; background-color: red; }
*/
}
@media only screen and (max-width: 350px) {
	#navsearch{ width: 80px !important; }
/*
	#home_nav_post_textarea_container{ width: 320px; }
	#home_nav_post_textarea{ width: 304px; background-color: blue; }
*/
}

/* MEDIA */

@media only screen and (max-height: 580px) {
	#subscribe_area  { position: absolute !important; top: 3px !important; }
	#center_pop_area { position: absolute !important; top: 3px !important; }
}
@media only screen and (min-height: 350px) {
	#home_nav_post_textarea_container{ height: 80% !important; }
}
@media only screen and (min-height: 500px) {
	#home_nav_post_textarea_container{ height: 86% !important; }
}
@media only screen and (min-height: 700px) {
	#home_nav_post_textarea_container{ height: 90% !important; }
}




#general_profile_div{ display: none; margin: 10px 10px 500px 10px; padding: 10px 10px 200px 10px; }
.profile_title_header{ font-size: 18px; color: #888; font-weight: bold;  }

#profile_password_block{ margin: 10px auto; width: 280px; text-align: center; }
#profile_block_password{  }

#profile_email_block      { text-align: center; }
#profile_block_email      { margin: 10px auto; max-width: 500px; font-size: 16px; border: 1px solid #777; border-radius: 4px; padding: 8px; text-align: left; }
#profile_block_email span { display: inline-block; font-size: 12px; margin-right: 20px; width: 80px; }
#profile_block_email>div  { padding: 5px; }
#profile_block_email>div:nth-child(even){ background-color: #F1F5FF; }
.button_set_primary       { }
#button_add_email         { margin-left: 10px; }


#img_upload_form         { margin: 0px; padding: 0px; }
#img_display_box         { display: inline-block; margin: 0px auto; }
#profile_image_block_div { margin: 10px; }
#profile_image_block     { position: relative; border: 1px solid #888; border-radius: 4px; padding: 10px; width: 280px; margin: 10px auto; text-align: center; }
.profile_users_img_div   {  }
.profile_users_img       {  }
#profile_users_img       { border: 1px solid #333; min-width: 220px; max-width: 220px; max-height: 220px; }
#profile_image_text      { width: 280px; margin: 0px auto; text-align: center; font-size: 13px; color:#545454; }



#profile_sso_block { text-align: center; }
#profile_sso_text  { text-align: left; font-size: 14px; width: 450px; margin: 0px auto; }
#profile_sso_item_list{ text-align: left; margin: 20px auto; width: 450px; border: 1px solid #333; }
.profile_sso_item{ margin: 10px; }


#profile_managment_selector{ position: relative; margin: 10px auto; margin-bottom: 30px; color:#777; text-align: center; }
#profile_managment_selector>ul{ display: inline-block; margin: 0px auto; padding: 0px;}
#profile_managment_selector>ul li { display: inline-block; text-align: left; margin: 0px; padding: 0px; margin: 0px 5px; cursor: pointer; font-size: 15px; color:#777;  }
#profile_managment_selector>ul hr { height: 2px; margin: 0; width: 0px; background: #0394fc;  border: none;  transition: .3s ease-in-out; }
#profile_selector_personal_info:hover    ~ hr{ margin-left: 0% !important;    width: 70px !important; }
#profile_selector_change_email:hover     ~ hr{ margin-left: 75px !important;  width: 40px !important; }
#profile_selector_change_password:hover  ~ hr{ margin-left: 126px !important; width: 66px !important; }
#profile_selector_profile_image:hover    ~ hr{ margin-left: 200px !important; width: 50px !important; }
#profile_selector_change_settings:hover  ~ hr{ margin-left: 260px !important; width: 60px !important; }
#profile_selector_change_sso:hover       ~ hr{ margin-left: 326px !important; width: 30px !important; }
.profile_selector_active{ color:#000000 !important; }


.profile_part_hide{ display: none; }

.profile_title_header{ display: inline-block; text-align: center; color: #919191; padding: 10px; }


/* User Information  */
#profile_user_block{ position: relative; text-align: center; }
#profile_user_management_block{ }
#profile_user_management_block_left  { display: inline-block; width: 210px; text-align: left; vertical-align: top; margin-right: 10px; }
#profile_user_management_block_right { display: inline-block; width: 210px; text-align: left; vertical-align: top; }

#profile_user_management_block_left>div  { height:  40px; }
#profile_user_management_block_right>div { height:  40px; }


#profile_user_skills_block{ display: block; position: relative; }
#profile_skill_area { width: 450px; margin:  0px auto; }
.profile_skill_box  { display: inline-block; margin: 5px; }
#profile_skill_list { margin: 20px 0px; border: 1px dashed #333; width: 450px; }
#profile_skill_list>div { display: inline-block; position: relative; margin: 5px; border-radius: 4px; border: 1px solid #333; background-color: #ffccff; padding: 8px 18px; }

/* User Settings  */
#profile_settings_block{ position: relative; text-align: center; }
#profile_user_settings_block{ display: block; width: 420px; margin: 0px auto 20px auto; }
#profile_user_settings_block>div{ text-align: left; margin: 10px 0px; }
#profile_user_settings_block>div>div{ text-align: left; font-size: 13px; text-indent: 40px; color:#545454; }



/* FORMS */
.profile_t1form{ margin: 0px; padding: 0px; }
.profile_t1form input{ padding: 5px 8px; }
.profile_t1form textarea{ padding: 5px 8px; }
.profile_t1form select{ padding: 5px 8px; }
.profile_t1form checkbox{ padding: 5px 8px; }
.profile_t1form radio{ padding: 5px 8px; }
.profile_t1form .formtext{ line-height: 28px; }
.profile_t1form>div>div{ position: relative; margin: 20px 10px; }
.profile_t1form label>span{ position: absolute; top: -14px; left: 0px; font-size: 13px; color:#0394fc; }


        #timeline_line_holder {
            box-sizing: border-box;
            margin: 0px auto;
            padding: 0;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: #0f1115;
            color: #ffffff;
            overflow-x: hidden;
            overflow-y: auto;
            padding-bottom: 100px;
            height: 100%;
            /* For Chrome, Safari, and Opera (WebKit browsers) */
            &::-webkit-scrollbar {
              display: none; /* Hides the scrollbar element visually */
            }
            /* For Internet Explorer and Edge */
            -ms-overflow-style: none;
            /* For Firefox */
            scrollbar-width: none;
        }

        /* --- LAYOUT UTILITIES --- */
        #timeline_segments { display: block; position: relative; max-width: 1200px; }
        #timeline_root { display: inline-block; vertical-align: top; margin-right: 10px; width: 75%; }
        #timeline_roottxt { display: inline-block; position: fixed; top: 200px; right: 10px; min-height: 290px; color:#646464; width: 300px; }
        #timeline_roottxt1 {}
        #timeline_roottxt2 { max-height:250px; scrollbar-width: none; -ms-overflow-style: none; overflow: auto; 
            /*-webkit-box-shadow: 0px 0px 30px -1px #0c0918; box-shadow: 0px 0px 30px -1px #0c0918;*/ border-radius: 10px; }
        #timeline_roottxt2::-webkit-scrollbar { display: none; }

        .timeline_container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 40px 20px;
            position: relative;
        }

        .timeline_back{
            position: fixed; top: 55px; left: 20px; border: 1px solid #EC84E9; font-weight: bold; 
            font-size: 13px; background-color: #EC84E9; color:#000; border-radius: 6px; padding: 4px 8px; z-index: 100; cursor: pointer;
        }

        #timeline_item_headblock2 { text-align: center; margin-bottom: 80px; position: sticky; top: 0; z-index: 10; }
        #timeline_item_headblock {display: inline-block; position: relative; cursor:pointer; }
        #timeline_item_share { display: inline-block; position: absolute; top: -3px; left:2px; font-size: 13px; color:#EC84E9;}
        .timeline_h1 {
            text-transform: uppercase; letter-spacing: 4px; font-weight: 300; font-size: 2.5rem;
            text-shadow: 0 0 20px rgba(0, 102, 255, 0.8); background: #0f1115;  padding: 0px 0px 0px 0px;
        }

        /* --- TIMELINE SPINE --- */
        .timeline_spine {
            position: relative;
            padding: 20px 0;
        }

        .timeline_spine::after {
            content: '';
            position: absolute;
            width: 2px;
            background-color: #0066ff;
            top: 0;
            bottom: 0;
            left: 50%;
            margin-left: calc(2px / -2);
            box-shadow: 0 0 10px rgba(0, 102, 255, 0.8);
            z-index: 1;
        }

        /* --- TIMELINE ITEM & SCROLL ANIMATION --- */
        .timeline-item {
            position: relative;
            width: 50%;
            /*margin-bottom: 30px;*/
            cursor: pointer;
            
            /* Initial State (Hidden) */
            opacity: 0;
            transform: translateY(50px); /* Removed scale for cleaner text flow */
            filter: blur(5px);
            
            /* Transition for the scroll effect */
            transition: opacity .8s ease-out, 
                        transform 0.8s cubic-bezier(0.165, 0.84, 0.44, 1),
                        filter 1.8s ease-out;
        }

        /* The Class added by JS when visible */
        .timeline-item.visible {
            opacity: 1;
            transform: translateY(0);
            filter: blur(0);
        }

        /* Hover Effect */
        .timeline-item:hover .event-title {
            color: #0066ff;
            text-shadow: 0 0 10px rgba(0, 102, 255, 0.8);
        }

        .timeline-item:hover .branch-line {
            background-color: #66a3ff;
            box-shadow: 0 0 20px #0066ff;
        }

        /* --- ALIGNMENT LOGIC --- */
        .timeline-item:nth-child(odd) {
            left: 0;
            text-align: left;
            padding-left: 0px;
            padding-right: 0px;
            transform: translateX(-20px) translateY(50px);
        }
        .timeline-item:nth-child(odd).visible {
            transform: translateX(0) translateY(0);
        }

        .timeline-item:nth-child(even) {
            left: 50%;
            text-align: right;
            padding-right: 0px;
            padding-left: 0px;
            transform: translateX(20px) translateY(50px);
        }
        .timeline-item:nth-child(even).visible {
            transform: translateX(0) translateY(0);
        }

        /* --- CONTENT STYLING --- */
        .date {
            font-size: 0.85rem;
            font-weight: 600;
            color: #a0a0a0;
            margin-bottom: 8px;
            display: block;
            letter-spacing: 2px;
            text-transform: uppercase;
        }

        .branch-line {
            height: 2px;
            background-color: #0066ff;
            width: 100%;
            box-shadow: 0 0 8px rgba(0, 102, 255, 0.8);
            margin: 0;
            position: relative;
        }
        
        /* Connector Circle */
        .branch-line::after {
            content: '';
            position: absolute;
            width: 8px;
            height: 8px;
            background-color: #0066ff;
            border-radius: 50%;
            top: 50%;
            transform: translateY(-50%);
            box-shadow: 0 0 10px rgba(0, 102, 255, 0.8);
        }

        .timeline-item:nth-child(odd) .branch-line::after { right: -4px; }
        .timeline-item:nth-child(even) .branch-line::after { left: -4px; }

        .event-title {
            font-size: 1.8rem;
            font-weight: 700;
            text-transform: uppercase;
            margin-top: 10px;
            margin-bottom: 5px; /* Added margin here */
            transition: color 0.3s;
            line-height: 1.1;
        }

        /* --- NEW: EXCERPT STYLING --- */
        .timeline-item:nth-child(odd) .event-excerpt {
            font-size: 13px; /* 0.95rem; Small font size */
            color: #a0a0a0; /* Lighter color */
            /*line-height: 1.5;*/
            font-weight: 300;
            padding-right: 20px;
        }
        .timeline-item:nth-child(even) .event-excerpt {
            font-size: 13px; /*  0.95rem; Small font size */
            color: #a0a0a0; /* Lighter color */
            /*line-height: 1.5;*/
            font-weight: 300;
            padding-left: 20px;
        }

        /* --- MODAL (POPUP) --- */
        .modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.9);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s, visibility 0.3s;
            backdrop-filter: blur(5px);
        }

        .modal-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        .modal-content {
            background: #161920;
            padding: 50px;
            border-radius: 4px;
            max-width: 600px;
            width: 90%;
            position: relative;
            border: 1px solid #0066ff;
            box-shadow: 0 0 50px rgba(0, 102, 255, 0.15);
            transform: scale(0.9);
            transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }

        .modal-overlay.active .modal-content {
            transform: scale(1);
        }

        .close-btn {
            position: absolute;
            top: 20px;
            right: 25px;
            font-size: 30px;
            color: #a0a0a0;
            cursor: pointer;
            transition: color 0.2s;
        }

        .close-btn:hover { color: #ff4444; }

        .modal-date {
            color: #0066ff;
            font-size: 1rem;
            font-weight: bold;
            letter-spacing: 2px;
            margin-bottom: 15px;
            text-transform: uppercase;
        }

        .modal-title {
            font-size: 2.5rem;
            margin-bottom: 25px;
            line-height: 1;
            font-weight: 300;
        }

        .modal-body {
            line-height: 1.8;
            color: #d1d1d1;
            font-size: 1.1rem;
            font-weight: 300;
            max-height: 300px; overflow-y: auto; overflow-x: hidden;
        }


/* Timeline Mobile */
@media (max-width: 768px) {
    .timeline_spine::after { left: 0; margin-left: 0; }
    .timeline-item { width: 100%; margin-bottom: 40px; }
    .timeline-item:nth-child(odd), .timeline-item:nth-child(even) { left: 0; text-align: left; padding-left: 30px; padding-right: 20px; transform: translateY(30px); }
    .timeline-item:nth-child(odd).visible, .timeline-item:nth-child(even).visible { transform: translateY(0); }
    .branch-line { width: 40px; }
    .timeline-item:nth-child(odd) .branch-line::after,
    .timeline-item:nth-child(even) .branch-line::after { left: -30px; right: auto; }
    #timeline_roottxt { display:none; }
}
@media (max-width: 1250px) {
    #timeline_segments { width: 100%; text-align:center; }
    #timeline_roottxt { display:none; }
}

  #timeline_line_holder {display: none; }
  #timeline_holder { display: block; height:100%; margin:0; font-family:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; 
    background: radial-gradient(1200px 600px at 10% 10%, rgba(124,97,255,0.42), transparent 8%), radial-gradient(1000px 500px at 95% 85%, rgba(0,212,255,0.06), transparent 6%), #0b0f14; 
    color:#e6eef8; /*display:flex; align-items:center; justify-content:center;*/ /*min-height:100vh; box-sizing:border-box; */ padding:0px 32px; overflow: hidden;
  }
  #timeline_main { margin: 0px auto; }
  .timeline_app { width:100%; max-width:1200px; margin: 20px auto 0px auto; display:flex; gap:28px; align-items:flex-start; justify-content:center; flex-direction:column; }
  .timeline_header { display:flex; gap:16px; align-items:center; justify-content:space-between; width:100%;}

  #timeline_admin1 {display: none; position: absolute; top: 10px;right: 12px; line-height: 16px; margin-top: -2px; background-color:#d1d1d1;font-size: 14px; padding: 0px 4px; color:#000; border-radius: 6px; cursor:pointer;}
  #timeline_admin1:hover { background-color: #fff; }

  .timelines_back{
      position: fixed; top: 55px; left: 20px; border: 1px solid #EC84E9; font-weight: bold; 
      font-size: 13px; background-color: #EC84E9; color:#000; border-radius: 6px; padding: 4px 8px; z-index: 100; cursor: pointer;
  }


  .timeline_title { display:flex; gap:14px; align-items:center; }
  .timelines_h1 { display: block; position: relative; margin:0; font-size:20px; letter-spacing: -0.2px; }
  .timeline_p { margin:0; color:rgba(255,255,255,0.42); font-size:13px; }
  .timeline_controls { display:flex; gap:12px; align-items:center; margin-top:12px; flex-wrap:wrap; }
  .timeline_search { background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.04); padding:8px 12px; border-radius:12px; display:flex; gap:8px; align-items:center; min-width:220px; box-shadow: 0 6px 18px rgba(2,6,23,0.5); }
  .timeline_search input { background:transparent; border:0; outline:none; color:#e6eef8; font-size:15px; width:260px; }
  .timeline_btn { height:44px; padding:0 14px; display:inline-flex; align-items:center; gap:10px; border-radius:12px; border: none; cursor:pointer; color:#e6eef8; font-weight:600; letter-spacing:0.2px; background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01)); border: 1px solid rgba(255,255,255,0.04); box-shadow: 0 8px 30px rgba(2,6,23,0.6); transition: transform 180ms ease, box-shadow 180ms ease, opacity 180ms ease; }
  .timeline_btn:hover { transform: translateY(-2px); }
  .timeline_btn:active { transform: translateY(0); }
  .timeline_icon { width:18px;height:18px; display:inline-block; opacity:0.95; }
  .timeline_stage { width:clamp(320px, 80vw, 1100px); margin:32px auto 0; perspective: 1400px; position:relative; height: calc(calc(clamp(180px, 22vw, 320px) * 0.62) + 160px); display:flex; align-items:center; justify-content:center; }
  .timeline_carousel { width:100%; height:100%; position:relative; transform-style: preserve-3d; transition: transform 550ms cubic-bezier(.2,.9,.2,1); display:flex; align-items:center; justify-content:center; pointer-events: none; }
  .timeline_card { width:clamp(180px, 22vw, 320px); height:calc(clamp(180px, 22vw, 320px) * 0.62); border-radius:calc(16px); position:absolute;
    left:50%; top:50%; transform-origin: center center; transform-style: preserve-3d; box-shadow: 0 10px 30px rgba(2,6,23,0.65); background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));
    border:1px solid rgba(255,255,255,0.04); display:grid; place-items:center; color:#e6eef8; font-size: clamp(20px, 3.2vw, 28px); font-weight:700; text-transform:none;
    letter-spacing: -0.6px; transition: transform 550ms cubic-bezier(.2,.9,.2,1), opacity 550ms cubic-bezier(.2,.9,.2,1), filter 550ms cubic-bezier(.2,.9,.2,1);
    opacity:0; pointer-events:none; user-select:none; padding:12px; backdrop-filter: blur(6px) saturate(120%); }
  .timeline_card .timeline_content { position:relative; z-index:2; transform: translateZ(36px); }
  .timeline_card mark { background: linear-gradient(90deg, rgba(123,97,255,0.22), rgba(0,212,255,0.16)); border-radius:6px; padding:2px 6px; color:#e6eef8; font-weight:800; }
  .timeline_pos-active { opacity:1; pointer-events: auto; transform: translate3d(-50%, -50%, 220px) translateX(0) rotateY(0deg) scale(1); z-index: 60; filter: drop-shadow(0 24px 40px rgba(3,7,27,0.8)); }
  .timeline_pos-left { opacity:1; pointer-events: auto; transform: translate3d(-65%, -50%, 80px) translateX(calc(-1 * (clamp(180px, 22vw, 320px) + 28px) * 0.55)) rotateY(16deg) scale(0.90); z-index:50; filter: drop-shadow(0 18px 30px rgba(2,6,23,0.6)); }
  .timeline_pos-right { opacity:1; pointer-events: auto; transform: translate3d(-35%, -50%, 80px) translateX(calc((clamp(180px, 22vw, 320px) + 28px) * 0.55)) rotateY(-16deg) scale(0.90); z-index:50; filter: drop-shadow(0 18px 30px rgba(2,6,23,0.6)); }
  .timeline_pos-far-left { opacity:1; pointer-events: auto; transform: translate3d(-15%, -50%, -40px) translateX(calc(-1 * (clamp(180px, 22vw, 320px) + 28px) * 1.55)) rotateY(22deg) scale(0.78); z-index:40; filter: blur(0.2px) drop-shadow(0 12px 26px rgba(2,6,23,0.5)); }
  .timeline_pos-far-right { opacity:1; pointer-events: auto; transform: translate3d(-85%, -50%, -40px) translateX(calc((clamp(180px, 22vw, 320px) + 28px) * 1.55)) rotateY(-22deg) scale(0.78); z-index:40; filter: blur(0.2px) drop-shadow(0 12px 26px rgba(2,6,23,0.5)); }
  .timeline_pos-hidden { opacity:0; pointer-events:none; transform: translate3d(-50%, -50%, -260px) scale(0.55) rotateY(0deg); z-index:10; filter: blur(2px) saturate(80%); }
  .timeline_card .timeline_sub { font-size:12px; color:rgba(255,255,255,0.42); font-weight:600; position:absolute; top:10px; left:12px; }
  .timeline_footer { margin-top:14px; display:flex; justify-content:center; gap:10px; align-items:center; color: rgba(255,255,255,0.42); }
  .timeline_dot { width:10px;height:10px;border-radius:999px;background:transparent;border:1px solid rgba(255,255,255,0.4); }
  .timeline_dot.active { background:linear-gradient(90deg,#7b61ff,#00d4ff); box-shadow: 0 6px 18px rgba(0,0,0,0.6); border: none; }
  .timeline_btn:focus, .timeline_search input:focus { outline:2px solid rgba(123,97,255,0.14); outline-offset:3px; }

  #timeline_admin_add_button { display:inline-block; font-size: 13px; padding: 4px 6px; border-radius: 6px; margin-left: 10px; border: 1px solid red; background-color: red; color:#fff; font-weight:bold; cursor:pointer; }


/* Timelines Mobile */
@media (max-width:670px) { 
    #timeline_holder { padding-top: 20px; }
    .timeline_app { display: block; margin: 0px auto 0px auto;}
    #timeline_main { padding: 0px; }
    .timeline_header { display:block !important;}
    .timeline_header > div { display:block !important; margin: 30px 0px; }
}