.hosting-shell{max-width:1100px;margin:24px auto;padding:24px;color:var(--body-text-color,#243e36)}.hosting-shell label{display:flex;flex-direction:column;gap:7px;margin:12px 0;font-weight:600}.hosting-shell input,.hosting-shell select{padding:11px;border:1px solid #bdc8c2;border-radius:6px;font:inherit;max-width:100%;box-sizing:border-box}.hosting-shell button,.hosting-button{display:inline-block;background:#285e4c;color:white!important;border:0;border-radius:7px;padding:12px 18px;font:inherit;text-decoration:none;cursor:pointer;margin:8px 8px 8px 0}.hosting-shell a{margin-right:16px}.hosting-shell li{margin:12px 0}.hosting-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hosting-card,.hosting-member,.hosting-grid article{padding:22px;margin:18px 0;border:1px solid #c7d0ca;border-radius:10px}.hosting-member{display:grid;grid-template-columns:minmax(150px,1fr) minmax(180px,1fr) 140px 160px auto;gap:14px;align-items:center}.hosting-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}.hosting-hint{font-size:.85em;opacity:.8}.hosting-error{padding:16px;background:#fde8e5;color:#8b2318}.hosting-notice{padding:16px;background:#e3f2e5;color:#254e33}.hosting-strip{position:relative;display:flex;gap:22px;align-items:center;flex-wrap:wrap;background:#edf3ef;color:#234c3c;padding:12px 24px;margin-top:64px;border-bottom:1px solid #d7e3da;z-index:7}.hosting-strip a{color:#285e4c;font-weight:600;text-decoration:none}.hosting-strip+.page-main-wrap{padding-top:0}.hosting-strip+* .page-main{padding-top:12px}.hosting-strip strong{margin-right:auto}.dark_theme .hosting-shell{color:#e3ece5}.dark_theme .hosting-shell input,.dark_theme .hosting-shell select{background:#24332c;color:#fff}.dark_theme .hosting-strip{background:#263f33;color:#edf5ef}.dark_theme .hosting-strip a{color:#d4e8d9}a[href^="/edit_video"],a[href^="/replace_media"]{display:none!important}@media(max-width:1000px){.hosting-member{grid-template-columns:1fr 1fr}.hosting-grid{grid-template-columns:1fr}.hosting-shell{padding:16px}.hosting-strip{gap:12px;padding:12px 16px}}

.logo{width:180px;flex:0 0 180px}.logo a,.logo a>span{display:block;width:100%}.logo img{display:block;width:100%;height:auto}@media(max-width:600px){.logo{width:145px;flex-basis:145px}}