:root{color-scheme:light;-webkit-text-size-adjust:100%;text-size-adjust:100%}
*{letter-spacing:0}
::selection{color:#fff;background:#176b57}
:is(input,textarea){caret-color:#176b57}
input::placeholder,textarea::placeholder{color:#66727f;opacity:1}
:is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid #176b57;outline-offset:3px;box-shadow:none}
:is(button,a,input,select,textarea){touch-action:manipulation}
a{text-underline-offset:3px}
button:disabled{cursor:not-allowed}
form[aria-busy=true] button:disabled{cursor:wait}
button,select,input:not([type=hidden]):not([type=file]),.nav-link{min-height:44px}
.nav-link{display:inline-flex;align-items:center}
.topbar-inner{flex-wrap:wrap;gap:4px 16px}
.topbar-inner nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.topbar-inner h1{overflow-wrap:anywhere}
.topbar-inner .brand{flex-shrink:0}
.field{min-width:0}
.field input,.field select{font-size:16px}
.toolbar .field input,.toolbar .field select{min-height:44px}
.tool-en{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;min-height:32px;display:grid;place-items:center;line-height:16px;font-size:11px}
.tool-card,.site-card{box-shadow:none}
.tool-card{min-height:142px}
.tool-card .status{margin-top:8px}
.site-card{height:auto;min-height:166px;transform:none}
.site-title{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;font-size:13px;line-height:18px;min-height:36px;display:grid;place-items:center}
.site-en{white-space:normal;overflow:visible;overflow-wrap:anywhere;font-size:11px;line-height:14px;min-height:28px;margin:2px 0 6px}
.site-card .mark-link{flex-shrink:0;width:46px;height:46px;margin-bottom:6px}
#loadState{padding:36px 12px;text-align:center;color:#526372;font-size:14px}
#loadState p{margin:0 0 12px}
#loadState[data-error=true]{color:#a23b3b}
[hidden]{display:none!important}
.btn-small{min-height:44px;font-size:13px}
.btn:disabled{opacity:.6}
.table-site{display:block;max-width:360px}
td,th{font-variant-numeric:tabular-nums}
.admin-table-wrap{box-shadow:none}
.admin-error{margin-bottom:16px}
.admin-error .btn{margin-left:8px}
.edit-modal{width:min(620px,calc(100% - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:0;border:0;border-radius:8px;background:#fff;color:#17212b;overscroll-behavior:contain}
.edit-modal::backdrop{background:rgba(10,18,25,.52)}
.edit-modal .dialog{width:100%;box-shadow:none;padding:20px}
.edit-modal .close{width:44px;height:44px;display:grid;place-items:center}
.dialog-head{position:sticky;top:-20px;background:#fff;padding:8px 0;border-bottom:1px solid #dce2e7;z-index:1}
.ui-icon{width:18px;height:18px;flex-shrink:0;vertical-align:middle}
@media(max-width:560px){
  .topbar-inner{padding-top:6px;padding-bottom:6px}
  .topbar-inner nav{gap:14px}
  .brand h1{font-size:19px}
  .site-card{height:auto;min-height:166px;padding:8px 3px}
  .tool-card{min-height:132px}
  .admin-actions{align-items:center;flex-direction:row}
  .admin-actions h2{font-size:18px}
  .admin-actions .btn{width:auto;flex-shrink:0}
  .edit-modal .dialog{padding:16px}
  .edit-modal .dialog-head{top:-16px}
  .login-box{margin:32px auto;box-shadow:none}
  .admin-table-wrap table{min-width:720px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
