@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--bg:#0d1724;--panel:rgba(33,51,74,.72);--line:rgba(170,205,255,.22);--text:#f4f7fc;--muted:#a8b9cf;--blue:#7cbaff;--blue2:#3d80ff;--green:#42d986;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#243a57 0,transparent 35%),linear-gradient(180deg,#101d2e,#0d1724 75%);color:var(--text);font-family:Inter,"Noto Sans SC",system-ui,sans-serif;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}.muted{color:var(--muted)}.tiny{font-size:12px}.glass{background:rgba(222,235,255,.12);border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 36px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}
.nav-wrap{position:fixed;top:12px;left:0;right:0;z-index:100;padding:0 4.5%;pointer-events:none}.nav-wrap .nav{pointer-events:auto}.nav{min-height:66px;max-width:1500px;margin:auto;border-radius:24px;padding:10px 18px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:9px;line-height:1.05;font-size:12px;min-width:160px;color:#fff}.brand b{font-size:17px;letter-spacing:-.4px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:linear-gradient(145deg,#7dbbff,#3564d8);font-weight:800;box-shadow:0 4px 16px #2b6fdf66}.nav-links{display:flex;align-items:center;gap:8px}.nav-links a{padding:10px 18px;border-radius:18px;color:#e1eaf6;transition:.2s}.nav-links a:hover,.nav-links a.active{background:rgba(101,160,255,.36);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.search{margin-left:auto;display:flex;align-items:center;gap:7px;background:rgba(245,249,255,.12);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:0 12px;min-width:190px;height:40px}.search input{width:100%;min-width:0;background:none;border:0;outline:0;color:#fff}.search input::placeholder{color:#c1cee0}.search button{border:0;background:none;color:#fff;font-size:20px;cursor:pointer}.login-link{white-space:nowrap;color:#e5edf9;padding:8px 12px}.mobile-menu{display:none}.theme-toggle{flex-shrink:0;width:38px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:rgba(255,255,255,.10);color:#fff;cursor:pointer;font-size:19px;display:grid;place-items:center}.nav{background:rgba(20,34,51,.72)}
.hero{min-height:440px;background-color:#17283b;background-position:center 48%;background-size:cover;position:relative;display:flex;align-items:stretch;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,16,28,.88) 0%,rgba(7,16,28,.58) 42%,rgba(7,16,28,.08) 100%),linear-gradient(0deg,#0e1927 0%,transparent 26%)}.hero-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 25%,transparent 0,rgba(5,13,23,.15) 65%)}.hero-inner{position:relative;z-index:1;width:min(1300px,90%);margin:0 auto;padding:132px 0 34px;display:flex;align-items:flex-end;justify-content:space-between;gap:36px}.hero-copy{max-width:580px;padding-bottom:20px}.eyebrow{font-size:11px;letter-spacing:2px;color:#a9ceff;text-transform:uppercase;font-weight:600;margin-bottom:12px}.hero h1{font-size:clamp(34px,4vw,54px);line-height:1.1;letter-spacing:-1.8px;margin:0 0 16px;font-weight:700}.hero h2{font-size:clamp(20px,2vw,27px);margin:0 0 12px;font-weight:600}.hero p{max-width:470px;color:#d1dceb;margin:0 0 22px;line-height:1.9}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:11px 19px;cursor:pointer;transition:transform .18s,filter .18s;color:#fff}.button:hover{transform:translateY(-1px);filter:brightness(1.08)}.primary{background:linear-gradient(110deg,#477fff,#36b9f3);box-shadow:0 6px 22px #387bff3a}.secondary{background:rgba(205,225,255,.13);backdrop-filter:blur(15px)}.live-card{width:265px;flex-shrink:0;border-radius:22px;padding:18px 20px;background:rgba(20,35,54,.62)}.live-heading,.live-main,.live-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.live-heading{font-size:13px;font-weight:600}.live-label{font-size:11px;color:#8ceab1}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;background:#8494a9}.dot.green{background:var(--green);box-shadow:0 0 10px #42d98666}.dot.gray{background:#8190a4}.live-main{justify-content:flex-start;padding:20px 0 17px}.server-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(219,235,255,.2);font-size:23px}.live-main strong{font-size:24px;font-weight:600}.live-main strong small{font-size:16px;color:#c2d2e8;font-weight:400}.live-main p{font-size:11px;color:var(--muted);margin:0}.live-meta{border-top:1px solid rgba(255,255,255,.13);padding-top:14px}.live-meta div{display:flex;flex-direction:column;gap:2px}.live-meta span{font-size:10px;color:var(--muted)}.live-meta b{font-size:13px}.hero-bottom-glow{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#82bfff77,transparent)}
.content-shell{max-width:1300px;width:90%;margin:24px auto 30px}.section-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}.panel{background:linear-gradient(135deg,rgba(67,91,122,.58),rgba(28,45,66,.72));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 28px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden}.panel-head{min-height:60px;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-head h3{font-size:16px;margin:0;font-weight:600;display:flex;align-items:center;gap:12px}.head-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:rgba(191,219,255,.16);color:#e1eeff;font-size:19px}.panel-head>a{font-size:12px;color:#9bc8ff;white-space:nowrap}.panel-head>a span{font-size:16px;margin-left:3px}.announcement-list{padding:0 20px}.announcement-item{display:flex;align-items:flex-start;gap:12px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.08);min-height:68px}.announcement-item:last-child{border-bottom:0}.announcement-dot{margin-top:7px;flex-shrink:0;width:8px;height:8px;border-radius:50%;background:#ff976d;box-shadow:0 0 8px #ff976d44}.dot-1{background:#ffca67}.dot-2{background:#7ab8ff}.item-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.item-copy strong{font-size:13px;font-weight:500;line-height:1.5}.item-copy small{font-size:11px;color:#aebfd4;line-height:1.5}.announcement-item time{font-size:10px;color:#8fa5bf;white-space:nowrap;margin-top:3px}.tag{display:inline-block;font-size:10px;font-style:normal;font-weight:500;color:#b9d9ff;background:rgba(116,174,255,.19);border-radius:8px;padding:2px 6px;margin-left:7px}.tutorial-list{padding:0 18px}.tutorial-item{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08);min-height:72px}.tutorial-item:last-child{border-bottom:0}.tutorial-item img{width:78px;height:54px;object-fit:cover;border-radius:11px;background:#27384c;flex-shrink:0}.tutorial-item .item-copy strong{font-size:12px}.tutorial-item .item-copy small{font-size:10px}.tags{display:flex;gap:5px;margin-top:2px}.tags i{font-size:9px;font-style:normal;background:rgba(201,221,249,.13);border-radius:6px;padding:1px 6px;color:#c4d8ef}.chevron{font-size:23px;color:#a9c7e8}.quote-card{min-height:100%;position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid rgba(183,210,255,.3);background:linear-gradient(0deg,rgba(11,21,35,.85),rgba(22,40,59,.2)),url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=800&q=80') center/cover;display:flex;flex-direction:column;justify-content:center;padding:25px}.quote-card:after{content:"";position:absolute;inset:0;background:rgba(21,37,57,.22);backdrop-filter:blur(1px)}.quote-card blockquote,.quote-card small,.quote-line{position:relative;z-index:1}.quote-card blockquote{font-family:Georgia,serif;font-style:italic;font-size:clamp(20px,2vw,27px);line-height:1.55;margin:0 0 38px;color:#eef4ff}.quote-line{width:30px;height:2px;background:#b9d7f6;margin-bottom:14px}.quote-card small{font-family:Georgia,serif;font-style:italic;color:#b9cde4}
.server-panel{margin-top:18px}.server-panel .panel-head{min-height:56px}.panel-note{font-size:11px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}th,td{text-align:left;padding:12px 17px;border-bottom:1px solid rgba(255,255,255,.075)}th{font-weight:500;color:#a7bdd7;background:rgba(7,17,30,.1)}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:rgba(193,218,255,.045)}.server-name{display:flex;align-items:center;gap:10px}.server-name b{font-weight:500}.mini-thumb{display:grid;place-items:center;width:40px;height:34px;border-radius:9px;background:linear-gradient(140deg,#6e8fa6,#273d50);color:#fff;font-size:18px;flex-shrink:0}.thumb-1{background:linear-gradient(140deg,#879f91,#354c49)}.thumb-2{background:linear-gradient(140deg,#9e9d7d,#4a5545)}.status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 9px;background:rgba(130,147,168,.15);font-size:11px;color:#c1ccda}.status i{width:6px;height:6px;border-radius:50%;background:#a3b2c6}.status.online{color:#8ce6b1;background:rgba(44,195,113,.12)}.status.online i{background:#42d986;box-shadow:0 0 7px #42d98666}.status.maintenance{color:#ffd58b;background:rgba(230,173,63,.12)}.status.maintenance i{background:#f4c05c}.latency{color:#72e2a1}.empty{padding:24px;color:var(--muted);font-size:12px}.footer{max-width:1300px;width:90%;margin:0 auto;padding:22px 0 28px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:28px;color:#8ea4bf;font-size:11px}.footer-brand{font-weight:600;color:#dce8f8}.footer-links{display:flex;gap:22px}.footer>span:last-child{margin-left:auto}
.article-shell{width:min(900px,90%);margin:120px auto 50px;min-height:60vh}.back-link{display:inline-block;color:#9ecaff;margin-bottom:18px;font-size:13px}.article{padding:clamp(22px,5vw,52px)}.article h1{font-size:clamp(28px,4vw,42px);line-height:1.3;margin:8px 0 12px}.article-meta{color:var(--muted);font-size:12px}.article-summary{font-size:17px;color:#c8d8eb;border-left:3px solid #6daaff;padding-left:15px;margin:25px 0}.article-cover{width:100%;max-height:420px;object-fit:cover;border-radius:16px;margin:20px 0}.markdown{line-height:1.9;color:#d9e4f2;overflow-wrap:anywhere}.markdown h1,.markdown h2,.markdown h3{margin-top:1.5em}.markdown p{margin:1em 0}.markdown a{color:#8fc5ff;text-decoration:underline}.markdown pre{overflow:auto;padding:16px;background:#0a1421;border:1px solid var(--line);border-radius:12px}.markdown code{font-family:ui-monospace,monospace;background:rgba(0,0,0,.2);padding:2px 5px;border-radius:5px}.markdown pre code{background:none;padding:0}.markdown blockquote{border-left:3px solid #76b5ff;padding-left:15px;color:#a8c4e3}.list-title{margin-bottom:25px}.list-title h1{font-size:38px;margin:0}.listing{display:flex;flex-direction:column;gap:12px}.listing-item{display:flex;align-items:center;gap:18px;padding:18px 22px}.listing-item img{width:130px;height:82px;object-fit:cover;border-radius:12px}.listing-item div{flex:1}.listing-item h2{font-size:17px;margin:0 0 6px}.listing-item p{margin:0 0 5px;color:var(--muted);font-size:12px}.listing-item small{color:#849ab3}.search-page{margin:20px 0 30px;max-width:600px}.search-page .button{white-space:nowrap}
.install-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#263d5a,#0c1522 65%)}.install-card{width:min(520px,100%);padding:clamp(24px,5vw,42px);border-radius:28px;background:rgba(31,48,69,.8);border:1px solid var(--line);box-shadow:0 25px 80px #0005;backdrop-filter:blur(24px)}.install-card h1{font-size:30px;margin:0 0 8px}.install-card>p{margin:0 0 24px}.form-grid{display:flex;flex-direction:column;gap:15px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#c5d5e8}.form-grid input,.form-grid textarea,.form-grid select{width:100%;background:rgba(6,15,26,.45);border:1px solid rgba(191,215,246,.2);border-radius:12px;padding:11px 13px;color:#f4f8ff;outline:none;min-width:0}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:#78b8ff;box-shadow:0 0 0 3px #6baaff20}.form-grid textarea{resize:vertical}.form-grid select option{background:#172638}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{width:100%;margin-top:5px}.notice{padding:12px 14px;border-radius:12px;background:rgba(48,181,113,.13);border:1px solid rgba(90,218,148,.25);color:#b2f0ca;margin:12px 0 18px;font-size:13px}.notice.error{background:rgba(245,90,90,.12);border-color:rgba(245,90,90,.3);color:#ffc0c0}.install-card hr{width:100%;border:0;border-top:1px solid var(--line);margin:4px 0}.install-card .tiny{margin:18px 0 0}
.admin-body{background:#0d1724;min-height:100vh}.admin-top{height:70px;padding:0 28px;display:flex;align-items:center;gap:25px;border-radius:0;border-left:0;border-right:0;border-top:0}.admin-top-title{font-weight:600}.admin-user{margin-left:auto;color:var(--muted);font-size:12px}.admin-user a{color:#a6ceff;margin-left:10px}.admin-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;max-width:1500px;margin:24px auto;padding:0 24px}.admin-sidebar{align-self:start;position:sticky;top:20px;border-radius:20px;padding:12px;display:flex;flex-direction:column;gap:4px}.admin-sidebar a{padding:12px 14px;border-radius:12px;color:#c1d0e3;font-size:13px}.admin-sidebar a:hover,.admin-sidebar a.selected{background:rgba(107,166,255,.2);color:#fff}.admin-main{min-width:0}.admin-page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 22px}.admin-page-title h1{font-size:29px;margin:0 0 5px}.admin-page-title p{margin:0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.stat{padding:20px}.stat span{display:block;color:var(--muted);font-size:12px}.stat strong{font-size:32px;display:block;margin-top:6px}.admin-box{padding:20px;margin-bottom:18px}.admin-box h2{font-size:17px;margin:0 0 16px}.quick-actions{display:flex;gap:10px;flex-wrap:wrap}.row-actions{display:flex;align-items:center;gap:12px}.row-actions a{color:#9bc8ff}.row-actions form{margin:0}.text-button{border:0;background:none;color:#a7cfff;cursor:pointer;padding:0}.text-button.danger{color:#ff9b9b}.check-label{display:flex!important;flex-direction:row!important;align-items:center}.check-label input{width:auto!important}.admin-main table th,.admin-main table td{padding:13px 12px}.admin-main .form-grid{gap:16px}.admin-main .form-grid small{font-size:11px}
@media(max-width:1050px){.nav{gap:12px}.brand{min-width:auto}.nav-links a{padding:9px 12px}.search{min-width:150px}.section-grid{grid-template-columns:minmax(0,1fr)}.quote-card blockquote{margin-bottom:15px}.hero-inner{width:90%}.live-card{width:240px}.admin-layout{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:720px){.nav-wrap{top:10px;padding:0 12px}.nav{min-height:58px;padding:8px 12px;gap:10px;border-radius:20px}.brand{gap:7px}.brand-mark{width:34px;height:34px}.brand b{font-size:14px}.nav-links{display:none;position:absolute;top:66px;left:12px;right:12px;flex-direction:column;align-items:stretch;padding:10px;border:1px solid var(--line);border-radius:18px;background:rgba(20,34,51,.94);backdrop-filter:blur(22px)}.menu-open .nav-links{display:flex}.nav-links a{padding:12px}.search{display:none}.login-link{margin-left:auto;font-size:11px;padding:7px}.mobile-menu{display:block;background:rgba(255,255,255,.12);border:1px solid #ffffff22;color:#fff;border-radius:11px;width:35px;height:35px}.hero{min-height:590px;background-position:60% center}.hero:before{background:linear-gradient(90deg,rgba(7,16,28,.84),rgba(7,16,28,.35)),linear-gradient(0deg,#0e1927 0%,transparent 45%)}.hero-inner{padding:110px 0 24px;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:20px}.hero-copy{padding-bottom:0}.hero h1{font-size:38px}.hero h2{font-size:21px}.hero p{font-size:13px}.live-card{width:100%;padding:14px 17px}.live-main{padding:12px 0}.live-meta{justify-content:flex-start;gap:36px}.content-shell{width:calc(100% - 24px);margin-top:14px}.section-grid{grid-template-columns:minmax(0,1fr);gap:13px}.quote-card blockquote{font-size:25px}.panel-head{padding:13px 15px}.announcement-list{padding:0 15px}.announcement-item{gap:9px}.announcement-item time{font-size:9px}.tutorial-list{padding:0 15px}.tutorial-item img{width:74px;height:52px}.server-panel{margin-top:13px}.server-panel .panel-head{min-height:53px}.panel-note{display:none}th,td{padding:11px 13px}.footer{width:calc(100% - 30px);gap:13px;flex-wrap:wrap;padding:18px 0}.footer-links{gap:13px}.footer>span:last-child{width:100%;margin-left:0}.article-shell{margin-top:95px;width:calc(100% - 24px)}.article{padding:22px}.article h1{font-size:28px}.form-row{grid-template-columns:1fr}.admin-top{padding:0 14px;gap:12px}.admin-top-title{font-size:12px}.admin-user{font-size:11px}.admin-layout{display:block;margin:14px auto;padding:0 12px}.admin-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;margin-bottom:15px;padding:7px}.admin-sidebar a{font-size:11px;padding:10px}.admin-page-title{align-items:flex-start;flex-direction:column}.admin-page-title h1{font-size:25px}.stats-grid{grid-template-columns:1fr 1fr}.stat:last-child{grid-column:1/-1}.admin-box{padding:14px}.quick-actions .button{flex:1}.install-card{padding:24px}.listing-item{padding:14px;gap:12px}.listing-item img{width:88px;height:65px}.list-title h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Theme switching and fixed navigation */
html{scroll-padding-top:112px}
.nav-wrap .nav{box-shadow:0 12px 38px rgba(0,0,0,.20)}
:root[data-theme="light"]{--bg:#f3f6fb;--panel:rgba(255,255,255,.88);--line:rgba(38,63,96,.14);--text:#172438;--muted:#62738a;--blue:#276bd6;--blue2:#2465d9;--green:#138a52}
:root[data-theme="light"] body{background:radial-gradient(ellipse at 80% 0%,#e0ebfa 0,transparent 38%),linear-gradient(180deg,#f7f9fd,#edf2f9 80%);color:var(--text)}
:root[data-theme="light"] .nav{background:rgba(255,255,255,.78);border-color:rgba(38,63,96,.15);box-shadow:0 10px 34px rgba(30,55,85,.12),inset 0 1px 0 #fff}
:root[data-theme="light"] .brand,:root[data-theme="light"] .nav-links a,:root[data-theme="light"] .login-link,:root[data-theme="light"] .theme-toggle{color:#1b2c43}
:root[data-theme="light"] .nav-links a:hover,:root[data-theme="light"] .nav-links a.active{background:rgba(57,119,220,.12);box-shadow:inset 0 0 0 1px rgba(57,119,220,.10)}
:root[data-theme="light"] .search{background:rgba(35,62,98,.05);border-color:rgba(38,63,96,.12)}
:root[data-theme="light"] .search input,:root[data-theme="light"] .search button{color:#1b2c43}:root[data-theme="light"] .search input::placeholder{color:#74849a}
:root[data-theme="light"] .theme-toggle{background:rgba(35,62,98,.06);border-color:rgba(38,63,96,.15)}
:root[data-theme="light"] .panel{background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(246,249,253,.96));box-shadow:0 8px 28px rgba(30,55,85,.07),inset 0 1px 0 #fff}
:root[data-theme="light"] .panel-head{border-bottom-color:rgba(38,63,96,.10)}
:root[data-theme="light"] .item-copy small,:root[data-theme="light"] .announcement-item time,:root[data-theme="light"] .panel-note,:root[data-theme="light"] th{color:#64758c}
:root[data-theme="light"] .announcement-item,:root[data-theme="light"] .tutorial-item{border-bottom-color:rgba(38,63,96,.10)}
:root[data-theme="light"] th{background:rgba(38,63,96,.035)}:root[data-theme="light"] td{border-bottom-color:rgba(38,63,96,.09)}
:root[data-theme="light"] tbody tr:hover{background:rgba(65,125,215,.05)}
:root[data-theme="light"] .footer{border-top-color:rgba(38,63,96,.14);color:#65768b}:root[data-theme="light"] .footer-brand{color:#20334b}
@media(max-width:720px){.nav-wrap{top:8px;padding:0 10px}.nav{gap:8px}.theme-toggle{width:34px;height:34px;border-radius:11px}.nav-links{top:64px}:root[data-theme="light"] .nav-links{background:rgba(255,255,255,.96);border-color:rgba(38,63,96,.15);box-shadow:0 12px 35px rgba(30,55,85,.15)}}


/* V3.2 Apple-inspired design system: consistent system typography, glass navigation and working appearance modes */
:root{color-scheme:light;--apple-bg:#f5f5f7;--apple-surface:rgba(255,255,255,.78);--apple-card:#fff;--apple-border:rgba(60,60,67,.16);--apple-shadow:0 12px 36px rgba(0,0,0,.07);--apple-blue:#007aff;--apple-text:#1d1d1f;--apple-muted:#6e6e73;--apple-glass:rgba(250,250,252,.78)}
:root[data-theme="dark"]{color-scheme:dark;--apple-bg:#101114;--apple-surface:rgba(38,38,42,.78);--apple-card:#1c1c1e;--apple-border:rgba(255,255,255,.13);--apple-shadow:0 16px 42px rgba(0,0,0,.28);--apple-blue:#0a84ff;--apple-text:#f5f5f7;--apple-muted:#a1a1a6;--apple-glass:rgba(28,28,30,.78)}
html{background:var(--apple-bg);scroll-padding-top:112px}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,"Noto Sans SC",sans-serif;background:var(--apple-bg)!important;color:var(--apple-text);transition:background-color .22s ease,color .22s ease}
.nav-wrap{top:12px;left:0;right:0;padding:0 clamp(12px,4vw,54px);z-index:1000}
.nav{min-height:62px;padding:9px 14px;gap:clamp(8px,1.4vw,20px);border:1px solid var(--apple-border)!important;border-radius:22px!important;background:var(--apple-glass)!important;box-shadow:0 8px 30px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.45)!important;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%)}
.brand{color:var(--apple-text)!important;min-width:auto;gap:9px;font-size:11px}.brand b{font-size:16px;letter-spacing:-.45px}.brand-mark{border-radius:12px;background:linear-gradient(145deg,#53a6ff,#0066cc);box-shadow:0 4px 12px rgba(0,122,255,.22)}
.nav-links{gap:3px}.nav-links a{color:var(--apple-muted)!important;border-radius:13px;padding:9px 13px;font-size:13px;transition:background .18s ease,color .18s ease}.nav-links a:hover,.nav-links a.active{color:var(--apple-text)!important;background:rgba(120,120,128,.13)!important;box-shadow:none!important}
.search{min-width:150px;height:36px;border-radius:12px;background:rgba(120,120,128,.09)!important;border:1px solid var(--apple-border)!important}.search input,.search button{color:var(--apple-text)!important}.search input::placeholder{color:var(--apple-muted)!important}
.login-link{color:var(--apple-blue)!important;font-size:13px;padding:8px 9px;white-space:nowrap}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;min-width:76px;height:36px;padding:0 11px;border-radius:12px;border:1px solid var(--apple-border)!important;background:rgba(120,120,128,.10)!important;color:var(--apple-text)!important;font-size:12px;font-weight:600;line-height:1;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.2);transition:transform .16s ease,background .16s ease}
.theme-toggle:hover{background:rgba(120,120,128,.17)!important}.theme-toggle:active{transform:scale(.96)}.theme-symbol{font-size:17px;line-height:1}.theme-label{font-size:12px}
.panel,.glass.live-card,.admin-box,.stat,.listing-item,.article{border-color:var(--apple-border)!important;box-shadow:var(--apple-shadow)}
.panel{background:var(--apple-surface)!important;color:var(--apple-text);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}
.panel-head{border-bottom-color:var(--apple-border)!important}.panel-head h3,.item-copy strong,.listing-item h2,.admin-page-title h1,.admin-box h2{color:var(--apple-text)}
.panel-head>a,.back-link,.row-actions a,.text-button{color:var(--apple-blue)}
.muted,.item-copy small,.announcement-item time,.panel-note,.article-meta,.listing-item p,.listing-item small{color:var(--apple-muted)!important}
.announcement-item,.tutorial-item,td,th,.footer{border-color:var(--apple-border)!important}.announcement-item:hover,.tutorial-item:hover,.listing-item:hover{background:rgba(120,120,128,.07)}
.head-icon{background:rgba(0,122,255,.10);color:var(--apple-blue)}
.button.primary{background:var(--apple-blue);box-shadow:0 5px 15px rgba(0,122,255,.2);border-color:transparent}.button.secondary{background:rgba(120,120,128,.13);color:var(--apple-text);border-color:var(--apple-border)}
.hero{background-color:#dce5ef}.hero:before{background:linear-gradient(90deg,rgba(9,16,27,.78),rgba(9,16,27,.36) 52%,rgba(9,16,27,.04)),linear-gradient(0deg,rgba(9,16,27,.24),transparent 50%)}
.live-card{background:var(--apple-glass)!important;border:1px solid rgba(255,255,255,.25)}
.quote-card{border-color:var(--apple-border);border-radius:24px}
:root[data-theme="light"] body{background:var(--apple-bg)!important;color:var(--apple-text)}
:root[data-theme="light"] .hero{background-color:#e7edf5}
:root[data-theme="light"] .panel{background:rgba(255,255,255,.82)!important}
:root[data-theme="light"] .live-card{background:rgba(255,255,255,.78)!important;color:#1d1d1f}
:root[data-theme="light"] .live-card .live-main p,:root[data-theme="light"] .live-card .live-meta span{color:#6e6e73}
:root[data-theme="light"] .live-card .live-main strong,:root[data-theme="light"] .live-card .live-meta b,:root[data-theme="light"] .live-heading{color:#1d1d1f}
:root[data-theme="light"] .article-summary{color:#424245}
:root[data-theme="light"] .markdown{color:#29292b}
:root[data-theme="light"] .markdown pre{background:#f0f0f2;color:#1d1d1f}
:root[data-theme="light"] .markdown code{background:rgba(0,0,0,.06)}
:root[data-theme="light"] .markdown blockquote{color:#626267}
:root[data-theme="light"] th{background:rgba(120,120,128,.08);color:#6e6e73}
:root[data-theme="light"] td{color:#1d1d1f}
:root[data-theme="light"] .status{color:#525258;background:rgba(120,120,128,.10)}
:root[data-theme="light"] .status.online{color:#16803c;background:rgba(48,209,88,.12)}
:root[data-theme="light"] .latency{color:#16803c}
:root[data-theme="light"] .footer,:root[data-theme="light"] .footer-brand{color:#6e6e73}
:root[data-theme="light"] .admin-body{background:var(--apple-bg)!important}
:root[data-theme="light"] .admin-sidebar a{color:#525258}
:root[data-theme="light"] .admin-sidebar a:hover,:root[data-theme="light"] .admin-sidebar a.selected{background:rgba(0,122,255,.10);color:var(--apple-blue)}
:root[data-theme="light"] input,:root[data-theme="light"] textarea,:root[data-theme="light"] select{background:rgba(120,120,128,.06);border-color:var(--apple-border);color:var(--apple-text)}
:root[data-theme="dark"] body{background:#101114!important;color:#f5f5f7}
:root[data-theme="dark"] .panel{background:rgba(38,38,42,.78)!important}
:root[data-theme="dark"] .nav{box-shadow:0 10px 34px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.06)!important}
:root[data-theme="dark"] .live-card{background:rgba(28,28,30,.78)!important;color:#f5f5f7}
:root[data-theme="dark"] .live-card .live-main strong,:root[data-theme="dark"] .live-card .live-heading,:root[data-theme="dark"] .live-card .live-meta b{color:#f5f5f7}
:root[data-theme="dark"] .live-card .live-main p,:root[data-theme="dark"] .live-card .live-meta span{color:#a1a1a6}
:root[data-theme="dark"] .markdown{color:#e5e5ea}
:root[data-theme="dark"] .markdown pre{background:#111113;color:#f5f5f7}
:root[data-theme="dark"] .admin-body{background:#101114!important}
@media(max-width:1050px){.nav{gap:8px}.nav-links a{padding:8px 9px}.search{min-width:110px}}
@media(max-width:720px){.nav-wrap{top:8px;padding:0 10px}.nav{min-height:56px;padding:7px 9px;gap:7px;border-radius:18px!important}.brand-mark{width:34px;height:34px}.brand b{font-size:14px}.nav-links{top:62px!important;left:10px!important;right:10px!important;background:var(--apple-glass)!important;border:1px solid var(--apple-border)!important;box-shadow:var(--apple-shadow);backdrop-filter:blur(28px) saturate(180%)}.theme-toggle{min-width:34px;width:36px;height:35px;padding:0 7px;border-radius:11px}.theme-label{display:none}.login-link{font-size:11px;padding:6px}.mobile-menu{border-radius:11px;background:rgba(120,120,128,.12);border:1px solid var(--apple-border);color:var(--apple-text);width:34px;height:34px}.search{display:none}.article-shell{margin-top:94px}.hero-inner{padding-top:115px}}
@media(prefers-reduced-motion:reduce){body{transition:none}}


/* V3.3 refinements: image-free hero, coherent Apple search control, adaptive surfaces */
.hero{background-image:none!important;background-color:var(--apple-bg)!important;min-height:400px;border-bottom:1px solid var(--apple-border);}
.hero:before{background:radial-gradient(ellipse at 80% 12%,rgba(0,122,255,.12),transparent 42%),linear-gradient(180deg,var(--apple-bg),var(--apple-bg))!important;opacity:1}
.hero-shade,.hero-bottom-glow{display:none!important}
.hero-inner{padding-top:132px;padding-bottom:42px;align-items:center}
.hero-copy{padding:28px 0 20px}
.hero h1,.hero h2{color:var(--apple-text)!important}
.hero p{color:var(--apple-muted)!important}
.eyebrow{color:var(--apple-blue)!important;letter-spacing:1.4px}
.live-card{background:var(--apple-surface)!important;border:1px solid var(--apple-border)!important;color:var(--apple-text)!important;box-shadow:var(--apple-shadow)!important}
.live-main strong small,.live-main p,.live-meta span{color:var(--apple-muted)!important}
.live-meta{border-top-color:var(--apple-border)!important}
.search{flex:0 1 220px;min-width:155px;max-width:250px;height:36px;display:flex;align-items:center;gap:8px;padding:0 10px;border-radius:999px!important;background:rgba(120,120,128,.08)!important;border:1px solid transparent!important;box-shadow:inset 0 0 0 1px rgba(120,120,128,.10);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}
.search:focus-within{background:var(--apple-card)!important;border-color:rgba(0,122,255,.42)!important;box-shadow:0 0 0 3px rgba(0,122,255,.12)!important}
.search>span{font-size:17px;line-height:1;color:var(--apple-muted)!important;opacity:.8}
.search input{width:100%;min-width:0;height:100%;padding:0;background:transparent!important;border:0!important;outline:0!important;color:var(--apple-text)!important;font-size:12px!important;box-shadow:none!important}
.search input::placeholder{color:var(--apple-muted)!important;opacity:.9}
.search button{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;padding:0;border:0!important;border-radius:50%;background:transparent!important;color:var(--apple-muted)!important;font-size:17px;line-height:1;transition:background .18s ease,color .18s ease}
.search button:hover{background:rgba(120,120,128,.14)!important;color:var(--apple-blue)!important}
:root[data-theme="dark"] .hero{background-color:var(--apple-bg)!important}
:root[data-theme="dark"] .hero:before{background:radial-gradient(ellipse at 80% 12%,rgba(10,132,255,.15),transparent 42%),linear-gradient(180deg,#101114,#101114)!important}
@media(max-width:1050px){.search{flex-basis:175px;min-width:125px}.nav{gap:10px}.nav-links a{padding:8px 10px}}
@media(max-width:720px){.hero{min-height:0}.hero-inner{padding:105px 0 25px;gap:18px}.hero-copy{padding:15px 0 0}.search{display:none}}

/* V3.4 search UI consistency and single search glyph */
.search{display:flex;align-items:center;gap:9px;flex:0 1 245px;min-width:170px;max-width:270px;height:38px;padding:0 10px 0 13px;border-radius:999px!important;background:rgba(120,120,128,.09)!important;border:1px solid var(--apple-border)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18);margin-left:auto}
.search>span{font-size:18px;line-height:1;color:var(--apple-muted)!important;flex:0 0 auto}
.search input{flex:1;width:100%;min-width:0;height:100%;padding:0;background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;color:var(--apple-text)!important;font-size:13px!important}
.search button{flex:0 0 auto;width:auto;height:27px;padding:0 10px;border:0!important;border-radius:999px;background:transparent!important;color:var(--apple-blue)!important;font-size:12px!important;font-weight:600;white-space:nowrap;cursor:pointer}
.search button:hover{background:rgba(0,122,255,.10)!important}
.search-page{margin:22px 0 28px;max-width:680px;width:100%;height:46px;flex:none;background:var(--apple-card)!important;border-color:var(--apple-border)!important;box-shadow:0 2px 8px rgba(0,0,0,.035)}
.article-shell{color:var(--apple-text)}.article-shell .back-link{color:var(--apple-blue)}.article-shell .article{background:var(--apple-surface)!important;color:var(--apple-text)!important}.article-shell .article h1,.article-shell .listing-item h2{color:var(--apple-text)}.article-shell .muted,.article-shell .listing-item p{color:var(--apple-muted)!important}.article-shell .listing-item{background:var(--apple-card)!important;border:1px solid var(--apple-border)!important;border-radius:16px;margin-bottom:10px}.article-shell .listing-item:hover{border-color:rgba(0,122,255,.35)!important}
@media(max-width:1050px){.search{min-width:135px;flex-basis:185px}}
@media(max-width:720px){.search{display:none}.search-page{display:flex;max-width:none;min-width:0}.search-page .button{white-space:nowrap}}

/* V3.5: consistent vertical rhythm for every category card */
.category-card{display:block;width:100%;margin:24px 0;grid-column:1/-1;box-sizing:border-box}.category-card+.category-card{margin-top:24px}.content-shell>.category-card:first-of-type{margin-top:24px}.row-actions select{min-width:120px;border:1px solid var(--line,rgba(120,130,145,.25));border-radius:10px;padding:8px 10px;background:var(--surface,#fff);color:inherit}

/* V3.7: consistent Apple-style category hover, section rhythm and responsive server cards */
.section-grid{display:flex;flex-direction:column;align-items:stretch;gap:22px;margin:0 0 22px}
.section-grid>.panel{width:100%;margin:0;min-width:0}
#announcements,#tutorials{scroll-margin-top:100px}
#announcements.panel,#tutorials.panel,.category-card{border-radius:24px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;transform:none!important}
#announcements.panel:hover,#tutorials.panel:hover,.category-card:hover{transform:none!important;border-color:var(--apple-border)!important;box-shadow:var(--apple-shadow)!important;filter:none!important}
.category-card{margin:0 0 22px!important;grid-column:auto;overflow:hidden;background:var(--apple-surface)!important}
.category-card+.category-card{margin-top:0!important}
.category-card .panel-head{background:transparent!important}
.category-card .announcement-item{border-radius:12px;padding-left:8px;padding-right:8px;transition:background .18s ease,color .18s ease}
.category-card .announcement-item:hover{background:rgba(0,122,255,.075)!important;transform:none!important;box-shadow:none!important}
:root[data-theme="dark"] .category-card .announcement-item:hover{background:rgba(10,132,255,.13)!important}
.category-card .announcement-item .item-copy strong{transition:color .18s ease}
.category-card .announcement-item:hover .item-copy strong{color:var(--apple-blue)!important}

.server-panel{margin-top:0!important;border-radius:26px}
.server-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:16px;padding:18px}
.server-info-card{position:relative;min-width:0;display:flex;flex-direction:column;padding:19px;border-radius:21px;border:1px solid var(--apple-border);background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(245,247,250,.72));box-shadow:0 3px 12px rgba(20,30,50,.035),inset 0 1px 0 rgba(255,255,255,.7);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;overflow:hidden}
.server-info-card:hover{transform:translateY(-2px);border-color:rgba(0,122,255,.28);box-shadow:0 12px 30px rgba(20,30,50,.09),inset 0 1px 0 rgba(255,255,255,.75)}
.server-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.server-info-card .mini-thumb{width:44px;height:44px;border-radius:14px;font-size:21px;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.server-card-name{font-size:16px;line-height:1.4;letter-spacing:-.25px;margin:0 0 4px;color:var(--apple-text);overflow-wrap:anywhere}
.server-card-address{font-size:11px;color:var(--apple-muted);margin:0 0 15px;overflow-wrap:anywhere}
.server-card-details{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}
.server-card-details>div{display:flex;flex-direction:column;gap:5px;min-width:0;padding:11px 12px;border-radius:14px;background:rgba(120,120,128,.07);border:1px solid rgba(120,120,128,.08)}
.server-card-details span{font-size:10px;color:var(--apple-muted)}
.server-card-details b{font-size:12px;font-weight:600;color:var(--apple-text);overflow-wrap:anywhere}
.server-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:13px;border-top:1px solid var(--apple-border)}
.server-player-count{display:flex;align-items:baseline;gap:3px;color:var(--apple-text)}
.server-player-count strong{font-size:18px;letter-spacing:-.4px;font-variant-numeric:tabular-nums}
.server-player-count small{font-size:11px;color:var(--apple-muted)}
.server-live-indicator{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--apple-muted);white-space:nowrap}
.server-live-indicator i{width:7px;height:7px;border-radius:50%;background:#8e8e93;display:inline-block}
.server-info-card.is-online .server-live-indicator{color:#248a45}
.server-info-card.is-online .server-live-indicator i{background:#30d158;box-shadow:0 0 0 3px rgba(48,209,88,.12)}
.server-info-card.is-failed .server-live-indicator{color:#b85b52}
.server-info-card.is-failed .server-live-indicator i{background:#ff453a}
.server-card-error{font-size:11px;line-height:1.5;color:#b85b52;margin:10px 0 0;overflow-wrap:anywhere}
.server-empty{grid-column:1/-1;margin:0;padding:18px}
:root[data-theme="dark"] .server-info-card{background:linear-gradient(145deg,rgba(44,44,48,.94),rgba(31,31,35,.94));box-shadow:0 4px 14px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.035)}
:root[data-theme="dark"] .server-info-card:hover{border-color:rgba(10,132,255,.42);box-shadow:0 12px 30px rgba(0,0,0,.28)}
:root[data-theme="dark"] .server-card-details>div{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.055)}
:root[data-theme="dark"] .server-info-card.is-online .server-live-indicator{color:#6cda91}
@media(max-width:720px){
 .section-grid{gap:15px;margin-bottom:15px}
 .category-card{margin-bottom:15px!important;border-radius:19px}
 .server-panel{border-radius:20px}
 .server-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:11px;padding:12px}
 .server-info-card{padding:15px;border-radius:18px}
 .server-card-name{font-size:15px}
 .server-card-details>div{padding:9px 10px}
 .server-card-footer{margin-top:11px;padding-top:11px}
}
@media(min-width:721px) and (max-width:1050px){.server-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}.server-info-card{padding:16px}}
@media(max-width:390px){.server-card-details{gap:7px}.server-card-details>div{padding:9px}.server-card-footer{align-items:flex-start;flex-direction:column}.server-live-indicator{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.server-info-card,.category-card,.category-card .announcement-item{transition:none!important}}


/* V3.9: server card layout hardening and always-visible account entry */
.server-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.server-info-card:before{display:none!important;content:none!important}
.server-info-card{border-top:1px solid var(--apple-border)!important}
.server-info-card{height:100%;min-height:242px;box-sizing:border-box;isolation:isolate}
.server-card-top{min-height:44px}
.server-card-name{min-height:2.8em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.server-card-address{min-height:1.5em;line-height:1.5;overflow-wrap:anywhere}
.server-card-details{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.server-card-details>div{min-width:0;overflow:hidden}
.server-card-details b{display:block;line-height:1.4;min-height:1.4em;word-break:break-word}
.server-card-footer{margin-top:auto}
.server-card-error{overflow-wrap:anywhere;word-break:break-word}
.register-nav-link{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--apple-blue)!important;color:#fff!important;padding:9px 14px!important;font-weight:600;box-shadow:0 3px 10px rgba(0,122,255,.2)}
.register-nav-link:hover{filter:brightness(1.06)}
.account-register-link{margin-top:20px!important;font-size:13px}
.account-register-link a{color:var(--apple-blue);font-weight:600}
.account-register-link span{font-size:12px;color:var(--apple-muted)}
@media(max-width:720px){
 .server-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}
 .server-info-card{min-height:230px;padding:13px;border-radius:17px}
 .server-card-top{gap:6px;align-items:flex-start;flex-wrap:wrap}
 .server-info-card .mini-thumb{width:36px;height:36px;border-radius:11px}
 .server-info-card .server-status{font-size:10px;padding:4px 7px;max-width:calc(100% - 42px);white-space:normal}
 .server-card-name{font-size:14px;min-height:2.8em}
 .server-card-address{font-size:10px}
 .server-card-details{gap:7px}
 .server-card-details>div{padding:8px}
 .server-card-details b{font-size:11px}
 .server-card-player-count strong,.server-player-count strong{font-size:15px}
 .server-live-indicator{font-size:10px}
 .nav{gap:6px}
 .register-nav-link{padding:7px 10px!important}
}
@media(max-width:390px){
 .server-card-grid{grid-template-columns:minmax(0,1fr)}
 .server-info-card{min-height:0;padding:15px}
 .server-card-name{min-height:0}
 .server-card-address{min-height:0}
 .server-info-card .server-status{white-space:nowrap}
}


/* V3.12 — restrained Apple-inspired server cards and account entry */
/* Registration belongs in the login panel, never in the global navigation. */
.register-nav-link{display:none!important}
.login-register-area{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding:16px 17px;border:1px solid var(--apple-border);border-radius:18px;background:rgba(120,120,128,.055)}
.login-register-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.login-register-copy strong{font-size:13px;font-weight:650;color:var(--apple-text)}
.login-register-copy span{font-size:12px;line-height:1.5;color:var(--apple-muted)}
.login-register-button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;border-radius:12px;background:var(--apple-blue);color:#fff!important;font-size:12px;font-weight:650;text-decoration:none;box-shadow:0 2px 5px rgba(0,122,255,.14);transition:filter .18s ease,transform .18s ease}
.login-register-button:hover{filter:brightness(1.04);transform:translateY(-1px)}
.login-register-button.is-closed{background:rgba(120,120,128,.2);color:var(--apple-muted)!important;box-shadow:none}
.server-panel{border-radius:24px!important;overflow:hidden}
.server-card-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;padding:16px!important;align-items:stretch}
.server-info-card{position:relative;display:flex;flex-direction:column;gap:0;min-width:0;min-height:0!important;height:100%;padding:18px!important;border:1px solid var(--apple-border)!important;border-top:1px solid var(--apple-border)!important;border-radius:19px!important;background:var(--apple-surface)!important;box-shadow:0 2px 8px rgba(20,30,50,.035)!important;overflow:hidden;isolation:auto;transition:border-color .18s ease,box-shadow .18s ease!important}
.server-info-card:before,.server-info-card:after{display:none!important;content:none!important}
.server-info-card:hover{transform:none!important;border-color:rgba(0,122,255,.24)!important;box-shadow:0 5px 16px rgba(20,30,50,.065)!important}
.server-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:0!important;margin:0 0 15px!important}
.server-info-card .mini-thumb{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(0,122,255,.08)!important;color:var(--apple-blue);box-shadow:none!important;font-size:18px}
.server-info-card .server-status{display:inline-flex;align-items:center;gap:6px;max-width:70%;padding:6px 9px;border:1px solid var(--apple-border);border-radius:999px;background:rgba(120,120,128,.06);font-size:11px;line-height:1.2;color:var(--apple-muted);white-space:nowrap}
.server-info-card .server-status i{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#8e8e93}
.server-info-card.is-online .server-status{color:#248a45;background:rgba(48,209,88,.08);border-color:rgba(48,209,88,.18)}
.server-info-card.is-online .server-status i{background:#30d158}
.server-info-card.is-failed .server-status{color:#b85b52;background:rgba(255,69,58,.06);border-color:rgba(255,69,58,.16)}
.server-card-name{display:block!important;min-height:0!important;margin:0 0 5px!important;font-size:17px!important;font-weight:650!important;line-height:1.35!important;letter-spacing:-.35px!important;color:var(--apple-text)!important;overflow-wrap:anywhere}
.server-card-address{min-height:0!important;margin:0 0 17px!important;font-size:12px!important;line-height:1.5!important;color:var(--apple-muted)!important;overflow-wrap:anywhere;word-break:break-word}
.server-card-details{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:0!important}
.server-card-details>div{display:flex;flex-direction:column;gap:6px;min-width:0;min-height:58px;padding:11px 12px!important;border:0!important;border-radius:13px!important;background:rgba(120,120,128,.075)!important;overflow:hidden}
.server-card-details span{font-size:11px!important;line-height:1.2;color:var(--apple-muted)!important}
.server-card-details b{display:block;min-height:0!important;font-size:13px!important;font-weight:600!important;line-height:1.4!important;color:var(--apple-text)!important;overflow-wrap:anywhere;word-break:break-word}
.server-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px!important;padding-top:13px!important;border-top:1px solid var(--apple-border)!important}
.server-player-count{display:flex;align-items:baseline;gap:3px;min-width:0;color:var(--apple-text)}
.server-player-count strong{font-size:19px!important;font-weight:650;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.server-player-count small{font-size:11px;color:var(--apple-muted)}
.server-live-indicator{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--apple-muted);white-space:nowrap}
.server-live-indicator i{width:6px;height:6px;border-radius:50%;background:#8e8e93;box-shadow:none!important}
.server-info-card.is-online .server-live-indicator{color:#248a45}
.server-info-card.is-online .server-live-indicator i{background:#30d158;box-shadow:none!important}
.server-info-card.is-failed .server-live-indicator{color:#b85b52}
.server-info-card.is-failed .server-live-indicator i{background:#ff453a;box-shadow:none!important}
.server-card-error{margin:10px 0 0!important;font-size:11px;line-height:1.5;overflow-wrap:anywhere;word-break:break-word}
:root[data-theme="dark"] .server-info-card{background:var(--apple-surface)!important;box-shadow:0 2px 8px rgba(0,0,0,.13)!important}
:root[data-theme="dark"] .server-info-card:hover{box-shadow:0 5px 16px rgba(0,0,0,.2)!important}
:root[data-theme="dark"] .server-card-details>div{background:rgba(255,255,255,.055)!important}
:root[data-theme="dark"] .login-register-area{background:rgba(255,255,255,.04)}
@media(max-width:720px){
 .server-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:11px!important}
 .server-info-card{padding:13px!important;border-radius:16px!important}
 .server-card-top{align-items:center;gap:7px;margin-bottom:12px!important}
 .server-info-card .mini-thumb{width:32px;height:32px;border-radius:10px;font-size:15px}
 .server-info-card .server-status{max-width:calc(100% - 39px);font-size:10px;padding:5px 7px;white-space:normal}
 .server-card-name{font-size:14px!important;letter-spacing:-.2px!important}
 .server-card-address{font-size:10px!important;margin-bottom:13px!important}
 .server-card-details{gap:6px!important}
 .server-card-details>div{min-height:52px;padding:8px!important;border-radius:10px!important}
 .server-card-details span{font-size:10px!important}
 .server-card-details b{font-size:11px!important}
 .server-card-footer{gap:6px;margin-top:12px!important;padding-top:10px!important;align-items:flex-start}
 .server-player-count strong{font-size:16px!important}
 .server-player-count small,.server-live-indicator{font-size:10px}
 .login-register-area{align-items:flex-start;flex-direction:column;gap:12px}
 .login-register-button{width:100%;box-sizing:border-box}
}
@media(max-width:380px){
 .server-card-grid{grid-template-columns:minmax(0,1fr)!important}
 .server-info-card{padding:15px!important}
 .server-card-name{font-size:15px!important}
 .server-card-address{font-size:11px!important}
 .server-card-details>div{min-height:56px;padding:10px!important}
 .server-card-details b{font-size:12px!important}
 .server-card-footer{align-items:center}
}


/* V3.13 — compact in-game clock row, sourced from A2S_RULES */

/* V3.15 homepage: four category navigation cards, with announcements displayed separately below */
.section-nav-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 22px!important}
.section-nav-card{display:flex;align-items:center;gap:12px;min-width:0;min-height:104px;padding:18px;border:1px solid var(--apple-border);border-radius:20px;background:var(--apple-surface);box-shadow:var(--apple-shadow);color:var(--apple-text);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.section-nav-card:hover{transform:translateY(-2px);border-color:rgba(0,122,255,.38);box-shadow:0 14px 32px rgba(0,0,0,.09)}
.section-nav-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:14px;background:rgba(0,122,255,.10);color:var(--apple-blue);font-size:22px}
.section-nav-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.section-nav-copy strong{font-size:14px;line-height:1.35;font-weight:650;letter-spacing:-.2px}
.section-nav-copy small{font-size:11px;line-height:1.45;color:var(--apple-muted)}
.section-nav-arrow{align-self:flex-start;color:var(--apple-muted);font-size:16px;line-height:1}
.home-announcements{margin:0 0 22px!important;border-radius:22px;background:var(--apple-surface)!important;color:var(--apple-text)}
.home-announcements .panel-head{border-bottom:1px solid var(--apple-border)}
.announcement-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:26px;padding:8px 20px 10px}
.announcement-columns .announcement-item{min-width:0;padding:14px 4px;border-bottom:1px solid var(--apple-border);border-radius:10px;align-items:flex-start}
.announcement-columns .announcement-item:hover{background:rgba(0,122,255,.055)}
.announcement-columns .item-copy small{color:var(--apple-muted)}
.announcement-columns .item-copy time{display:block;margin-top:4px;font-size:10px;color:var(--apple-muted)}
.announcement-columns .announcement-item time{display:none}
@media(max-width:1050px){.section-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-nav-card{min-height:92px;padding:15px}}
@media(max-width:600px){.section-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px!important}.section-nav-card{min-height:88px;padding:12px;gap:9px;border-radius:16px}.section-nav-icon{flex-basis:36px;width:36px;height:36px;border-radius:11px;font-size:18px}.section-nav-copy strong{font-size:12px}.section-nav-copy small{font-size:10px}.section-nav-arrow{font-size:13px}.announcement-columns{grid-template-columns:minmax(0,1fr);padding:4px 14px 8px}.home-announcements{margin-bottom:15px!important}}
@media(prefers-reduced-motion:reduce){.section-nav-card{transition:none}}

/* V3.16 — spacious Apple-inspired community contact area and calmer homepage rhythm */
.content-shell{max-width:1180px;margin-top:clamp(30px,4vw,58px);margin-bottom:clamp(42px,6vw,82px)}
.section-nav-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:clamp(34px,5vw,66px)}
.section-nav-card{min-height:122px;padding:22px 20px;border-radius:24px;gap:14px;background:rgba(128,128,140,.055);border:1px solid rgba(128,128,140,.13);box-shadow:none;transition:transform .22s ease,background .22s ease,border-color .22s ease}
.section-nav-card:hover{transform:translateY(-3px);background:rgba(128,128,140,.09);border-color:rgba(128,128,140,.23)}
.section-nav-icon{width:42px;height:42px;border-radius:14px;box-shadow:none}
.section-nav-copy strong{font-size:14px;letter-spacing:-.02em}.section-nav-copy small{font-size:12px;line-height:1.55;margin-top:4px}
.home-announcements,.server-panel{margin-top:0;margin-bottom:clamp(28px,4vw,52px);border-radius:26px;box-shadow:none}
.panel-head{padding:21px 26px;min-height:70px}.panel-head h3{font-size:17px}.announcement-list{padding:0 26px}.announcement-item{padding:20px 0;min-height:84px}.item-copy strong{font-size:14px}.item-copy small{font-size:12px}.announcement-item time{font-size:11px}
.server-card-grid{gap:18px;padding:6px}.server-info-card{border-radius:24px;box-shadow:none;padding:22px;background:rgba(128,128,140,.045);border-color:rgba(128,128,140,.14)}
.contact-section{margin:clamp(38px,6vw,76px) 0 clamp(28px,4vw,50px);padding:clamp(28px,4vw,48px) clamp(20px,3.5vw,42px);border-radius:30px;background:rgba(128,128,140,.045);border:1px solid rgba(128,128,140,.12)}
.contact-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.contact-eyebrow{font-size:10px;letter-spacing:.18em;font-weight:700;color:#8e8e93}.contact-heading h2{margin:8px 0 7px;font-size:clamp(25px,3vw,34px);letter-spacing:-.045em;font-weight:650}.contact-heading p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.contact-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.contact-card{min-width:0;min-height:160px;display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:22px;border-radius:22px;background:var(--card-bg,rgba(128,128,140,.07));border:1px solid rgba(128,128,140,.13);color:inherit;text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease}.contact-card:hover{transform:translateY(-3px);background:rgba(128,128,140,.12);border-color:rgba(128,128,140,.24)}
.contact-card-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:rgba(0,122,255,.10);color:#0a84ff;font-size:18px;font-weight:650}.contact-card-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.contact-card-copy strong{font-size:16px;font-weight:650;letter-spacing:-.025em}.contact-card-copy small{font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}.contact-card-action{display:flex;gap:8px;align-items:center;margin-top:auto;font-size:12px;font-weight:600;color:#0a84ff}.contact-card-action b{font-size:15px;font-weight:500}
.footer{max-width:1180px;padding:28px 0 34px;gap:30px;color:var(--muted)}
:root[data-theme="light"] .section-nav-card,:root[data-theme="light"] .contact-section,:root[data-theme="light"] .contact-card,:root[data-theme="light"] .server-info-card{background:rgba(255,255,255,.68);border-color:rgba(60,60,67,.11)}
:root[data-theme="light"] .contact-card:hover,:root[data-theme="light"] .section-nav-card:hover{background:#fff;border-color:rgba(60,60,67,.18)}
:root[data-theme="dark"] .section-nav-card,:root[data-theme="dark"] .contact-section,:root[data-theme="dark"] .contact-card,:root[data-theme="dark"] .server-info-card{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.09)}
:root[data-theme="dark"] .contact-card:hover,:root[data-theme="dark"] .section-nav-card:hover{background:rgba(255,255,255,.065)}
@media(max-width:900px){.section-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.contact-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-card{min-height:150px}}
@media(max-width:560px){.content-shell{width:calc(100% - 28px);margin-top:22px}.section-nav-grid{gap:10px;margin-bottom:34px}.section-nav-card{min-height:112px;padding:16px;border-radius:19px;gap:10px}.section-nav-icon{width:36px;height:36px;border-radius:12px}.section-nav-copy strong{font-size:13px}.section-nav-copy small{font-size:11px}.home-announcements,.server-panel{border-radius:22px;margin-bottom:28px}.panel-head{padding:17px 18px}.announcement-list{padding:0 18px}.announcement-item{padding:17px 0}.contact-section{padding:24px 16px;margin:34px 0 28px;border-radius:24px}.contact-heading{margin-bottom:20px}.contact-heading p{font-size:12px}.contact-card-grid{grid-template-columns:1fr;gap:10px}.contact-card{min-height:0;padding:17px;display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;border-radius:18px}.contact-card-icon{grid-row:1 / span 2}.contact-card-copy{align-self:center}.contact-card-action{grid-column:2;margin-top:0}.footer{gap:14px}}


/* V3.17 — global restrained glass UI: translucency, whitespace, quiet borders */
:root{--glass-blur:24px;--glass-radius:22px;--glass-edge:rgba(255,255,255,.48);--space-section:clamp(28px,4.5vw,56px)}
html{scroll-behavior:smooth}
body{font-size:14px;line-height:1.65;letter-spacing:-.012em;transition:background-color .2s ease,color .2s ease}
:root[data-theme="light"] body{background:radial-gradient(ellipse at 50% -18%,rgba(210,224,245,.45),transparent 45%),#f5f5f7;color:#1d1d1f}
:root[data-theme="dark"] body{background:radial-gradient(ellipse at 50% -18%,rgba(70,79,100,.22),transparent 46%),#101114;color:#f5f5f7}
.nav-wrap{top:12px;padding:0 clamp(12px,3.2vw,44px)}
.nav{min-height:58px!important;padding:7px 12px!important;gap:clamp(7px,1.2vw,16px)!important;border-radius:20px!important;background:rgba(248,248,250,.72)!important;border:1px solid rgba(255,255,255,.68)!important;box-shadow:0 8px 28px rgba(20,24,35,.07),inset 0 1px 0 rgba(255,255,255,.72)!important;backdrop-filter:blur(30px) saturate(175%)!important;-webkit-backdrop-filter:blur(30px) saturate(175%)!important}
:root[data-theme="dark"] .nav{background:rgba(30,30,34,.72)!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 8px 28px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.06)!important}
.brand{color:var(--apple-text)!important;min-width:auto;font-size:11px;gap:8px}.brand b{font-size:15px}.brand-mark{width:34px;height:34px;border-radius:11px;box-shadow:none;background:linear-gradient(145deg,#8ec5ff,#4389ee)}
.nav-links{gap:2px}.nav-links a{padding:8px 12px;border-radius:12px;color:var(--apple-muted)!important;font-size:12px;box-shadow:none!important}.nav-links a:hover,.nav-links a.active{background:rgba(120,120,128,.10)!important;color:var(--apple-text)!important}
.search{height:35px;min-width:120px;flex-basis:190px;background:rgba(120,120,128,.075)!important;border-color:rgba(120,120,128,.13)!important;box-shadow:none!important}.search input{color:var(--apple-text)!important}.search input::placeholder{color:var(--apple-muted)!important}.login-link{color:var(--apple-blue)!important;font-size:12px}
.theme-toggle,.mobile-menu{width:34px;height:34px;border-radius:11px;background:rgba(120,120,128,.08)!important;border-color:var(--apple-border)!important;color:var(--apple-text)!important;box-shadow:none!important}
.hero{min-height:clamp(380px,44vw,520px);background-color:#1d2734}.hero:before{background:linear-gradient(90deg,rgba(9,14,22,.76) 0%,rgba(9,14,22,.44) 48%,rgba(9,14,22,.12) 100%),linear-gradient(0deg,rgba(12,16,23,.32),transparent 38%)}.hero-inner{width:min(1180px,88%);padding-top:clamp(112px,13vw,150px);padding-bottom:clamp(34px,5vw,58px);gap:clamp(20px,4vw,48px)}.hero-copy{max-width:600px}.eyebrow{letter-spacing:.16em;font-size:10px}.hero h1{font-size:clamp(36px,4.3vw,58px);letter-spacing:-.045em;font-weight:650}.hero h2{font-size:clamp(19px,2vw,25px);font-weight:550}.hero p{font-size:14px;line-height:1.85;max-width:520px;color:rgba(255,255,255,.82)}.button{border-radius:999px;padding:10px 17px;font-size:13px;box-shadow:none!important}.primary{background:#0a84ff!important;border-color:rgba(255,255,255,.2)!important}.secondary{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.2)!important;backdrop-filter:blur(18px)}
.glass,.panel,.admin-box,.stat,.listing-item,.article,.install-card,.admin-sidebar,.admin-top{backdrop-filter:blur(var(--glass-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);box-shadow:none}
:root[data-theme="light"] .panel,:root[data-theme="light"] .admin-box,:root[data-theme="light"] .stat,:root[data-theme="light"] .article,:root[data-theme="light"] .listing-item{background:rgba(255,255,255,.62)!important;border-color:rgba(60,60,67,.10)!important;box-shadow:0 4px 20px rgba(25,35,55,.025)!important}
:root[data-theme="dark"] .panel,:root[data-theme="dark"] .admin-box,:root[data-theme="dark"] .stat,:root[data-theme="dark"] .article,:root[data-theme="dark"] .listing-item{background:rgba(36,36,40,.60)!important;border-color:rgba(255,255,255,.09)!important;box-shadow:0 4px 22px rgba(0,0,0,.12)!important}
.content-shell{width:min(1180px,90%);margin-top:var(--space-section);margin-bottom:clamp(44px,7vw,88px)}
.section-nav-grid{gap:clamp(10px,1.5vw,18px);margin-bottom:var(--space-section)!important}.section-nav-card{min-height:108px;padding:19px!important;gap:12px;border-radius:20px!important;background:rgba(255,255,255,.42)!important;border:1px solid rgba(255,255,255,.68)!important;box-shadow:0 4px 18px rgba(30,40,60,.025),inset 0 1px 0 rgba(255,255,255,.65)!important;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);transition:background .18s ease,border-color .18s ease,transform .18s ease}.section-nav-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.68)!important;border-color:rgba(255,255,255,.85)!important}
:root[data-theme="dark"] .section-nav-card{background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.09)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important}:root[data-theme="dark"] .section-nav-card:hover{background:rgba(255,255,255,.075)!important;border-color:rgba(255,255,255,.15)!important}
.section-nav-icon{width:38px;height:38px;border-radius:12px;box-shadow:none!important;background:rgba(10,132,255,.09)!important;color:#0a84ff!important}.section-nav-copy strong{font-size:13px;font-weight:620}.section-nav-copy small{font-size:11px;color:var(--apple-muted)!important;line-height:1.55}.section-nav-arrow{opacity:.6}
.home-announcements,.server-panel{margin-bottom:var(--space-section)!important;border-radius:24px!important;overflow:hidden}.panel-head{min-height:62px;padding:18px 24px!important;background:transparent!important;border-bottom:1px solid var(--apple-border)!important}.panel-head h3{font-size:16px;font-weight:620}.head-icon{width:28px;height:28px;border-radius:9px;background:rgba(10,132,255,.09)!important;color:#0a84ff!important}.panel-head>a{font-size:12px;color:var(--apple-blue)!important}.announcement-list{padding:0 24px!important}.announcement-columns{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}.announcement-columns .announcement-item{padding:18px 2px!important;min-height:76px;border-bottom:1px solid var(--apple-border)!important;border-radius:0!important}.announcement-columns .announcement-item:hover{background:transparent!important}.announcement-columns .item-copy strong{font-size:13px;font-weight:550}.announcement-columns .item-copy small{font-size:11px;line-height:1.6;color:var(--apple-muted)!important}.announcement-dot{box-shadow:none!important}
.server-card-grid{gap:14px!important;padding:18px!important}.server-info-card{border-radius:20px!important;padding:19px!important;background:rgba(255,255,255,.42)!important;border:1px solid rgba(255,255,255,.68)!important;box-shadow:0 4px 18px rgba(30,40,60,.025),inset 0 1px 0 rgba(255,255,255,.6)!important;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}.server-info-card:hover{transform:translateY(-2px)!important;box-shadow:0 8px 24px rgba(30,40,60,.06)!important}.server-card-details>div{background:rgba(120,120,128,.055)!important;border-color:rgba(120,120,128,.08)!important;border-radius:12px!important}.server-card-footer{border-top-color:var(--apple-border)!important}
:root[data-theme="dark"] .server-info-card{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.09)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important}:root[data-theme="dark"] .server-info-card:hover{background:rgba(255,255,255,.055)!important;box-shadow:0 8px 24px rgba(0,0,0,.16)!important}
.contact-section{margin:var(--space-section) 0!important;padding:clamp(22px,3.2vw,36px)!important;border-radius:24px!important;background:rgba(255,255,255,.32)!important;border:1px solid rgba(255,255,255,.62)!important;box-shadow:none!important;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}:root[data-theme="dark"] .contact-section{background:rgba(255,255,255,.025)!important;border-color:rgba(255,255,255,.08)!important}.contact-heading{margin-bottom:22px!important}.contact-heading h2{font-size:clamp(24px,2.8vw,31px)!important;font-weight:620!important;letter-spacing:-.04em!important}.contact-heading p{font-size:13px!important;color:var(--apple-muted)!important}.contact-card-grid{gap:12px!important}.contact-card{min-height:136px!important;padding:19px!important;border-radius:18px!important;background:rgba(255,255,255,.52)!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 3px 14px rgba(25,35,55,.025)!important;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);gap:14px!important}.contact-card:hover{transform:translateY(-2px)!important;background:rgba(255,255,255,.78)!important;border-color:rgba(255,255,255,.9)!important}.contact-card-icon{width:34px!important;height:34px!important;border-radius:11px!important;background:rgba(10,132,255,.09)!important;color:#0a84ff!important;font-size:16px!important}.contact-card-copy strong{font-size:14px!important;font-weight:600!important}.contact-card-copy small{font-size:11px!important;color:var(--apple-muted)!important}.contact-card-action{font-size:11px!important}
:root[data-theme="dark"] .contact-card{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.09)!important;box-shadow:none!important}:root[data-theme="dark"] .contact-card:hover{background:rgba(255,255,255,.065)!important;border-color:rgba(255,255,255,.14)!important}
.footer{width:min(1180px,90%);padding:24px 0 32px!important;gap:24px!important;border-top-color:var(--apple-border)!important;color:var(--apple-muted)!important;font-size:11px}.footer-brand{color:var(--apple-text)!important;font-weight:600}.footer-links{gap:18px}.footer-links a:hover{color:var(--apple-blue)}
.article-shell{width:min(920px,90%);margin:110px auto 64px!important}.article-shell .article{border-radius:24px!important;padding:clamp(22px,4vw,42px)!important}.article-shell .article h1{font-size:clamp(28px,4vw,40px);letter-spacing:-.04em;line-height:1.25}.listing{gap:12px}.listing-item{border-radius:18px!important;padding:20px!important;transition:background .18s ease,border-color .18s ease}.listing-item:hover{transform:none!important;border-color:rgba(10,132,255,.24)!important}.install-body{background:radial-gradient(ellipse at top,rgba(190,208,235,.38),transparent 50%),var(--apple-bg)!important;color:var(--apple-text)!important}.install-card{background:rgba(255,255,255,.64)!important;border:1px solid rgba(255,255,255,.8)!important;border-radius:24px!important;box-shadow:0 12px 42px rgba(20,30,50,.06)!important;color:var(--apple-text)!important}.form-grid label{color:var(--apple-muted)!important}.form-grid input,.form-grid textarea,.form-grid select{background:rgba(120,120,128,.07)!important;border-color:var(--apple-border)!important;color:var(--apple-text)!important;border-radius:12px!important}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:rgba(10,132,255,.55)!important;box-shadow:0 0 0 3px rgba(10,132,255,.10)!important}.form-grid select option{background:var(--apple-card);color:var(--apple-text)}
.admin-body{background:var(--apple-bg)!important;color:var(--apple-text)!important}.admin-top{background:var(--apple-glass)!important;border-color:var(--apple-border)!important;box-shadow:none!important}.admin-sidebar{background:var(--apple-surface)!important;border:1px solid var(--apple-border)!important;border-radius:20px!important;box-shadow:none!important}.admin-sidebar a{color:var(--apple-muted)!important;border-radius:12px!important}.admin-sidebar a:hover,.admin-sidebar a.selected{background:rgba(10,132,255,.09)!important;color:var(--apple-blue)!important}.admin-main .admin-box,.admin-main .stat{border-radius:18px!important}.admin-main input:not([type=checkbox]),.admin-main textarea,.admin-main select{border-radius:11px!important}.admin-main table{border-color:var(--apple-border)!important}.admin-main th{background:rgba(120,120,128,.055)!important;color:var(--apple-muted)!important}.admin-main td{color:var(--apple-text)}
@media(max-width:1050px){.section-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-nav-card{min-height:100px}.hero-inner{width:90%}}
@media(max-width:720px){.nav-wrap{top:8px;padding:0 10px}.nav{border-radius:17px!important}.brand b{font-size:14px}.nav-links{top:62px!important;left:10px!important;right:10px!important;background:rgba(248,248,250,.86)!important;border:1px solid var(--apple-border)!important;border-radius:18px!important;box-shadow:0 12px 34px rgba(20,24,35,.1)!important;backdrop-filter:blur(30px) saturate(180%)!important}.nav-links a{color:var(--apple-text)!important}.nav-links a:hover,.nav-links a.active{background:rgba(120,120,128,.10)!important}:root[data-theme="dark"] .nav-links{background:rgba(30,30,34,.9)!important}:root[data-theme="dark"] .nav-links a{color:var(--apple-text)!important}.hero{min-height:560px}.hero-inner{padding-top:112px;gap:22px}.hero-copy{padding-bottom:0}.live-card{border-radius:20px!important}.content-shell{width:calc(100% - 28px);margin-top:28px}.section-nav-grid{gap:10px;margin-bottom:34px!important}.section-nav-card{min-height:96px;padding:14px!important;border-radius:17px!important;gap:9px}.section-nav-icon{width:34px;height:34px;border-radius:10px}.section-nav-copy strong{font-size:12px}.section-nav-copy small{font-size:10px}.home-announcements,.server-panel{border-radius:20px!important;margin-bottom:34px!important}.panel-head{padding:16px 17px!important}.announcement-list{padding:0 17px!important}.announcement-columns{grid-template-columns:1fr;column-gap:0}.announcement-columns .announcement-item{padding:15px 0!important}.server-card-grid{padding:12px!important;gap:10px!important}.server-info-card{padding:15px!important;border-radius:17px!important}.contact-section{padding:22px 15px!important;margin:34px 0!important;border-radius:20px!important}.contact-heading{margin-bottom:18px!important}.contact-heading p{font-size:12px!important}.contact-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.contact-card{min-height:124px!important;padding:14px!important;display:flex!important;gap:10px!important;border-radius:15px!important}.contact-card-icon{width:31px!important;height:31px!important}.contact-card-copy strong{font-size:12px!important}.contact-card-copy small{font-size:10px!important}.contact-card-action{font-size:10px!important}.footer{width:calc(100% - 30px);gap:12px!important}.footer-links{gap:12px}.article-shell{width:calc(100% - 28px);margin-top:92px!important}.article-shell .article{padding:22px!important}.admin-layout{gap:14px}.admin-sidebar{gap:3px}}
@media(max-width:380px){.contact-card-grid{grid-template-columns:1fr!important}.contact-card{min-height:0!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:10px!important}.contact-card-icon{grid-row:1 / span 2}.contact-card-action{grid-column:2;margin-top:0}.section-nav-card{padding:12px!important}.section-nav-copy small{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}


/* V3.18 — quieter Apple-inspired spacing, image treatment and phone server layout */
:root{--space-section:clamp(34px,5.2vw,62px)}
.content-shell{padding-bottom:clamp(28px,5vw,60px)}
.home-announcements,.server-panel,.category-card,.contact-section{position:relative;isolation:isolate}
.home-announcements,.server-panel,.category-card{margin-bottom:clamp(36px,5vw,60px)!important}
.panel-head{padding:22px clamp(20px,3vw,30px)!important}
.announcement-list{padding:0 clamp(20px,3vw,30px)!important}
.announcement-columns .announcement-item{padding-top:21px!important;padding-bottom:21px!important}
.section-nav-grid{gap:clamp(12px,1.8vw,20px)!important;margin-bottom:clamp(42px,6vw,68px)!important}
.section-nav-card{min-height:126px;padding:clamp(18px,2.4vw,26px)!important;border-radius:24px!important;background:rgba(255,255,255,.38)!important;border-color:rgba(255,255,255,.72)!important;box-shadow:0 5px 22px rgba(28,42,66,.035),inset 0 1px 0 rgba(255,255,255,.7)!important;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}
.section-nav-card:after{content:"";position:absolute;right:17px;top:16px;width:34px;height:34px;border-top:1px solid rgba(10,132,255,.15);border-right:1px solid rgba(10,132,255,.15);border-radius:0 13px 0 0;pointer-events:none}
.section-nav-card{position:relative;overflow:hidden}
.section-nav-card:hover{transform:translateY(-2px)!important;box-shadow:0 12px 30px rgba(28,42,66,.06),inset 0 1px 0 rgba(255,255,255,.75)!important}
:root[data-theme="dark"] .section-nav-card{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.09)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important}
:root[data-theme="dark"] .section-nav-card:after{border-color:rgba(10,132,255,.24)}
.contact-section{overflow:hidden!important;background:linear-gradient(135deg,rgba(255,255,255,.48),rgba(235,243,255,.24))!important}
.contact-section:before{content:"";position:absolute;z-index:-1;right:-74px;top:-104px;width:270px;height:270px;border-radius:50%;border:1px solid rgba(10,132,255,.10);box-shadow:0 0 0 24px rgba(10,132,255,.018),0 0 0 52px rgba(10,132,255,.014);pointer-events:none}
.contact-section:after{content:"";position:absolute;z-index:-1;left:-40px;bottom:-110px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(10,132,255,.075),transparent 70%);pointer-events:none}
:root[data-theme="dark"] .contact-section{background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(60,90,130,.045))!important}
.contact-card{position:relative;overflow:hidden!important;min-height:145px!important;padding:clamp(18px,2.3vw,24px)!important;border-radius:21px!important;background:rgba(255,255,255,.60)!important;border-color:rgba(255,255,255,.82)!important;box-shadow:0 5px 20px rgba(25,35,55,.035),inset 0 1px 0 rgba(255,255,255,.8)!important}
.contact-card:after{content:"";position:absolute;right:-22px;bottom:-29px;width:94px;height:94px;border-radius:50%;border:1px solid rgba(10,132,255,.09);pointer-events:none}
.contact-card:hover{transform:translateY(-2px)!important;box-shadow:0 12px 28px rgba(25,35,55,.055),inset 0 1px 0 rgba(255,255,255,.85)!important}
:root[data-theme="dark"] .contact-card{background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.10)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important}
/* All editorial imagery uses the same quiet, rounded glass-card language. */
img{max-width:100%;height:auto;border-radius:18px;border:1px solid rgba(128,128,140,.16);background:rgba(128,128,140,.045);box-shadow:0 5px 20px rgba(25,35,55,.045);object-fit:cover}
.article-cover{display:block;width:100%;max-height:520px;aspect-ratio:16/7;margin:26px 0 30px;border-radius:24px;border:1px solid rgba(255,255,255,.72);box-shadow:0 10px 34px rgba(25,35,55,.07)}
.listing-item img{width:148px;max-width:32%;height:104px;flex-shrink:0;object-fit:cover;border-radius:17px;border:1px solid rgba(255,255,255,.78);box-shadow:0 4px 18px rgba(25,35,55,.045)}
:root[data-theme="dark"] img{border-color:rgba(255,255,255,.10);box-shadow:0 5px 20px rgba(0,0,0,.14)}
:root[data-theme="dark"] .article-cover,:root[data-theme="dark"] .listing-item img{border-color:rgba(255,255,255,.12)}
.article-shell .article{padding:clamp(26px,5vw,54px)!important}
.article-shell .article .markdown{line-height:1.95}
.listing{gap:16px!important}
.listing-item{padding:clamp(16px,2.5vw,24px)!important;border-radius:22px!important;background:rgba(255,255,255,.40)!important;border-color:rgba(255,255,255,.72)!important;box-shadow:0 4px 20px rgba(25,35,55,.025)!important}
:root[data-theme="dark"] .listing-item{background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.09)!important}
.server-card-grid{gap:18px!important;padding:clamp(16px,2.5vw,26px)!important}
.server-info-card{padding:clamp(20px,2.6vw,26px)!important;border-radius:23px!important;background:rgba(255,255,255,.48)!important;border-color:rgba(255,255,255,.76)!important;box-shadow:0 5px 22px rgba(30,40,60,.035),inset 0 1px 0 rgba(255,255,255,.65)!important}
.server-card-details{gap:10px!important}
.server-card-details>div{min-height:64px!important;padding:13px 14px!important;border-radius:14px!important}
:root[data-theme="dark"] .server-info-card{background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.10)!important}
/* Phone-only single column. Tablets (601px and wider) retain the two-column server grid. */
@media(max-width:600px){
 .content-shell{width:calc(100% - 32px)!important;margin-top:32px!important}
 .hero-inner{width:calc(100% - 36px)!important;padding-top:112px!important;padding-bottom:34px!important}
 .section-nav-grid{gap:12px!important;margin-bottom:42px!important}
 .section-nav-card{min-height:112px!important;padding:17px!important;border-radius:20px!important}
 .home-announcements,.server-panel,.category-card{margin-bottom:42px!important;border-radius:22px!important}
 .panel-head{padding:19px 20px!important}
 .announcement-list{padding:0 20px!important}
 .server-card-grid{grid-template-columns:minmax(0,1fr)!important;gap:15px!important;padding:16px!important}
 .server-info-card{padding:21px!important;border-radius:21px!important}
 .server-card-top{margin-bottom:15px!important}
 .server-card-name{font-size:16px!important}
 .server-card-address{font-size:12px!important;margin-bottom:18px!important}
 .server-card-details{gap:9px!important}
 .server-card-details>div{min-height:62px!important;padding:12px!important;border-radius:13px!important}
 .server-card-details span{font-size:11px!important}
 .server-card-details b{font-size:13px!important}
 .server-card-footer{margin-top:16px!important;padding-top:14px!important;align-items:center!important}
 .contact-section{margin:42px 0!important;padding:25px 18px!important;border-radius:23px!important}
 .contact-card-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 .contact-card{min-height:0!important;padding:19px!important;border-radius:19px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:12px!important}
 .contact-card-icon{grid-row:1 / span 2!important;width:36px!important;height:36px!important}
 .contact-card-copy{align-self:center}
 .contact-card-action{grid-column:2!important;margin-top:0!important}
 .article-shell{width:calc(100% - 32px)!important;margin-top:96px!important}
 .article-shell .article{padding:24px!important;border-radius:22px!important}
 .article-cover{aspect-ratio:4/3;margin:22px 0 25px;border-radius:20px}
 .listing-item img{width:100%;max-width:100%;height:auto;aspect-ratio:16/9;margin-bottom:14px}
 .listing-item{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:12px!important}
 .listing-item:has(img){grid-template-columns:minmax(0,1fr) auto}
 .listing-item:has(img) img{grid-column:1/-1}
}
@media(min-width:601px) and (max-width:1050px){.server-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.server-info-card{padding:18px!important}.contact-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){.contact-card,.section-nav-card,.server-info-card{transition:none!important}}