:root{--ink: #1a1714;--ink-muted: #5c534a;--paper: #e8dfd0;--paper-deep: #cbb89a;--field: #2f4a3a;--field-bright: #3d6b4f;--accent: #b33a2b;--accent-hover: #8f2e22;--line: rgba(26, 23, 20, .18);--panel: rgba(232, 223, 208, .88);--shadow: 0 18px 50px rgba(20, 16, 10, .28);--font-display: "Noto Serif SC", "Songti SC", serif;--font-body: "Source Sans 3", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--shell-pad: clamp(1.25rem, 4vw, 2.5rem)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 90% 70% at 15% 10%,rgba(61,107,79,.35),transparent 55%),radial-gradient(ellipse 70% 60% at 90% 80%,rgba(179,58,43,.18),transparent 50%),linear-gradient(165deg,#1e2a22,#314a3a 42%,#1a221c)}body{font-family:var(--font-body);color:var(--ink);background:transparent}button,input,select{font:inherit}button{cursor:pointer}.app-shell{height:100%;width:100%;display:grid;place-items:center;padding:var(--shell-pad);overflow:hidden}.title-screen{width:min(520px,100%);max-height:calc(100% - .01px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);padding:clamp(1.5rem,4vw,2.25rem);animation:rise .55s ease-out both;scrollbar-gutter:stable}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.brand{font-family:var(--font-display);font-size:clamp(2.4rem,8vw,3.4rem);font-weight:700;letter-spacing:.08em;line-height:1.1;margin:0 0 .35rem;color:var(--ink)}.tagline{margin:0 0 1.75rem;color:var(--ink-muted);font-size:.98rem}.field{display:grid;gap:.35rem;margin-bottom:1rem}.field label{font-size:.78rem;letter-spacing:.06em;color:var(--ink-muted)}.field input,.field select{border:1px solid var(--line);background:#fffcf6e6;color:var(--ink);padding:.65rem .75rem;outline:none}.field input:focus,.field select:focus{border-color:var(--field-bright);box-shadow:0 0 0 3px #3d6b4f33}.section{border-top:1px solid var(--line);padding-top:1.1rem;margin-top:.4rem;animation:fade-in .45s ease both}.section:nth-of-type(2){animation-delay:.08s}.section:nth-of-type(3){animation-delay:.14s}.section:nth-of-type(4){animation-delay:.2s}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.section h2{font-family:var(--font-display);font-size:1.15rem;margin:0 0 .75rem;font-weight:500}.row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.row>.grow{flex:1 1 140px}.btn{border:none;padding:.7rem 1.1rem;background:var(--field);color:#f4efe6;letter-spacing:.04em;transition:background .15s ease,transform .15s ease}.btn:hover:not(:disabled){background:var(--field-bright);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-accent{background:var(--accent)}.btn-accent:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover:not(:disabled){background:#1a17140f;transform:none}.check{display:flex;align-items:center;gap:.45rem;font-size:.92rem;color:var(--ink-muted)}.status{margin-top:1rem;min-height:1.4rem;font-size:.9rem;color:var(--ink-muted)}.status.error{color:var(--accent)}.status.ok{color:var(--field)}.conn{display:flex;justify-content:space-between;gap:.75rem;margin-bottom:1.25rem;font-size:.82rem;color:var(--ink-muted)}.build-version{font-variant-numeric:tabular-nums;letter-spacing:.02em;opacity:.9}.dot{width:.55rem;height:.55rem;border-radius:50%;display:inline-block;margin-right:.4rem;background:#9a9084}.dot.live{background:var(--field-bright);box-shadow:0 0 0 3px #3d6b4f40;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #3d6b4f2e}50%{box-shadow:0 0 0 5px #3d6b4f14}}@media(max-width:480px){.title-screen{padding:1.25rem}}