.hub{flex-direction:column;min-height:100dvh;display:flex}.hd{z-index:20;padding:var(--sp-xs) var(--sp-xl);background:var(--bg-sticky);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.hd-left{align-items:center;gap:var(--sp-sm);min-width:0;display:flex}.brand{color:var(--text-primary);align-items:center;gap:.55rem;text-decoration:none;transition:opacity .15s;display:inline-flex}.brand:hover{opacity:.8}.brand-logo{flex-shrink:0;width:auto;height:26px;display:block}[data-theme=light] .brand-logo{filter:brightness(0)saturate()invert(13%)sepia(34%)saturate(1100%)hue-rotate(184deg)brightness(95%)}.hd-sep{background:var(--border-default);flex-shrink:0;width:1px;height:24px}.tabs{gap:0;display:flex}.tab{align-items:center;gap:var(--sp-xs);padding:0 var(--sp-sm);font-size:var(--fs-sm);white-space:nowrap;color:var(--text-secondary);transition:color var(--tr-fast), border-color var(--tr-fast);border-bottom:2px solid #0000;text-decoration:none;display:flex}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--text-primary);border-bottom-color:var(--brand-blue);font-weight:600}.tab-badge{background:var(--brand-blue);color:#fff;border-radius:var(--radius-full);font-size:var(--fs-xs);text-align:center;min-width:18px;padding:1px 6px;font-weight:600;line-height:1.4}.hd-right{align-items:center;gap:var(--sp-lg);flex-shrink:0;display:flex}.hd-meta{align-items:center;gap:var(--sp-xs);font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;font-size:.75rem;display:flex}.hd-meta b{color:var(--terminal-green);font-weight:500}.hd-meta .dot{border-radius:var(--radius-full);background:var(--terminal-green);width:6px;height:6px;box-shadow:0 0 6px var(--terminal-green)}.theme-row{gap:var(--sp-xxs);display:flex}.theme-btn{padding:var(--sp-xxs) var(--sp-xs);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:background var(--tr-fast), color var(--tr-fast), border-color var(--tr-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.theme-btn:hover{background:var(--bg-overlay-hover);color:var(--text-primary)}.theme-btn.on{background:var(--bg-overlay-hover);color:var(--text-primary);border-color:var(--border-default)}.avatar{border-radius:var(--radius-full);background:var(--brand-blue);color:#fff;width:32px;height:32px;font-family:var(--font-mono);font-size:var(--fs-sm);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-weight:600;display:flex}.page{background:linear-gradient(#eef6fd 0%,#d4e6f6 100%);flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.page:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(80% 55% at 50% 0,#7acced66,#0000 70%);position:absolute;inset:0}.page:after{content:"";z-index:0;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100' viewBox='0 0 56 100'%3E%3Cpath d='M28 66L0 50L0 16L28 0L56 16L56 50L28 66ZM28 100L0 84L0 50L28 34L56 50L56 84L28 100Z' fill='none' stroke='%231A2D50' stroke-width='1'/%3E%3C/svg%3E");background-size:56px 100px;position:absolute;inset:0}.main{z-index:1;justify-content:center;align-items:center;gap:var(--sp-lg);padding:clamp(2rem, 5vh, 3.5rem) var(--sp-lg) var(--sp-lg);animation:fadeSlideUp var(--anim-entrance) both;flex-direction:column;flex:1;display:flex;position:relative}.section-label{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.section-title{font-family:var(--font-mono);font-size:var(--fs-lg);color:#0e5a86;text-transform:uppercase;letter-spacing:.18em;font-weight:600}.section-sub{font-size:var(--fs-base);color:#46617a;letter-spacing:.03em}.honeycomb{flex-direction:column;align-items:center;display:flex}.hex-row{justify-content:center;gap:0;display:flex}.hex-row+.hex-row{margin-top:-57px}.phex{width:214px;height:244px;transition:transform .28s var(--ease);flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.phex-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.phex-poly{fill:none;stroke:#1a2d50;stroke-width:1.4px;transition:stroke .28s,stroke-width .28s,fill .28s,filter .28s}.phex-in{z-index:1;pointer-events:none;flex-direction:column;align-items:center;gap:8px;max-width:62%;display:flex;position:relative}.phex-logo{object-fit:contain;width:100%;max-height:92px}.phex-cap{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#55697d;text-align:center;font-size:9.5px;line-height:1.25}.phex:hover,.phex:focus-visible{z-index:5;outline:none;transform:scale(1.06)}.phex:hover .phex-poly,.phex:focus-visible .phex-poly{stroke:#0081b9;stroke-width:2px;fill:#ffffff59;filter:drop-shadow(0 8px 18px #1a2d5038)}.util{align-items:center;gap:var(--sp-sm);animation:fadeSlideUp var(--anim-entrance) .2s both;flex-direction:column;display:flex}.util-sep{background:linear-gradient(90deg,#0000,#1a2d5038 50%,#0000);width:80px;height:1px}.util-label{font-family:var(--font-mono);color:#5a7186;text-transform:uppercase;letter-spacing:.14em;font-size:10px}.util-row{justify-content:center;align-items:center;gap:var(--sp-xs);flex-wrap:wrap;display:flex}.util-pill{align-items:center;gap:var(--sp-xxs);padding:var(--sp-xs) var(--sp-sm);border-radius:var(--radius-sm);color:#4a6178;font-family:var(--font-mono);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.04em;border:1px solid #1a2d502e;display:flex}.util-pill .soon{letter-spacing:.1em;color:#7d8ea0;opacity:.9;font-size:8px}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}:focus-visible{outline:.125rem solid var(--brand-sky);outline-offset:.125rem}@media (width<=900px){.hd{padding:var(--sp-sm) var(--sp-base)}.hd-meta,.theme-row{display:none}.hd-right{gap:var(--sp-sm)}}@media (width<=620px){.honeycomb{margin-block:-26px;transform:scale(.82)}.tabs,.hd-sep{display:none}}@media (width<=440px){.honeycomb{margin-block:-58px;transform:scale(.62)}}@media (prefers-reduced-motion:reduce){.main,.util,.phex{transition:none;animation:none}}