html,body{max-width:100%;overflow-x:clip}
#app{min-height:100dvh}
#app main.min-h-screen{min-height:0!important;overflow:visible}
.fone-embedded body,.fone-embedded #app,.fone-embedded .min-h-screen{min-height:0!important}
.fone-embedded .site-header,.fone-embedded footer,.fone-embedded .site-footer,.fone-embedded .loading-cover{display:none!important}
.fone-embedded .app-shell{min-height:0!important}
.fone-embedded *{animation:none!important;transition:none!important}
html.dark{color-scheme:dark}
html:not(.dark){color-scheme:light}
#app select{color:var(--color-foreground);color-scheme:inherit}
#app select option,#app select optgroup{background-color:var(--color-background);color:var(--color-foreground)}
.fone-latency-1{background-color:#10b981}.fone-latency-2{background-color:#34d399}
.fone-latency-3{background-color:#e5c64b}.fone-latency-4{background-color:#efa245}
.fone-latency-5,.fone-latency-6{background-color:#e6959b}
.fone-latency-7,.fone-latency-8{background-color:#bd4053}
#app [class~="max-w-[1280px]"]{max-width:min(1800px,100%)!important;width:100%}
.home-view{container-type:inline-size}
.home-view .fone-node-grid{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:20px;align-items:stretch}
.home-view .fone-node-grid>.min-w-0{min-width:0}
@container(min-width:760px){.home-view .fone-node-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@container(min-width:1180px){.home-view .fone-node-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
.fone-admin-entry{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 13px;border:1px solid rgba(52,211,153,.3);background:rgba(16,185,129,.12);border-radius:9px;color:#34d399;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}
.fone-admin-entry:focus-visible{outline:2px solid #34d399;outline-offset:3px}
.loading-cover__indicator .animate-spin{width:26px!important;height:26px!important;border-width:2px!important;animation-duration:.85s!important;color:#34d399}
.loading-cover__indicator{font:13px/1.6 system-ui,sans-serif;gap:14px!important}
@media(max-width:767px){.site-header{padding-left:12px!important;padding-right:12px!important}.site-header .site-title{font-size:16px!important}.site-header .fone-admin-entry{padding:0 10px;font-size:12px;min-height:36px}.node-card,.server-card{min-width:0!important;max-width:100%}.node-card .truncate,.server-card .truncate{white-space:normal;overflow-wrap:anywhere}.site-header h1{font-size:16px!important;white-space:normal!important}.site-header img{max-height:30px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:767px){.site-header>div{height:auto!important;flex-wrap:wrap;gap:10px;padding-top:12px;padding-bottom:12px}.site-header>div>div:first-child{flex:1 1 100%;min-width:0}.site-header>div>div:last-child{margin-left:auto}.site-header h3{font-size:16px!important;white-space:normal;overflow-wrap:anywhere}}
