:root{--bg: #0f172a;--card: #1e293b;--card-hover: #273449;--text: #f8fafc;--muted: #cbd5e1;--accent: #2dd4bf;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;-webkit-text-size-adjust:100%}.hub{max-width:560px;margin:0 auto;padding:calc(24px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}.hub__title{margin:8px 0 4px;font-size:1.6rem;line-height:1.3}.hub__lead{margin:0 0 24px;color:var(--muted);font-size:1.05rem}.hub__list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.hub__card{display:flex;flex-direction:column;gap:6px;min-height:72px;padding:18px 20px;border-radius:16px;background:var(--card);color:var(--text);text-decoration:none;border:1px solid transparent;-webkit-tap-highlight-color:transparent}.hub__card:hover,.hub__card:focus-visible{background:var(--card-hover);border-color:var(--accent);outline:none}.hub__card-name{font-size:1.2rem;font-weight:700}.hub__card-line{color:var(--muted);font-size:1rem;line-height:1.45}.hub__note{margin:24px 0 0;color:var(--muted);font-size:.95rem}