/* base_v1.css start */
: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;
}

*{
    -webkit-tap-highlight-color:    transparent;
    -webkit-touch-callout:          none;
}
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:               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;  /* IE10+/Edge legacy */
    scrollbar-width:                none;     /* Firefox */
}
[imbres="key:265vwz8mmp"]::-webkit-scrollbar{
    display:                        none;
}


.\|{}
/* base_v1.css end */