@media only screen and (min-width: 1901px) {}

@media only screen and (min-width: 1401px) and (max-width: 1900px) {}

/*start of = (min-width: 1366px) and (max-width: 1440px)*/
@media only screen and (min-width: 1366px) and (max-width: 1400px) {


    /*end of = (min-width: 1366px) and (max-width: 1900px)*/
}






/*start of = (min-width: 1280px) and (max-width: 1365px)*/
@media only screen and (min-width: 1280px) and (max-width: 1365px) {



    /*end of = (min-width: 1280px) and (max-width: 1365px)*/
}





/*start of = (min-width: 1024px) and (max-width: 1279px)*/
@media only screen and (min-width: 1024px) and (max-width: 1279px) {



    body {
        -webkit-text-size-adjust: none;
        -webkit-overflow-scrolling: touch;
    }




    /*end of = (min-width: 1024px) and (max-width: 1279px)*/
}


/*start of = (min-width: 768px) and (max-width: 1023px)*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {


    body {
        -webkit-text-size-adjust: none;
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden;
    }
 

    .search-wrap input {
        min-width: 0;
        width: 100%;
    }

    .theme-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }


    /* end 768 */
}


@media only screen and (min-width:0px) and (max-width:767px) {

    body {
        -webkit-text-size-adjust: none;
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden;
    }

    :root {
        --baseFS: 11px;
        --fs16: 1.2em;
        ----fs18: 1.4em;
        --autoWidth: 104em;
        --fs106: 3.625em;
        --fs96: 2.8em;
        --fs58: 2.8em;
        --fs62: 2.8em;
        --fs28: 1.5em;

    }

    .mob_menuBtn {
        display: flex;
    }

    .open_mobile_menu {
        overflow: hidden;
    }

    .header_right {
        display: none;
        position: fixed;
        top: 0px;
        left: 0px;
        padding: 100px 20px 15px;
        -webkit-backdrop-filter: blur(90.5px);
        width: 100%;
        height: 100%;
        z-index: 22;
        background: var(--bg-deep);
        backdrop-filter: blur(90.066588401794434px);
        text-align: left;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .hamburger-lines .line {
        background: #fff;
    }

    .isOpenMenu .header_right {
        display: block;
    }

    .isOpenMenu {
        overflow: hidden;
    }

    .isOpenMenu .header {
        backdrop-filter: initial;
    }

    .isOpenMenu .header_left {
        z-index: 2222;
        position: relative;
    }

    .offering_flexible_left {
        width: 36%;
    }

    .footer_inner p {
        font-size: var(--fs18);
    }

    .tEnergy_left_content {
        padding-top: 4em;
    }

    .header_links {
        text-align: center;
    }

    .header_links ul {
        flex-wrap: wrap;
    }

    .header_links ul li {
        width: 100%;
        padding: 12px 0em;
    }

    .header_links {
        padding: 0em 0em 3em 0em;
        font-size: 18px
    }

    .header_btn {
        display: flex;
        justify-content: center;
    }

    .logo {
        width: 170px;
    }

    .header {
        padding: 0.35em 0em;
        margin-bottom: 4px;
    }

    .app-shell {
        padding: 0;
    }

    .main {
        border-radius: 0;
        border-left: 0;
        border-right: 0;
        padding: 0.32rem 0.32rem 0.42rem;
        min-height: 100dvh;
        gap: 0.32rem;
        overflow-x: hidden;
        overflow-y: auto;
    }

    .brand-sub {
        display: none;
    }

    .brand-block.compact {
        padding: 0.28rem 0.38rem;
    }

    .brand-block h1 {
        font-size: 0.92rem;
    }

    .top-bar {
        gap: 0.32rem;
        display: flex;  
        justify-content: space-between;
    }

    .toolbar {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        justify-content: stretch;
        overflow-x: hidden;
        gap: 0.32rem;
        padding-bottom: 0;
    }

    .toolbar>* {
        min-width: 0;
    }

    .toolbar button {
        width: 100%;
        padding: 0.22rem 0.24rem;
        font-size: 0.68rem;
    }

    .toolbar .sync-pill,
    .toolbar .version-pill {
        grid-column: 1 / -1;
        text-align: center;
    }

    .filter-strip-wrapper {
        padding: 0.28rem 0;
        margin-bottom: 0.28rem;
    }

    .filter-strip {
        gap: 0.28rem;
        padding: 0.22rem 0;
    }

    .filter-strip span,
    .filter-strip label,
    .filter-strip select,
    .filter-strip button {
        font-size: 0.82rem;
        padding: 0.22rem 0.26rem;
    }

    .subcategory-strip {
        padding: 0.22rem 0;
        margin-top: 0.22rem;
    }

    .chip-row-wrap {
        gap: 0.18rem;
    }

    .chip-row-head {
        align-items: stretch;
        gap: 0.22rem;
    }

    .chip-row-title {
        font-size: 0.72rem;
    }

    .chip-row-clear {
        width: 100%;
        min-width: 0;
        padding: 0.22rem 0.32rem;
        font-size: 0.74rem;
    }

    .chip-btn {
        font-size: 0.78rem;
        padding: 0.22rem 0.38rem;
    }

    .chip-row {
        overflow-x: hidden;
        flex-wrap: wrap;
        gap: 0.28rem;
    }

    .search-wrap input {
        min-width: 0;
        width: 100%;
        padding: 0.6rem 0.8rem;
        font-size: 0.92rem;
        min-height: 2.2rem;
    }

    .tabs-wrapper {
        padding-top: 0.42rem;
    }

    .tabs-header {
        padding-bottom: 0.32rem;
    }

    .tabs-header-inner {
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        gap: 0.28rem;
    }

    .top-tools {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.28rem;
    }

    .quick-add-btn {
        font-size: 0.78rem;
        padding: 0.32rem 0.5rem;
    }

    .quick-add-menu {
        min-width: 148px;
        max-width: calc(100vw - 1rem);
    }

    .tabs {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: hidden;
        gap: 0.28rem;
    }

    .tab-btn {
        width: 100%;
        min-width: 0;
        font-size: 0.78rem;
        padding: 0.32rem 0.24rem;
        flex: 1;
    }

    .entry-form {
        padding: 0.38rem 0;
        margin-bottom: 0.28rem;
        border: none;
    }

    .entry-form h2 {
        font-size: 0.98rem;
        margin-bottom: 0.22rem;
    }

    .entry-head {
        margin-bottom: 0.22rem;
    }

    .panel-copy {
        display: none;
    }

    .form-grid {
        grid-template-columns: 1fr;
        gap: 0.18rem;
    }

    .card-grid {
        grid-template-columns: 1fr;
        gap: 0.18rem;
    }

    .card {
        padding: 0.42rem;
    }

    .card-actions {
        display: flex;
        gap: 0.18rem;
        flex-wrap: nowrap;
    }

    .card-actions button {
        min-width: 0;
        flex: 1;
        padding: 0.22rem 0.24rem;
        font-size: 0.72rem;
    }

    .modal {
        padding: 0.24rem;
        align-items: end;
    }

    .modal-card,
    .modal-card.wide {
        width: 100%;
        max-height: calc(100vh - 0.6rem);
        border-radius: 12px;
        padding: 0.42rem;
    }

    .theme-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .settings-tabs {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.22rem;
    }

    .settings-tab-btn {
        width: 100%;
        min-width: 0;
        font-size: 0.76rem;
        padding: 0.25rem 0.3rem;
    }

    .filter-breadcrumb {
        text-align: left;
        font-size: 0.76rem;
    }

    .search-wrap,
    .inline-label,
    .entry-form,
    .stack-form,
    .card,
    .modal-card {
        min-width: 0;
        width: 100%;
    }

    .category-node {
        flex-wrap: wrap;
    }

    .category-node .category-btn {
        min-width: 0;
    }

    .category-node .ghost-btn {
        flex: 1 1 calc(50% - 0.2rem);
    }

    .category-tree {
        padding-left: 0.38rem;
    }

    .sheet-toolbar {
        grid-template-columns: 1fr;
    }

    .sheet-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .sheet-table {
        min-width: 560px;
    }

.search-wrap input{ width: 100%; max-width: 100%; }

}

@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) {}

@supports (-webkit-touch-callout: none) {

    html,
    body {
        overflow-x: hidden;
    }
}