:root{
	--dvh: 1dvh; /* Dynamic viewport height */
	--vh: 1vh; /* JS will update this for fallback */

	/* Layout base units */
    --header-base: 7;    /* 8% of viewport */
    --dock-base: 8;     /* 10% of viewport */
    --content-height-percent: calc(100 - var(--header-base) - var(--dock-base));


    /* Safe area fallback scaling factors */
    --safe-area-bottom-scale: 0.1;    /* 10% of dock height */
    --safe-area-side-scale: 0.05;     /* 5% of dock height */


    /* NEW: Dock icon scaling variables */
    --dock-height: calc(var(--dvh) * var(--dock-base));
    --icon-base-scale: 0.30; /* 12% of dock height for regular icons */
    --post-icon-scale: 0.24; /* 24% of dock height for post icon (double size) */
    --label-font-scale: 0.07; /* 7% of dock height for labels */
    --icon-spacing-scale: 0.02; /* 2% of dock height for spacing */

    --dock-item-opacity:0.5;

        --colors-blue-a:rgb(40,150,230);
    --colors-white-a:#fbfcfc;
}
html{
	font-size: calc(1dvh * 2);/* Font scaling based on dvh */
	height: 100dvh;/* height for modern browsers */
}
@supports not (height: 1dvh){/* height fallback for older browsers */
	:root {
        /* Convert dvh to vh for fallback */
        --dvh: var(--vh);
    }
	html{
		font-size: calc(var(--vh, 1vh) * 2);
		height: calc(var(--vh, 1vh) * 100);
	}
}







/* These are project-specific behaviors */

/* Mobile text sizing prevention */
html,body{
	text-size-adjust:			100%;
	-webkit-text-size-adjust:	100%;
	-moz-text-size-adjust:		100%;
	/* Modern: Use dynamic viewport height */
    height:						calc(var(--dvh) * 100);
	background-color:			#3c3d43;
	background-color: black !important; 	overflow:					hidden;
}
html{
	scroll-behavior:			smooth;/* Smooth scrolling for this site */
	padding-top:				env(safe-area-inset-top, 0px);
	padding-bottom:				env(safe-area-inset-bottom, 0px);
}
body{
	user-select:				text;
	color:						#fbfcfc;
	min-height:					100%;
}




[imbres="key:265vwz8mmp"] {
  height: 100%;
  overflow-y: auto; /* real scrolling happens here */
  -webkit-overflow-scrolling: touch; /* smoother on mobile */
  -ms-overflow-style: none;  /* IE/Edge legacy */
  scrollbar-width: none;     /* Firefox */
}


/* Chrome / Vivaldi / Opera / Edge */
[imbres="key:265vwz8mmp"]::-webkit-scrollbar {
  display: none;
}