:root {
    --bg-primary: #0a0a1a;
    --bg-secondary: #1a1a2e;
    --text-primary: #e0e0ff;
    --text-secondary: #a0a0c0;
    --color-link: #c0c0ff;
    --border-color: #333;
}

body {
    font-family: 'Nasalization Rg', sans-serif;
    background-color: var(--bg-primary);
    color: var(--text-primary);
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    cursor: none;
}
body.light {
    --bg-primary: #f5f5f5;
    --bg-secondary: #ffffff;
    --text-primary: #1a1a1a;
    --text-secondary: #555555;
    --color-link: #185FA5;
    --border-color: #ddd;
}
body.light .page-header,
body.light .footer {
    border-color: var(--border-color);
}
body.light .page-header a,
body.light .footer a {
    color: var(--color-link);
}
body.light .content h2 {
    color: #185FA5;
}
.banner {
    background-image: url('imgs/fx2_space_cover.jpeg');
    background-size: cover;
    background-position: center;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.9);
    position: relative;
}
.banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(10, 10, 26, 0.6);
}
.banner h1 {
    font-size: 4rem;
    font-weight: bold;
    position: relative;
    z-index: 1;
}
.content {
    padding: 20px;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.content h2 {
    color: var(--text-primary);
    font-size: 2.5rem;
    margin-bottom: 20px;
}
.content p {
    color: var(--text-secondary);
    font-size: 1.1rem;
    line-height: 1.8;
}
.content-wide {
    max-width: 90%;
    width: 90%;
    align-items: stretch;
}
.cursor-default {
    cursor: default;
}
.page-header {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid #222;
}
.page-header a {
    color: #c0c0ff;
    text-decoration: none;
    font-size: 1rem;
}
.page-header a:hover {
    color: #e0e0ff;
}
.footer {
    text-align: center;
    padding: 20px;
    border-top: 1px solid #222;
    margin-top: auto;
}
.footer a {
    color: #c0c0ff;
    text-decoration: none;
    margin: 0 15px;
    font-size: 1rem;
}
.footer a:hover {
    color: #e0e0ff;
    text-decoration: underline;
}
.footer i {
  font-size: 1.2rem;
  margin: 0 10px;
  transition: color 0.3s;
}
.footer i:hover {
  color: #e0e0ff;
}
.footer i, .footer .bluesky-icon {
  font-size: 1.2rem;
  margin: 0 10px;
  transition: color 0.3s, transform 0.2s;
}
.footer i:hover, .footer .bluesky-icon:hover {
    color: #e0e0ff;
    transform: scale(2.0);
}
.copyright {
    width: 100%;
    text-align: center;
    color: #888;
    font-size: 0.8rem;
    margin-top: 10px;
}
/* Custom satellite cursor */
.satellite-cursor {
    position: fixed;
    width: 32px;
    height: 32px;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS1DcmVhdGVkIHdpdGggSW5rc2NhcGUgKGh0dHA6Ly93d3cuaW5rc2NhcGUub3JnLyktLT4KPHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCA4LjQ2NjY2NjcgOC40NjY2NjciIHZlcnNpb249IjEuMSIgaWQ9InN2ZzEiIGlua3NjYXBlOnZlcnNpb249IjEuNCAoZTdjM2ZlYjEwMCwgMjAyNC0xMC0wOSkiIHNvZGlwb2RpOmRvY25hbWU9InNhdGVsbGl0ZS5zdmciIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIiB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHNvZGlwb2RpOm5hbWVkdmlldyBpZD0ibmFtZWR2aWV3MSIgcGFnZWNvbG9yPSIjZmZmZmZmIiBib3JkZXJjb2xvcj0iIzAwMDAwMCIgYm9yZGVyb3BhY2l0eT0iMC4yNSIgaW5rc2NhcGU6c2hvd3BhZ2VzaGFkb3c9IjIiIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiIGlua3NjYXBlOmRlc2tjb2xvcj0iI2QxZDFkMSIgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9InB4IiBpbmtzY2FwZTp6b29tPSIyNC4zNzUiIGlua3NjYXBlOmN4PSIxNi4wMjA1MTMiIGlua3NjYXBlOmN5PSIxNiIgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxNDA3IiBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI5OTEiIGlua3NjYXBlOndpbmRvdy14PSIyNiIgaW5rc2NhcGU6d2luZG93LXk9IjIzIiBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIwIiBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJnOSIvPgogIDxkZWZzIGlkPSJkZWZzMSI+CiAgICA8bWFya2VyIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlIiBpZD0iRG90IiByZWZYPSIwIiByZWZZPSIwIiBvcmllbnQ9ImF1dG8iIGlua3NjYXBlOnN0b2NraWQ9IkRvdCIgbWFya2VyV2lkdGg9IjAuNSIgbWFya2VySGVpZ2h0PSIwLjUiIHZpZXdCb3g9IjAgMCAxIDEiIGlua3NjYXBlOmlzc3RvY2s9InRydWUiIGlua3NjYXBlOmNvbGxlY3Q9ImFsd2F5cyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPgogICAgICA8cGF0aCB0cmFuc2Zvcm09InNjYWxlKDAuNSkiIHN0eWxlPSJmaWxsOmNvbnRleHQtc3Ryb2tlO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiBkPSJNIDUsMCBDIDUsMi43NiAyLjc2LDUgMCw1IC0yLjc2LDUgLTUsMi43NiAtNSwwIGMgMCwtMi43NiAyLjMsLTUgNSwtNSAyLjc2LDAgNSwyLjI0IDUsNSB6IiBzb2RpcG9kaTpub2RldHlwZXM9InNzc3NzIiBpZD0icGF0aDE3Ii8+CiAgICA8L21hcmtlcj4KICA8L2RlZnM+CiAgPGcgaW5rc2NhcGU6bGFiZWw9IkxheWVyIDEiIGlua3NjYXBlOmdyb3VwbW9kZT0ibGF5ZXIiIGlkPSJsYXllcjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ny4yNTQ4MDksLTUzLjk1MzUzOCkiPgogICAgPGcgaWQ9Imc5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjc1NDgxMDIsMS40NTM1NDAyKSI+CiAgICAgIDxnIGlkPSJnMTgiPgogICAgICAgIDxnIGlkPSJnOCIgdHJhbnNmb3JtPSJtYXRyaXgoMC4wNzIyNzI4NCwwLDAsMC4wNzIyNzI4NCw1NC4wNDgwOTUsNDguOTY0MDAyKSI+CiAgICAgICAgICA8ZyBpZD0iZzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNS4wMDAwMDEpIj4KICAgICAgICAgICAgPHJlY3Qgc3R5bGU9ImZpbGw6IzAwMDBmZjtzdHJva2U6IzAwMDA4MDtzdHJva2Utd2lkdGg6MS4yNDg5NSIgaWQ9InJlY3QxIiB3aWR0aD0iMTMuNzUxMDUzIiBoZWlnaHQ9IjQzLjc1MTA0OSIgeD0iMTAwLjYyNDQ3IiB5PSI1MC42MjQ0NzQiLz4KICAgICAgICAgICAgPHBhdGggc3R5bGU9ImZpbGw6IzAwMDBmZjtzdHJva2U6IzAwMDA4MDtzdHJva2Utd2lkdGg6MS4xMDQxNiIgZD0ibSAxMDAsNjUuNTUyMDggaCAxNSIgaWQ9InBhdGgxIiBzb2RpcG9kaTpub2RldHlwZXM9ImNjIi8+CiAgICAgICAgICAgIDxwYXRoIHN0eWxlPSJmaWxsOiMwMDAwZmY7c3Ryb2tlOiMwMDAwODA7c3Ryb2tlLXdpZHRoOjEuMTA0MTYiIGQ9Im0gMTAwLDgwLjU1MjA4IGggMTUiIGlkPSJwYXRoMiIgc29kaXBvZGk6bm9kZXR5cGVzPSJjYyIvPgogICAgICAgICAgPC9nPgogICAgICAgICAgPGcgaWQ9Imc3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLDE1LjQ5NTgwNSkiPgogICAgICAgICAgICA8cmVjdCBzdHlsZT0iZmlsbDojMDAwMGZmO3N0cm9rZTojMDAwMDgwO3N0cm9rZS13aWR0aDoxLjI0ODk1IiBpZD0icmVjdDIiIHdpZHRoPSIxMy43NTEwNTMiIGhlaWdodD0iNDMuNzUxMDQ5IiB4PSI4NS42MjQ0NzQiIHk9IjEwNS4xMjg2NyIvPgogICAgICAgICAgICA8cGF0aCBzdHlsZT0iZmlsbDojMDAwMGZmO3N0cm9rZTojMDAwMDgwO3N0cm9rZS13aWR0aDoxLjEwNDE2IiBkPSJtIDg1LDEyMC4wNTYyOCBoIDE1IiBpZD0icGF0aDMiIHNvZGlwb2RpOm5vZGV0eXBlcz0iY2MiLz4KICAgICAgICAgICAgPHBhdGggc3R5bGU9ImZpbGw6IzAwMDBmZjtzdHJva2U6IzAwMDA4MDtzdHJva2Utd2lkdGg6MS4xMDQxNiIgZD0ibSA4NSwxMzUuMDU2MjcgaCAxNSIgaWQ9InBhdGg0IiBzb2RpcG9kaTpub2RldHlwZXM9ImNjIi8+CiAgICAgICAgICA8L2c+CiAgICAgICAgICA8cmVjdCBzdHlsZT0iZmlsbDojNjY2NjY2O3N0cm9rZTojMzMzMzMzO3N0cm9rZS13aWR0aDoxLjI0ODk1IiBpZD0icmVjdDQiIHdpZHRoPSIxMy43NTEwNTMiIGhlaWdodD0iNDMuNzUxMDQ5IiB4PSItMTE0LjM3NTUzIiB5PSI3MC42MjQ0NzQiIHRyYW5zZm9ybT0icm90YXRlKC05MCkiLz4KICAgICAgICA8L2c+CiAgICAgICAgPGcgaWQ9ImcxMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuNDEyNDc4NjQsLTAuMDg2ODM3NjEpIj4KICAgICAgICAgIDxwYXRoIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiMzMzMzMzM7c3Ryb2tlLXdpZHRoOjAuMTtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgZD0ibSA2My44MjY5MjIsNTYuNjI0Nzg0IGMgLTEuMDIwMzQxLC0wLjA1NDI3IC0wLjY1MTI4MiwwLjk1NTIxNCAtMC42NTEyODIsMC45NTUyMTQiIGlkPSJwYXRoOSIgc29kaXBvZGk6bm9kZXR5cGVzPSJjYyIvPgogICAgICAgICAgPHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzMzMzMzMztzdHJva2Utd2lkdGg6MC4xO3N0cm9rZS1taXRlcmxpbWl0OjMuNjtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MTttYXJrZXItZW5kOnVybCgjRG90KSIgZD0iTSA2My4xODY0OTUsNTYuODg1Mjk3IDYzLjUwMTI4Miw1Ny4xMjQxIiBpZD0icGF0aDEwIiBzb2RpcG9kaTpub2RldHlwZXM9ImNjIi8+CiAgICAgICAgICA8cGF0aCBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMzMzMzMzO3N0cm9rZS13aWR0aDowLjE7c3Ryb2tlLW1pdGVybGltaXQ6My42O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiBkPSJtIDYyLjc1MjMwNyw1Ni44MzEwMjQgMC40MzQxODgsMC4wODY4NCIgaWQ9InBhdGgxMSIgc29kaXBvZGk6bm9kZXR5cGVzPSJjYyIvPgogICAgICAgIDwvZz4KICAgICAgICA8cGF0aCBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMzMzMzMzO3N0cm9rZS13aWR0aDowLjE7c3Ryb2tlLW1pdGVybGltaXQ6My42O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxO21hcmtlci1lbmQ6dXJsKCNEb3QpIiBkPSJNIDU5LjE0ODU0Niw1Ni41NzA1MTEgQyA1OC41NDAxNjMsNTYuMjg3OTI3IDU3Ljk4MTYwMSw1NS44OTE0NjUgNTcuNTc0NjE0LDU1LjE0ODU0NSIgaWQ9InBhdGgxMiIgc29kaXBvZGk6bm9kZXR5cGVzPSJjYyIvPgogICAgICAgIDxwYXRoIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiMzMzMzMzM7c3Ryb2tlLXdpZHRoOjAuMTtzdHJva2UtbWl0ZXJsaW1pdDozLjY7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjE7bWFya2VyLWVuZDp1cmwoI0RvdCkiIGQ9Im0gNTkuMTM3NjkxLDU2LjkyODcxNiBjIC0wLjYwMDYyNywwLjUwODQ2MyAtMS4zMjA2NTUsMC40NzI3MjQgLTEuOTIxMjgyLDAuNTEwMTcxIiBpZD0icGF0aDEzIiBzb2RpcG9kaTpub2RldHlwZXM9ImNjIi8+CiAgICAgICAgPHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzMzMzMzMztzdHJva2Utd2lkdGg6MC4xO3N0cm9rZS1taXRlcmxpbWl0OjMuNjtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgZD0ibSA2MC4zOTY4MzcsNTUuODIxNTM3IHYgMC4zOTA3NjkiIGlkPSJwYXRoMTQiLz4KICAgICAgICA8cGF0aCBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojMzMzMzMzO3N0cm9rZS13aWR0aDowLjE7c3Ryb2tlLW1pdGVybGltaXQ6My42O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiBkPSJtIDYwLjg0MTg3OSw1NS44MTA2ODIgMC4wNTQyNywwLjQxMjQ3OSIgaWQ9InBhdGgxNSIvPgogICAgICAgIDxwYXRoIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiMzMzMzMzM7c3Ryb2tlLXdpZHRoOjAuMTtzdHJva2UtbWl0ZXJsaW1pdDozLjY7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiIGQ9Im0gNjAuNTM3OTQ4LDU3LjI3NjA2NiB2IDAuNDAxNjI1IiBpZD0icGF0aDE2IiBzb2RpcG9kaTpub2RldHlwZXM9ImNjIi8+CiAgICAgICAgPHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzMzMzMzMztzdHJva2Utd2lkdGg6MC4xO3N0cm9rZS1taXRlcmxpbWl0OjMuNjtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgZD0ibSA2MS4wMDQ3LDU3LjI3NjA2NiAtMC4xNzM2NzUsMC40MTI0NzkiIGlkPSJwYXRoMTgiLz4KICAgICAgPC9nPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==") no-repeat center;
    background-size: contain;
    pointer-events: none;
    z-index: 9999;
    transform: translate(-50%, -50%);
    transition: transform 0.1s ease;
}
@font-face {
  font-family: 'Nasalization Rg';
  src: url('fonts/fonts.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.bluesky-icon {
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.94-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.38 0 4.48 1.62 4.96 3.9.04.23.06.47.06.71 0 .23-.02.46-.06.69-.48 2.28-2.6 3.9-4.96 3.9z'/%3E%3C/svg%3E") repeat center;
    mask-size: contain;
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    background-color: currentColor;
}
.editable-value {
    cursor: pointer;
    border-bottom: 1px dashed var(--text-secondary);
    transition: border-color 0.2s, color 0.2s;
}
.editable-value:hover {
    border-bottom-color: var(--color-link);
    color: var(--color-link);
}
.toast-msg {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%) translateY(20px);
    background: var(--bg-secondary);
    color: var(--text-primary);
    border: 1px solid var(--color-link);
    border-radius: 6px;
    padding: 10px 20px;
    font-size: 13px;
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
    pointer-events: none;
    z-index: 10000;
    white-space: nowrap;
}
.toast-msg.show {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}