body{background-color:#111;display:flex;flex-direction:column;align-items:center;min-height:100vh;margin:0;padding:40px 20px;box-sizing:border-box;font-family:monospace}h1{color:#e0e0e0;margin:0 0 10px}.links{color:#8996a3;margin:0 0 20px}.links a{color:#7dd3fc}.tabs{display:flex;gap:8px;margin-bottom:20px}.tab{background:#1a1a2e;color:#8996a3;border:1px solid #2a2a4e;border-radius:6px;padding:8px 20px;font-family:monospace;font-size:14px;cursor:pointer;transition:background .15s,color .15s}.tab:hover{background:#252545;color:#e0e0e0}.tab.active{background:#2a2a5e;color:#7dd3fc;border-color:#7dd3fc}#code{background:#1a1a2e;color:#e0e0e0;padding:20px;border-radius:8px;max-width:800px;width:100%;box-sizing:border-box;margin-top:20px;overflow-x:auto;font-size:14px;line-height:1.5;--sh-class: #e879f9;--sh-identifier: #e0e0e0;--sh-sign: #8996a3;--sh-property: #7dd3fc;--sh-entity: #f9a8d4;--sh-jsxliterals: #9abdf5;--sh-string: #a5d6a7;--sh-keyword: #c792ea;--sh-comment: #6b7280;--sh-break: #e0e0e0}