/* Heivoli Network: community design, October 2026. */
:root{--ink:#fff;--muted:#deddf0;--line:rgba(255,255,255,.19);--font:"Arial", "Helvetica Neue",sans-serif;--blue:#5145da;--bright-blue:#aba7ff}
html{scroll-padding-top:110px}body{background:linear-gradient(110deg,#fafafb 0%,#d9d8ee 24%,#9894e1 52%,#5149d9 78%,#332bc0 100%);background-attachment:fixed;color:#24232b}[hidden]{display:none!important}.page-glow{display:none}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ffb82b;outline-offset:5px}.skip-link{position:fixed;top:-100px;left:20px;z-index:99;background:#252331;color:#fff;padding:12px 20px;border-radius:20px}.skip-link:focus{top:10px}.section-shell,.site-header{width:min(1250px,calc(100% - 80px))}.site-header{height:108px;gap:32px;position:relative;z-index:5}.brand{flex-shrink:0}.hn-logo{font-size:48px;font-weight:900;letter-spacing:-5px;line-height:1;color:#111;position:relative}.confetti{font-size:20px;letter-spacing:0;color:#fa7022;position:absolute;right:-12px;top:0;text-shadow:5px -3px #99c614}.site-nav{display:flex;position:static;flex-direction:row;align-items:center;margin-left:4px;gap:4px;background:#4e4e52;border:1px solid #ffffff16;border-radius:40px;padding:5px 8px;width:auto;box-shadow:0 8px 25px #2723470a;font-size:17px;color:#fff}.site-nav a{padding:10px 26px;opacity:.9;border-radius:30px;transition:background .2s,opacity .2s}.site-nav a:hover,.site-nav a[aria-current]{background:#ffffff18;opacity:1}.site-nav .account-link{width:48px;height:44px;padding:5px 8px;display:grid;place-items:center}.account-link svg{width:32px;height:32px}.header-note{margin-left:auto;font-size:11px;color:#fff;letter-spacing:.035em}.hero{grid-template-columns:1.05fr 1fr;gap:36px;min-height:660px;padding-block:25px 55px;align-items:center}.hero-copy{padding:0 12px 0 0}.hero-kicker{font-size:9px;letter-spacing:.2em;font-weight:700;color:#302c70;margin:0 0 12px}.wordmark{font-size:clamp(50px,5.9vw,84px);font-weight:850;letter-spacing:-.07em;line-height:.88;color:white;margin-bottom:27px}.wordmark>span{display:block}.wordmark .new-word{font-size:.74em;color:#101017;line-height:1;letter-spacing:-.07em;display:flex;align-items:center;gap:12px;margin-left:-25px;margin-bottom:2px}.new-word i{font-size:24px;font-style:normal;letter-spacing:0;color:#00ab9a;text-shadow:1px 14px #ffba08,-4px -12px #f82957}.new-word i:first-child{color:#2ec2e5;text-shadow:2px -15px #f52c4f,-3px 14px #a4cc05}.wordmark-dot{color:#ffc13d}.intro-card{background:#49494f;border:1px solid #ffffff19;border-radius:27px;padding:25px 30px;color:#fff;box-shadow:0 18px 45px #27205414}.card-label{font-size:9px;letter-spacing:.19em;color:#c5c4cd;font-weight:700}.intro-card p{font-size:17px;line-height:1.55;letter-spacing:-.02em;margin:12px 0;color:#fff}.intro-card p+p{font-size:14px;color:#dad9e1;margin-bottom:21px}.join-link{display:flex;align-items:center;justify-content:space-between;padding-top:17px;border-top:1px solid #ffffff26;font-size:13px;font-weight:700}.join-link span{font-size:22px;color:#bdb8ff}.social-bar{display:grid;grid-template-columns:1.3fr 1fr .7fr;margin-top:14px;padding:10px;background:#49494f;border:1px solid #ffffff19;border-radius:40px;gap:4px}.social-bar a,.social-bar button{border:0;background:none;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;min-height:33px;font-size:12px;border-radius:30px}.social-bar a:hover,.social-bar button:hover{background:#ffffff12}.social-icon{display:inline-flex;align-items:center;justify-content:center;font-size:22px}.discord-symbol{color:#9c96ff;letter-spacing:2px;border-radius:9px 9px 6px 6px;width:31px;height:22px;background:#8b83ff;font-size:10px;color:#49494f}.reddit-symbol{background:#ff5700;width:25px;height:25px;border-radius:50%;color:white;font-size:19px}.x-symbol{font-size:26px}.social-status{font-size:11px;color:white;min-height:16px;margin:7px 12px 0}.console-scene{position:relative;height:560px;min-width:0;isolation:isolate;display:grid;place-items:center}.console-art{position:relative;z-index:2;width:115%;max-width:none;height:auto;filter:drop-shadow(0 30px 15px #3e385611);transform-origin:50% 60%}.scene-disc{position:absolute;width:76%;aspect-ratio:1;left:1%;top:22%;border-radius:50%;background:#bfc9d1b3;z-index:-1}.scene-ring{position:absolute;width:84%;aspect-ratio:1;border:1px solid #ffffff6b;left:-3%;top:17%;border-radius:50%;transform:rotateX(20deg)}.scene-dot{position:absolute;width:49px;aspect-ratio:1;border-radius:50%;z-index:3}.dot-orange{background:#ff5709;left:1%;top:15%;width:44px}.dot-yellow{background:#ffb10a;right:7%;top:25%;width:52px}.dot-green{background:#9dd209;bottom:13%;left:9%;width:43px}.dot-blue{background:#605cff;right:1%;bottom:1%;width:50px}.console-caption{position:absolute;bottom:0;left:18%;font-size:10px;letter-spacing:.05em;color:#646376}.discovery-line{display:flex;justify-content:space-between;border-top:1px solid #ffffff50;padding-top:22px;padding-bottom:35px;font-size:11px;color:#38344f}.discovery-line a{color:white}.discovery-line a span{padding-left:18px}.announcements-section{padding-block:85px 90px}.eyebrow{color:#312c72;font-size:10px}.eyebrow span{background:#5448d8}h2{font-size:clamp(38px,4.5vw,62px);letter-spacing:-.055em}h2 em,h1 em{color:#fff}.section-heading>p{color:#f2f0ff;max-width:340px}.announcement-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.announcement{background:#f8f8fe;border:1px solid #fff8;box-shadow:0 14px 38px #3227650e;border-radius:24px;min-height:265px;padding:28px;color:#2d2b3e}.announcement.featured{background:#49494f;color:#fff}.announcement:hover{border-color:#b5aaff}.announcement-type{color:#686178}.announcement.featured .announcement-type{color:#c4beff}.announcement p:not(.announcement-type){color:#636175}.announcement.featured p:not(.announcement-type){color:#dad8e6}.announcement h3{font-size:25px;line-height:1.15}.announcement-date{color:#60588c!important}.announcement.featured .announcement-date{color:#dfdafa!important}.announcement-image{width:calc(100% + 56px);margin:-28px -28px 24px}.community-card{border:1px solid #ffffff40;background:#ffffffb8;box-shadow:none;border-radius:30px;gap:60px;color:#302e45}.community-card h2 em{color:#675be0}.community-card>div>p:not(.eyebrow){color:#686277}.community-points p{color:#686277}.community-points>li>span{color:#7161df}.community-points li{border-color:#aaa2c655}.text-link{color:#5040b7}.text-link span{color:#6958d9}.site-footer{color:#343047;border-color:#ffffff50;font-size:10px;padding-block:30px}.site-footer .brand-mark{display:none}.site-footer .brand{font-size:13px}.button{border-radius:15px;min-height:47px}.button-primary{background:#6255e4;color:white;box-shadow:0 8px 20px #21155620}.button-quiet{color:#f4f2ff;background:#ffffff0c;border-color:#ffffff30}.button-discord{background:#5865f2;box-shadow:none}.profile-shell{min-height:calc(100vh - 108px);padding-top:25px}.back-link{color:#3b345f;margin-bottom:28px}.profile-gate{background:#49494f;border:1px solid #ffffff40;border-radius:32px;box-shadow:0 24px 70px #32276520;padding:48px;width:min(620px,100%);margin:10px auto;color:white}.profile-gate h1{font-size:clamp(42px,5vw,65px)}.profile-gate h1 em{color:#c9c2ff}.profile-gate .eyebrow{color:#c9c2ff}.profile-gate>p:not(.eyebrow){color:#dad7e3;font-size:14px;line-height:1.7}.profile-gate .button{display:flex;width:100%;margin-top:12px}.account-orb{background:linear-gradient(135deg,#aaa1ff,#7264df);box-shadow:0 8px 25px #21184420;border-radius:25px;color:white}.profile-panel,.admin-panel,.tickets-panel{background:#49494f;border:1px solid #ffffff40;border-radius:30px;box-shadow:0 24px 70px #32276520;color:#fff}.profile-panel .eyebrow,.admin-panel .eyebrow,.tickets-panel .eyebrow{color:#c8beff}.profile-panel h1 em,.admin-panel h1 em,.tickets-panel h1 em{color:#c9c2ff}.profile-form label,.admin-form label,.ticket-form label{color:#e8e4ff}.profile-form textarea,.admin-form input,.admin-form select,.admin-form textarea,.admin-add-form input,.ticket-form input,.ticket-form select,.message-form textarea{background:#35353c;color:#fff;border-color:#ffffff30;border-radius:12px}.profile-form textarea::placeholder,.admin-form input::placeholder,.admin-form textarea::placeholder,.ticket-form input::placeholder,.message-form textarea::placeholder{color:#b4b0c3}.profile-form textarea:focus,.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus,.admin-add-form input:focus,.ticket-form input:focus,.ticket-form select:focus,.message-form textarea:focus{border-color:#beb3ff;box-shadow:0 0 0 3px #b8a9ff20}.profile-info span:last-child,.profile-form-footer,.auth-status,.form-hint,.admin-announcement p,.ticket-item span,.tickets-empty,.messages-empty,.ticket-state,.message-meta{color:#d2cbe8}.admin-announcement,.ticket-form,.ticket-item,.conversation-panel{background:#37373e}.ticket-item:hover,.ticket-item.is-selected{background:#5c526f;border-color:#c2b3ff}.message.is-mine{background:#635486;border-color:#c2b3ff}.creator-badge{color:#e5dbff;background:#a193ff20;border-color:#c4b3ff55}.notice-modal{background:#49494f;color:#fff;border-color:#ffffff40}.notice-modal p:not(.eyebrow){color:#e3deef}.notice-modal .eyebrow{color:#c8beff}.sign-out{color:#d7cbff}.featured-choice{color:#ded6f6!important}.conversation-empty>span{background:#8d7dcb25;color:#e5d9ff;border-color:#d3bcff66}
@media(prefers-reduced-motion:no-preference){.console-art{animation:console-float 7s ease-in-out infinite}.scene-dot{animation:circle-float 8s ease-in-out infinite}.dot-yellow{animation-delay:-3s;animation-duration:9s}.dot-green{animation-delay:-5s;animation-duration:7s}.dot-blue{animation-delay:-2s;animation-duration:11s}.scene-ring{animation:ring-breathe 12s ease-in-out infinite}.scene-disc{animation:disc-breathe 13s ease-in-out infinite}@keyframes console-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-15px) rotate(1deg)}}@keyframes circle-float{0%,100%{transform:translate(0,0)}50%{transform:translate(12px,-22px)}}@keyframes ring-breathe{50%{transform:rotateX(35deg) rotateZ(14deg) scale(1.07)}}@keyframes disc-breathe{50%{transform:translate(8px,9px) scale(.96)}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(min-width:1500px){.hero{min-height:730px}.console-scene{height:620px}}
@media(max-width:1000px){.section-shell,.site-header{width:calc(100% - 48px)}.hero{gap:20px;grid-template-columns:1fr 1fr}.console-scene{height:460px}.intro-card{padding:22px}.intro-card p{font-size:15px}.header-note{display:none}.wordmark{font-size:64px}.site-header{height:96px}.hero-kicker{font-size:8px}.social-bar a,.social-bar button{font-size:11px;gap:6px}}
@media(max-width:700px){body{background:linear-gradient(145deg,#f3f2fa 0%,#bbb7ee 30%,#6258dc 65%,#4234c0 100%)}.site-header{gap:22px;height:86px}.site-nav{margin-left:auto;padding:4px;gap:0}.site-nav a{font-size:13px;padding:10px 15px}.site-nav .account-link{width:40px}.hn-logo{font-size:40px}.hero{grid-template-columns:1fr;gap:0;padding-block:0 30px}.console-scene{height:340px;max-width:440px;width:100%;margin:0 auto}.console-art{width:105%;max-height:385px}.scene-disc{width:65%;left:12%;top:10%}.scene-ring{width:75%;left:7%;top:4%}.dot-orange{top:8%;left:10%;width:30px}.dot-yellow{top:22%;right:11%;width:36px}.dot-green{left:14%;bottom:12%;width:32px}.dot-blue{right:9%;bottom:8%;width:32px}.console-caption{bottom:0;font-size:9px;left:24%}.hero-copy{padding:28px 0 0;max-width:520px;margin:auto;width:100%}.hero-kicker{font-size:8px}.wordmark{font-size:64px;margin-bottom:25px}.wordmark .new-word{margin-left:-13px;gap:6px}.new-word i{font-size:16px}.intro-card{padding:24px}.intro-card p{font-size:16px}.social-bar a,.social-bar button{font-size:12px}.discovery-line{font-size:9px;gap:20px}.announcements-section{padding-top:45px;padding-bottom:55px}.section-heading{display:block}.section-heading>p{color:#f0edff;max-width:100%;font-size:14px}.announcement-grid{grid-template-columns:1fr}.announcement{min-height:215px}.community-card{padding:28px;grid-template-columns:1fr;gap:35px}.community-section{padding-bottom:60px}.site-footer{grid-template-columns:1fr;gap:12px;color:#f1ecff}.site-footer p:last-child{text-align:left}.profile-shell{padding-top:18px}.profile-gate{padding:30px 24px}.profile-gate h1{font-size:44px}.profile-panel,.admin-panel,.tickets-panel{padding:25px}.tickets-workspace{grid-template-columns:1fr}.profile-heading{grid-template-columns:auto 1fr}.profile-actions{grid-column:1/-1}.site-header .brand{display:inline-flex}.back-link{color:#49405d}.profile-form-footer{flex-wrap:wrap}}
@media(max-width:380px){.section-shell,.site-header{width:calc(100% - 32px)}.site-nav a{padding-inline:12px}.wordmark{font-size:57px}.console-scene{height:295px}.console-art{max-height:335px}}

.social-svg{width:27px;height:27px;flex-shrink:0}.discord-svg{color:#9890ff}

/* Original supplied artwork, framed without altering the source files. */
.brand-image-frame{display:block;position:relative;width:69px;height:38px;overflow:hidden}
.brand-image{position:absolute;width:106px;height:106px;max-width:none;left:-22px;top:-35px}
.console-art{width:100%;max-width:560px;height:auto;object-fit:contain}
.branded-intro{background:#545454;padding-top:28px}
.official-wordmark{position:relative;width:100%;aspect-ratio:5.05;overflow:hidden;margin:0 0 27px;border-radius:0;font-size:inherit}
.official-wordmark img{display:block;position:absolute;width:100%;height:auto;max-width:none;top:0;left:0;transform:translateY(-35.6%)}
.hero-kicker{margin-bottom:19px}.hero-copy{min-width:0}
.social-bar{background:#545454}
.remember-device{display:flex;align-items:center;justify-content:center;gap:8px;margin:14px 0 0;color:#d8d4e5;font-size:12px;cursor:pointer}.remember-device input{width:16px;height:16px;accent-color:#6f63dc}
@media(max-width:700px){.brand-image-frame{width:57px;height:34px}.brand-image{width:90px;height:90px;left:-19px;top:-29px}.console-art{width:auto;height:100%;max-width:100%;max-height:340px}.official-wordmark{margin-bottom:24px}.hero-copy{padding-top:30px}.branded-intro{padding-top:24px}}
@media(max-width:380px){.brand-image-frame{width:49px}.brand-image{width:80px;height:80px;left:-17px;top:-24px}}