*,:before,:after{box-sizing:border-box}:root{--accent:#2337ff;--accent-dark:#000d8a;--black:15, 18, 25;--gray:96, 115, 159;--gray-light:229, 233, 240;--gray-dark:34, 41, 57;--gray-gradient:rgba(var(--gray-light), 50%), #fff;--box-shadow:0 2px 6px rgba(var(--gray), 25%), 0 8px 24px rgba(var(--gray), 33%), 0 16px 32px rgba(var(--gray), 33%);--hub-bg:#065a9d;--hub-fg:#f0f0f0;--hub-fg-soft:#f0f0f0bf;--hub-yellow:#e6b800;--hub-blue:#00a8d9;--hub-decor:#f0f0f021;--hub-card-bg:#f0f0f012;--hub-card-bg-hover:#f0f0f029;--hub-border:#f0f0f038;--hub-border-soft:#f0f0f080;--hub-header-bg:#0044808c;--hub-overlay:#003264d9;--hub-code-bg:#0006;--hub-article-bg:#065a9db8;--font-mono:"Courier New", "SF Mono", "Menlo", monospace}:root[data-theme=light]{--hub-bg:#e8f1f9;--hub-fg:#15263a;--hub-fg-soft:#15263ab8;--hub-yellow:#b8860b;--hub-blue:#0077b6;--hub-decor:#00508c29;--hub-card-bg:#ffffff8c;--hub-card-bg-hover:#fffc;--hub-border:#00508c38;--hub-border-soft:#00508c66;--hub-header-bg:#fff9;--hub-overlay:#001e3c8c;--hub-code-bg:#0000000f;--hub-article-bg:#ffffffc7}body{font-family:var(--font-atkinson);text-align:left;background:linear-gradient(var(--gray-gradient)) no-repeat;word-wrap:break-word;overflow-wrap:break-word;color:rgb(var(--gray-dark));background-size:100% 600px;margin:0;padding:0;font-size:20px;line-height:1.7}main{width:720px;max-width:calc(100% - 2em);margin:auto;padding:3em 1em}h1,h2,h3,h4,h5,h6{color:rgb(var(--black));margin:0 0 .5rem;line-height:1.2}h1{font-size:3.052em}h2{font-size:2.441em}h3{font-size:1.953em}h4{font-size:1.563em}h5{font-size:1.25em}strong,b{font-weight:700}a,a:hover{color:var(--accent)}p{margin-bottom:1em}.prose p{margin-bottom:2em}textarea{width:100%;font-size:16px}input{font-size:16px}table{width:100%}img{border-radius:8px;max-width:100%;height:auto}code{background-color:rgb(var(--gray-light));border-radius:2px;padding:2px 5px}pre{border-radius:8px;padding:1.5em}pre>code{all:unset}blockquote{border-left:4px solid var(--accent);margin:0;padding:0 0 0 20px;font-size:1.333em}hr{border:none;border-top:1px solid rgb(var(--gray-light))}@media (width<=720px){body{font-size:18px}main{padding:1em}}.sr-only{clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;overflow:hidden;position:absolute!important}.hub{background:var(--hub-bg);min-height:100vh;font-family:var(--font-mono);color:var(--hub-fg);position:relative;overflow-x:hidden}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.bg-decor{pointer-events:none;z-index:0;view-transition-name:hub-bg;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}::view-transition-old(hub-bg),::view-transition-new(hub-bg){animation:none;display:none}.diamond{border:6px solid var(--hub-decor);position:absolute;transform:rotate(45deg)}.diamond-1{width:30px;height:30px;animation:12s ease-in-out infinite moveRange1;top:8%;left:72%}.diamond-2{width:60px;height:60px;animation:16s ease-in-out 2s infinite moveRange2;top:55%;left:15%}.diamond-3{width:100px;height:100px;animation:20s ease-in-out 1s infinite moveRange3;top:32%;left:88%}.diamond-4{width:45px;height:45px;animation:14s ease-in-out 3s infinite moveRange1;top:78%;left:42%}.diamond-5{width:150px;height:150px;animation:18s ease-in-out 4s infinite moveRange2;top:12%;left:8%}.circle{border:6px solid var(--hub-decor);border-radius:50%;position:absolute}.circle-1{width:40px;height:40px;animation:10s ease-in-out infinite moveRange2;top:82%;left:28%}.circle-2{width:80px;height:80px;animation:14s ease-in-out 1s infinite moveRange3;top:45%;left:52%}.circle-3{width:120px;height:120px;animation:12s ease-in-out 2s infinite moveRange1;top:20%;left:35%}.circle-4{width:50px;height:50px;animation:16s ease-in-out 3s infinite moveRange2;top:68%;left:82%}.triangle{border-bottom:solid #e6b80026;border-left:solid #0000;border-right:solid #0000;width:0;height:0;position:absolute}.triangle-1{border-bottom-width:30px;border-left-width:18px;border-right-width:18px;animation:15s ease-in-out infinite moveRange3;top:42%;left:5%}.triangle-2{border-bottom-width:60px;border-left-width:35px;border-right-width:35px;animation:18s ease-in-out 2s infinite moveRange1;top:88%;left:68%}.triangle-3{border-bottom-width:85px;border-left-width:50px;border-right-width:50px;animation:12s ease-in-out 4s infinite moveRange2;top:auto;bottom:5%;left:3%}.square{border:6px solid var(--hub-decor);position:absolute}.square-1{width:25px;height:25px;animation:14s linear infinite squareMove1;top:60%;left:75%}.square-2{width:70px;height:70px;animation:20s linear infinite squareMove2;top:25%;left:62%}.square-3{width:110px;height:110px;animation:16s linear infinite squareMove3;top:48%;left:22%}.line-decor{background:var(--hub-decor);height:4px;position:absolute}.line-decor-1{width:100px;animation:12s linear infinite slideRight;top:28%;left:0}.line-decor-2{width:150px;animation:16s linear infinite slideLeft;top:58%;right:0}.line-decor-3{width:80px;animation:20s linear 4s infinite slideRight;top:92%;left:0}@keyframes moveRange1{0%,to{transform:rotate(0)translate(0)}25%{transform:rotate(90deg)translate(40px,-30px)}50%{transform:rotate(180deg)translateY(-50px)}75%{transform:rotate(270deg)translate(-40px,-20px)}}@keyframes moveRange2{0%,to{transform:rotate(0)translateY(0)translate(0)}25%{transform:rotate(90deg)translateY(-40px)translate(30px)}50%{transform:rotate(180deg)translateY(-20px)translate(-40px)}75%{transform:rotate(270deg)translateY(30px)translate(20px)}}@keyframes moveRange3{0%,to{transform:rotate(0)translateY(0)translate(0)}33%{transform:rotate(120deg)translateY(-60px)translate(-40px)}66%{transform:rotate(240deg)translateY(40px)translate(50px)}}@keyframes squareMove1{0%{transform:rotate(0)translate(0)}25%{transform:rotate(90deg)translate(40px,-30px)}50%{transform:rotate(180deg)translateY(-50px)}75%{transform:rotate(270deg)translate(-40px,-20px)}to{transform:rotate(360deg)translate(0)}}@keyframes squareMove2{0%{transform:rotate(0)translateY(0)translate(0)}33%{transform:rotate(120deg)translateY(-60px)translate(-40px)}66%{transform:rotate(240deg)translateY(40px)translate(50px)}to{transform:rotate(360deg)translateY(0)translate(0)}}@keyframes squareMove3{0%{transform:rotate(0)translateY(0)translate(0)}25%{transform:rotate(90deg)translateY(-40px)translate(30px)}50%{transform:rotate(180deg)translateY(-20px)translate(-40px)}75%{transform:rotate(270deg)translateY(30px)translate(20px)}to{transform:rotate(360deg)translateY(0)translate(0)}}@keyframes slideRight{0%{transform:translate(-200px)}to{transform:translate(calc(100vw + 200px))}}@keyframes slideLeft{0%{transform:translate(calc(100vw + 200px))}to{transform:translate(-200px)}}.hub .main-content{z-index:1;flex-direction:column;align-items:center;max-width:1100px;min-height:100vh;margin:0 auto;padding:60px 40px;display:flex;position:relative}.site-title{color:var(--hub-fg);letter-spacing:12px;text-align:center;margin-bottom:60px;font-size:5rem;font-weight:900}.title-line{background:var(--hub-yellow);width:100%;height:8px;margin-bottom:60px}.quote-section{width:100%;margin-bottom:30px}.quote-box{border:5px solid var(--hub-fg);background:var(--hub-card-bg);flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:40px 50px;display:flex;position:relative}.quote-box:before{content:"";border-style:solid;border-width:55px 55px 0 0;border-color:var(--hub-yellow) transparent;width:0;height:0;position:absolute;top:-5px;left:-5px}.quote-box:after{content:"";background:var(--hub-blue);width:35px;height:35px;position:absolute;bottom:-5px;right:-5px}.quote-box #text{color:var(--hub-fg);letter-spacing:2px;text-align:center;justify-content:center;align-items:center;font-size:clamp(1.5rem,3vw,2.4rem);font-weight:900;line-height:1.5;transition:opacity .3s;display:flex}.quote-box #author{color:var(--hub-blue);margin-top:25px;font-size:1.3rem;font-weight:700;transition:opacity .3s}.cards-row{gap:30px;width:100%;margin-bottom:15px;display:flex}.card{color:var(--hub-fg);background:var(--hub-decor);border:5px solid;padding:35px 40px 30px;text-decoration:none;transition:all .3s;display:block;position:relative;overflow:hidden}.card-wide,.card-narrow{flex:1 1 0}.card:before{content:"";z-index:2;border-style:solid;border-width:0 40px 40px 0;width:0;height:0;position:absolute;top:0;right:0}.card:after{content:"";width:14px;height:14px;transition:all .3s;position:absolute;bottom:18px;right:18px}.card h3{letter-spacing:4px;margin-bottom:10px;font-size:1.8rem;font-weight:900}.card p{opacity:.85;margin-bottom:0;font-size:1rem}.card .arrow{opacity:0;font-size:1.5rem;transition:all .3s;position:absolute;top:50%;right:35px;transform:translateY(-50%)}.card:hover .arrow{opacity:1}.card.yellow{border-color:var(--hub-yellow);background:#e6b8001f}.card.yellow:before{border-color:transparent var(--hub-yellow) transparent transparent}.card.yellow:after{background:var(--hub-yellow)}.card.yellow h3{color:var(--hub-yellow)}.card.yellow:hover{background:#e6b8002e;transform:translateY(-8px)}.card.yellow:hover .arrow{color:var(--hub-yellow);transform:translateY(-50%)translate(8px)}.card.blue{border-color:var(--hub-fg);background:var(--hub-decor)}.card.blue:before{border-color:transparent var(--hub-fg) transparent transparent}.card.blue:after{background:var(--hub-blue)}.card.blue h3{color:var(--hub-fg)}.card.blue:hover{background:var(--hub-card-bg-hover);transform:translateY(-8px)}.card.blue:hover .arrow{color:var(--hub-fg);transform:translateY(-50%)translate(8px)}.lines-row{gap:30px;width:100%;margin-bottom:30px;display:flex}.line{height:5px}.line-yellow{background:var(--hub-yellow)}.line-white{background:var(--hub-border-soft)}.bottom-decor{justify-content:center;width:100%;margin-top:auto;padding:40px 0 20px;display:flex}.hex-decor{color:var(--hub-fg);opacity:.5;letter-spacing:5px;font-size:.9rem}.modal-overlay{background:var(--hub-overlay);z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-overlay.active{display:flex}.modal-content{background:var(--hub-bg);border:5px solid var(--hub-fg);text-align:center;max-width:400px;padding:40px;position:relative}.modal-content:before{content:"";border-style:solid;border-width:0 0 40px 40px;border-color:transparent transparent var(--hub-yellow) transparent;width:0;height:0;position:absolute;top:-5px;left:-5px}.modal-content:after{content:"";background:var(--hub-blue);width:25px;height:25px;position:absolute;bottom:-5px;right:-5px}.modal-qr{border:3px solid var(--hub-fg);width:200px;height:200px;margin-bottom:20px}.modal-text{color:var(--hub-fg);font-size:1rem;font-weight:700}.modal-close{color:var(--hub-fg);cursor:pointer;background:0 0;border:none;font-size:1.5rem;font-weight:900;position:absolute;top:15px;right:20px}.modal-close:hover{color:var(--hub-yellow)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.site-title,.title-line{opacity:0;animation:.6s forwards fadeInUp}.title-line{animation-delay:.15s}.quote-section{opacity:0;animation:.7s .3s forwards fadeInUp}.post-list{width:100%;margin-top:40px;margin-bottom:30px}.post-list-head{border-bottom:2px solid var(--hub-border);justify-content:space-between;align-items:baseline;gap:1em;margin-bottom:25px;padding-bottom:12px;display:flex}.post-list-title{letter-spacing:4px;color:var(--hub-yellow);margin:0;font-size:1.4rem;font-weight:900}.post-list ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.post-list li a{border:2px solid var(--hub-border);background:var(--hub-card-bg);color:var(--hub-fg);justify-content:space-between;align-items:center;gap:20px;padding:16px 22px;text-decoration:none;transition:all .3s;display:flex}.post-list li a:hover{border-color:var(--hub-yellow);background:#e6b8001f;transform:translate(8px)}.post-list li a:hover .post-title{color:var(--hub-yellow)}.post-list .post-title{letter-spacing:1px;font-size:1.05rem;font-weight:700}.post-list .post-date{color:var(--hub-blue);white-space:nowrap;font-size:.85rem}.post-list-more{color:var(--hub-blue);letter-spacing:2px;white-space:nowrap;font-size:.85rem;font-weight:700;text-decoration:none;transition:color .2s}.post-list-more:hover{color:var(--hub-yellow)}.hub-page{z-index:1;max-width:1100px;min-height:calc(100vh - 140px);margin:0 auto;padding:2em 40px 1em;position:relative}.hub .prose{color:var(--hub-fg);font-size:1.02rem;line-height:1.8}.hub .prose h1,.hub .prose h2,.hub .prose h3,.hub .prose h4{color:var(--hub-fg);margin:1.4em 0 .6em;scroll-margin-top:80px;line-height:1.3}.hub .prose h2{border-bottom:2px solid var(--hub-decor);padding-bottom:.3em;font-size:1.5rem}.hub .prose h3{color:var(--hub-yellow);font-size:1.2rem}.hub .prose a{color:var(--hub-yellow);border-bottom:1px solid #e6b80066;text-decoration:none;transition:all .2s}.hub .prose a:hover{color:var(--hub-fg);border-bottom-color:var(--hub-fg)}.hub .prose p{margin:0 0 1.2em}.hub .prose ul,.hub .prose ol{margin:0 0 1.2em;padding-left:1.6em}.hub .prose li{margin-bottom:.4em}.hub .prose img{border:2px solid var(--hub-decor);border-radius:4px;margin:1em 0}.hub .prose hr{border:none;border-top:1px dashed var(--hub-border);margin:2em 0}.hub .prose blockquote{border-left:4px solid var(--hub-yellow);color:var(--hub-fg-soft);background:#e6b80014;margin:0 0 1.2em;padding:.6em 1.2em;font-style:normal}.hub .prose code{font-family:var(--font-mono);background:var(--hub-code-bg);border:1px solid var(--hub-decor);color:var(--hub-yellow);border-radius:3px;padding:2px 6px;font-size:.9em}.hub .prose pre{background:var(--hub-code-bg);border:1px solid var(--hub-decor);border-radius:4px;margin:0 0 1.4em;padding:1.2em 1.4em;position:relative;overflow-x:auto}.hub .prose pre .copy-btn{font-family:var(--font-mono);letter-spacing:1px;color:var(--hub-fg-soft);background:var(--hub-card-bg-hover);border:1px solid var(--hub-border);cursor:pointer;opacity:0;border-radius:3px;padding:2px 8px;font-size:.72rem;transition:all .2s;position:absolute;top:6px;right:6px}.hub .prose pre:hover .copy-btn{opacity:1}.hub .prose pre .copy-btn:hover{color:var(--hub-yellow);border-color:var(--hub-yellow)}.hub .prose pre .copy-btn.copied{color:var(--hub-yellow);border-color:var(--hub-yellow);opacity:1}.hub .prose pre code{color:var(--hub-fg);background:0 0;border:none;padding:0;font-size:.88em}.hub .prose table{border-collapse:collapse;width:100%;margin:0 0 1.4em}.hub .prose th,.hub .prose td{border:1px solid var(--hub-border);text-align:left;padding:.5em .9em}.hub .prose th{background:var(--hub-decor);color:var(--hub-yellow)}@media (width<=880px){.cards-row{flex-direction:column;gap:20px}.card-wide,.card-narrow{flex:none;width:100%}.lines-row{flex-direction:column;gap:20px}.line{width:100%!important}}@media (width<=768px){.hub .main-content{padding:40px 20px}.hub-page{padding:2em 12px 1em}.site-title{letter-spacing:6px;font-size:3rem}.quote-box{min-height:180px;padding:35px 30px}.quote-box #text{font-size:1.6rem}.cards-row{flex-direction:column;gap:20px}.card-wide,.card-narrow{flex:none;width:100%}.lines-row{flex-direction:column;gap:20px}.line{width:100%!important}.card h3{font-size:1.4rem}.post-list li a{flex-direction:column;align-items:flex-start;gap:6px}.post-list-head{flex-wrap:wrap}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}