@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg: #0a0604;--text: #f4f4f6;--text-2: #bcbcc4;--text-3: #7a7a82;--accent: #ff8c42;--accent-hover: #ff6f1f;--accent-soft: rgba(255, 140, 66, .14);--green: #34c759;--red: #ff453a;--orange: #ff9f0a;--border: rgba(255, 140, 66, .13);--border-strong: rgba(255, 140, 66, .35)}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}html,body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Inter,SF Pro Text,system-ui,sans-serif}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 1100px 800px at 100% -10%,rgba(255,107,30,.32) 0%,transparent 55%),radial-gradient(ellipse 800px 900px at -10% 50%,rgba(255,140,40,.2) 0%,transparent 55%),radial-gradient(ellipse 900px 700px at 50% 110%,rgba(255,170,80,.16) 0%,transparent 55%),radial-gradient(ellipse 700px 600px at 50% 30%,rgba(255,140,66,.08) 0%,transparent 60%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.65;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1200' height='800' viewBox='0 0 1200 800'><g stroke='%23ff8c42' stroke-width='0.7' fill='none' opacity='0.55'><line x1='100' y1='150' x2='280' y2='90'/><line x1='280' y1='90' x2='420' y2='220'/><line x1='420' y1='220' x2='620' y2='180'/><line x1='620' y1='180' x2='780' y2='320'/><line x1='780' y1='320' x2='950' y2='240'/><line x1='950' y1='240' x2='1120' y2='380'/><line x1='150' y1='480' x2='320' y2='520'/><line x1='320' y1='520' x2='480' y2='430'/><line x1='480' y1='430' x2='640' y2='560'/><line x1='640' y1='560' x2='820' y2='510'/><line x1='820' y1='510' x2='1020' y2='620'/><line x1='80' y1='720' x2='240' y2='680'/><line x1='240' y1='680' x2='400' y2='760'/><line x1='400' y1='760' x2='560' y2='710'/><line x1='560' y1='710' x2='760' y2='770'/><line x1='760' y1='770' x2='920' y2='700'/></g><g fill='%23ff8c42' opacity='0.85'><circle cx='100' cy='150' r='1.8'/><circle cx='280' cy='90' r='1.5'/><circle cx='420' cy='220' r='1.8'/><circle cx='620' cy='180' r='1.6'/><circle cx='780' cy='320' r='1.9'/><circle cx='950' cy='240' r='1.5'/><circle cx='1120' cy='380' r='1.8'/><circle cx='150' cy='480' r='1.6'/><circle cx='320' cy='520' r='1.9'/><circle cx='480' cy='430' r='1.5'/><circle cx='640' cy='560' r='1.8'/><circle cx='820' cy='510' r='1.8'/><circle cx='1020' cy='620' r='1.5'/><circle cx='80' cy='720' r='1.9'/><circle cx='240' cy='680' r='1.5'/><circle cx='400' cy='760' r='1.8'/><circle cx='560' cy='710' r='1.6'/><circle cx='760' cy='770' r='1.8'/><circle cx='920' cy='700' r='1.5'/></g><g fill='%23ffd699' opacity='0.5'><circle cx='200' cy='300' r='0.9'/><circle cx='550' cy='80' r='0.8'/><circle cx='720' cy='450' r='1.0'/><circle cx='890' cy='150' r='0.9'/><circle cx='370' cy='620' r='0.8'/><circle cx='1080' cy='180' r='1.0'/><circle cx='40' cy='400' r='0.9'/><circle cx='1140' cy='520' r='0.8'/><circle cx='600' cy='300' r='0.7'/><circle cx='850' cy='620' r='0.8'/><circle cx='130' cy='580' r='0.9'/><circle cx='1010' cy='100' r='0.7'/></g></svg>");background-size:1200px 800px;background-repeat:repeat}#root>*{position:relative;z-index:1}.container{max-width:640px;margin:0 auto;padding:16px 20px 96px}.appbar{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,rgba(10,6,4,.92) 0%,rgba(10,6,4,.6) 80%,transparent 100%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:14px 20px 10px;display:flex;align-items:center;justify-content:center}.appbar img{height:36px;width:auto;display:block;filter:drop-shadow(0 0 14px rgba(255,140,66,.45))}.watermark{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:url(/logo-mark.png) center 38% / 70vmin auto no-repeat;opacity:.05;mix-blend-mode:screen}.mono{font-family:JetBrains Mono,ui-monospace,monospace}h1,h2,h3{margin:0;font-weight:700}h1{font-size:28px;text-shadow:0 0 30px rgba(255,140,66,.3)}h2{font-size:20px}h3{font-size:16px}.card{background:linear-gradient(135deg,#ff8c420a,#140a048c 60%);border:1px solid var(--border);border-radius:14px;padding:16px;transition:all .2s;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:0 1px #ffffff08 inset,0 8px 24px #00000040}.card.clickable{cursor:pointer}.card.clickable:hover{border-color:var(--border-strong);background:linear-gradient(135deg,#ff8c4212,#28140899 60%);box-shadow:0 1px #ff8c421f inset,0 12px 30px #ff6b1e1f}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--accent);color:#1a0d00;font-weight:700;font-size:14px;border-radius:10px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:all .15s;box-shadow:0 4px 14px #ff8c4240}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 8px 24px #ff8c4273}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary.stretched{width:100%}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;background:#140a0480;color:var(--text);font-weight:500;font-size:13px;border-radius:10px;border:1px solid var(--border);cursor:pointer;text-decoration:none;transition:all .15s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-ghost:hover{background:#ff8c421a;border-color:var(--border-strong);color:var(--accent)}.btn-mini{padding:6px 10px;background:#140a0480;border:1px solid var(--border);border-radius:8px;color:var(--text-2);font-size:12px;font-weight:500;transition:all .15s;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-mini:hover{color:var(--accent);border-color:var(--border-strong);background:#ff8c4214}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.pill-green{background:#34c75929;color:var(--green)}.pill-red{background:#ff453a29;color:var(--red)}.pill-orange{background:#ff9f0a29;color:var(--orange)}.pill-gray{background:#ffffff14;color:var(--text-2)}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.bar{height:6px;background:#ffffff14;border-radius:999px;overflow:hidden}.bar>div{height:100%;background:linear-gradient(90deg,var(--accent) 0%,#ffb574 100%);border-radius:999px;box-shadow:0 0 10px #ff8c4280}.h-section{font-size:13px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px}.url-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#00000059;border:1px solid var(--border);border-radius:10px;transition:border-color .15s}.url-row:hover{border-color:var(--border-strong)}.url-tag{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;background:var(--accent-soft);color:var(--accent);white-space:nowrap;border:1px solid rgba(255,140,66,.3)}.url-input{flex:1;min-width:0;background:transparent;border:0;outline:0;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-2);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}input[readonly]{user-select:all;-webkit-user-select:all}.server-item{display:flex;align-items:center;gap:12px;padding:14px;background:linear-gradient(135deg,#ff8c4208,#140a0480 60%);border:1px solid var(--border);border-radius:12px;transition:all .15s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.server-item:hover{border-color:var(--border-strong);background:linear-gradient(135deg,#ff8c4212,#2814088c 60%)}.server-num{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;color:var(--accent);flex-shrink:0;min-width:24px}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade{animation:fadeUp .4s ease-out backwards}.text-xs{font-size:12px}.text-sm{font-size:13px}.text-md{font-size:15px}.text-lg{font-size:18px}.text-xl{font-size:22px}.text-2xl{font-size:28px}.muted{color:var(--text-3)}.muted-2{color:var(--text-2)}.accent{color:var(--accent)}.red{color:var(--red)}.orange{color:var(--orange)}.green{color:var(--green)}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex-wrap{flex-wrap:wrap}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.space-y-2>*+*{margin-top:8px}.space-y-3>*+*{margin-top:12px}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;background:#140a04d9;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);padding:8px 4px calc(8px + env(safe-area-inset-bottom))}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;color:var(--text-3);font-size:11px;font-weight:500;text-decoration:none;border-radius:8px;transition:color .15s}.tabbar a.active,.tabbar a:hover{color:var(--accent)}