:root{font-family:SF Pro Text,SF Pro Display,-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #f5f5f7;--surface: #ffffff;--surface-muted: #fafafc;--border: rgba(0, 0, 0, .08);--text: #1d1d1f;--muted: #6e6e73;--accent: #0066cc;--accent-rgb: 0, 102, 204;--accent-soft: rgba(0, 102, 204, .12);--danger: #cf222e;--shadow: 0 1px 2px rgba(0, 0, 0, .04)}:root[data-theme=dark]{--bg: #000000;--surface: #161617;--surface-muted: #1d1d1f;--border: rgba(255, 255, 255, .12);--text: #f5f5f7;--muted: #9b9ba1;--accent: #2997ff;--accent-rgb: 41, 151, 255;--accent-soft: rgba(41, 151, 255, .22);--danger: #ff6363;--shadow: 0 1px 0 rgba(255, 255, 255, .03)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);transition:background-color .2s ease,color .2s ease}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.button{border:1px solid transparent;border-radius:999px;min-height:34px;padding:7px 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;transition:background-color .16s ease,transform .12s ease}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button--ghost{border-color:var(--border);background:var(--surface-muted);color:var(--text)}.button--icon{min-width:34px;padding-inline:10px}.button:focus-visible{outline:2px solid rgba(var(--accent-rgb),.42);outline-offset:2px}.hub-page{min-height:100vh;max-width:860px;margin:0 auto;padding:18px 12px 28px}.hero,.tool-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.hero{padding:16px}.hero__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.eyebrow{margin:0;font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.hero h1{margin:10px 0 0;font-size:clamp(28px,4.5vw,40px);line-height:1.1;letter-spacing:-.03em}.hero>p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.hub-main{margin-top:10px;display:grid;gap:8px}.tool-item{padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.tool-item__left h2{margin:0;font-size:16px;letter-spacing:-.01em}.tool-item__left p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.hub-note{margin:4px 2px 0;color:var(--muted);font-size:12px}@media(max-width:680px){.tool-item{align-items:flex-start;flex-direction:column}}