.hub-head{display:flex;justify-content:center;padding:8px 16px;border-bottom:1px solid var(--line)}.hub-hero{text-align:center;padding:22px 0 8px}.hub-hero h1{font:800 clamp(44px,9vw,72px)/1 var(--display);margin:0;letter-spacing:-.02em}.hub-lede{font-size:19px;color:var(--ink-2);margin:10px auto 18px;max-width:30em}.hub-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;color:var(--ink-2)}.hub-meta p{margin:0;display:flex;align-items:center;gap:8px}.hub-streak svg{width:22px;height:22px;fill:color-mix(in srgb,var(--warn) 30%,transparent);stroke:var(--warn);stroke-width:1.6}.hub-streak.zero svg{fill:none;stroke:var(--ink-3)}.hub-h{font:700 15px var(--body);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);margin:30px 0 10px}.hub-grid{display:grid;gap:12px;grid-template-columns:1fr}@media (min-width: 620px){.hub-grid{grid-template-columns:1fr 1fr}}@media (min-width: 900px){.hub-grid{grid-template-columns:repeat(3,1fr)}}.hub-card{position:relative;display:flex;flex-direction:column;gap:4px;min-height:132px;padding:18px 18px 14px 22px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);color:var(--ink);text-decoration:none;overflow:hidden;transition:transform .12s ease,border-color .12s ease}.hub-card{--g: var(--g-l)}@media (prefers-color-scheme: dark){.hub-card{--g: var(--g-d)}}.hub-card:hover{transform:translateY(-2px);border-color:var(--g)}.hub-tab{position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--g)}.hub-name{font:700 26px/1.1 var(--display)}.hub-blurb{color:var(--ink-2);font-size:16px;flex:1}.hub-state{display:flex;align-items:center;gap:6px;font-weight:700;font-size:15px;color:var(--g);margin-top:6px}.hub-state svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4}.hub-card.done .hub-state{color:var(--ink)}.hub-card.done .hub-state svg{color:var(--good)}@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/fonts/cormorant-garamond-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:"Bree Serif";src:url(/fonts/bree-serif-400.woff2) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Bebas Neue;src:url(/fonts/bebas-neue-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Fredoka;src:url(/fonts/fredoka-600.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Josefin Sans;src:url(/fonts/josefin-sans-700.woff2) format("woff2");font-weight:700;font-display:swap}.hub-card[data-to=stepwise],.hub-card[data-to=rarest],.hub-card[data-to=handful],.hub-card[data-to=unquote],.hub-card[data-to=daisy],.hub-card[data-to=eightfold]{background-color:var(--card);background-image:var(--hm, none);color:var(--ink);border-color:var(--line)}.hub-card[data-to=stepwise] .hub-tab,.hub-card[data-to=rarest] .hub-tab,.hub-card[data-to=handful] .hub-tab,.hub-card[data-to=unquote] .hub-tab,.hub-card[data-to=daisy] .hub-tab,.hub-card[data-to=eightfold] .hub-tab{display:none}.hub-card[data-to=stepwise]{--card: #e8f0f3;--ink: #12263a;--ink-2: #3a5165;--line: #cfdde4;--good: #24704a;--g: #1c5c8c;border-radius:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='14'%3E%3Cpath d='M0 14 L0 10 L18 6 L30 9 L52 1 L70 8 L84 5 L104 10 L126 3 L140 7 L160 4 L178 10 L198 2 L214 8 L240 10 L240 14Z' fill='%23c3d4dc'/%3E%3C/svg%3E") repeat-x left bottom / 240px 14px,var(--card);padding-bottom:22px}.hub-card[data-to=stepwise] .hub-name{align-self:flex-start;font:700 25px/1 Barlow Condensed,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#fff;background:#1c5c8c;padding:5px 24px 4px 10px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%);margin-bottom:4px}.hub-card[data-to=rarest]{--card: #fbf6ea;--ink: #24180f;--ink-2: #4f3f2f;--line: #bba57f;--good: #2c6e3f;--g: #16625a;border-radius:4px;outline:1px solid #8a6417;outline-offset:-7px}.hub-card[data-to=rarest] .hub-name{font:700 31px/1 Cormorant Garamond,Georgia,serif;font-variant:small-caps;letter-spacing:.1em}.hub-card[data-to=handful]{--card: #dcb27a;--ink: #2a1a0b;--ink-2: #3f2812;--line: #c08a45;--good: #17462a;--g: #6e2a08;border-radius:12px;--hm: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='120'%3E%3Cg fill='none' stroke='rgba(120,70,20,.18)' stroke-width='1.2'%3E%3Cpath d='M0 57 C60 54.3 120 59.7 180 57 S300 54.3 360 57'/%3E%3Cpath d='M0 109 C60 106.2 120 111.8 180 109 S300 106.2 360 109'/%3E%3Cpath d='M0 59 C60 57.1 120 60.9 180 59 S300 57.1 360 59'/%3E%3Cpath d='M0 109 C60 106.8 120 111.2 180 109 S300 106.8 360 109'/%3E%3Cpath d='M0 23 C60 20.4 120 25.6 180 23 S300 20.4 360 23'/%3E%3Cpath d='M0 60 C60 57.7 120 62.3 180 60 S300 57.7 360 60'/%3E%3Cpath d='M0 101 C60 99.6 120 102.4 180 101 S300 99.6 360 101'/%3E%3Cpath d='M0 57 C60 55.4 120 58.6 180 57 S300 55.4 360 57'/%3E%3Cpath d='M0 11 C60 8.9 120 13.1 180 11 S300 8.9 360 11'/%3E%3Cpath d='M0 113 C60 110.6 120 115.4 180 113 S300 110.6 360 113'/%3E%3Cpath d='M0 5 C60 2.8 120 7.2 180 5 S300 2.8 360 5'/%3E%3Cpath d='M0 50 C60 47.1 120 52.9 180 50 S300 47.1 360 50'/%3E%3Cpath d='M0 83 C60 80.5 120 85.5 180 83 S300 80.5 360 83'/%3E%3Cpath d='M0 83 C60 81.7 120 84.3 180 83 S300 81.7 360 83'/%3E%3C/g%3E%3C/svg%3E");background-size:360px 120px}.hub-card[data-to=handful] .hub-name{font:400 27px/1 "Bree Serif",Georgia,serif}.hub-card[data-to=unquote]{--card: #141213;--ink: #f3ece2;--ink-2: #d0c6ba;--line: #141213;--good: #6cc890;--g: #f0c14b;border-radius:6px;padding-top:30px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='8'%3E%3Crect x='5' y='1' width='12' height='6' rx='1.5' fill='%233b3435'/%3E%3C/svg%3E") repeat-x 0 4px,#141213}.hub-card[data-to=unquote] .hub-name{font:400 34px/1 Bebas Neue,sans-serif;letter-spacing:.12em;color:#f0c14b}.hub-card[data-to=daisy]{--card: #f1f6e3;--ink: #1b2a11;--ink-2: #3d5130;--line: #b5c795;--good: #2c7a2f;--g: #2f6c17;border-radius:22px;--hm: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23ffffff' stroke='%237aa055' stroke-width='.7'%3E%3Cellipse cx='12' cy='6' rx='2.6' ry='5' transform='rotate(0 12 12)'/%3E%3Cellipse cx='12' cy='6' rx='2.6' ry='5' transform='rotate(45 12 12)'/%3E%3Cellipse cx='12' cy='6' rx='2.6' ry='5' transform='rotate(90 12 12)'/%3E%3Cellipse cx='12' cy='6' rx='2.6' ry='5' transform='rotate(135 12 12)'/%3E%3Cellipse cx='12' cy='6' rx='2.6' ry='5' transform='rotate(180 12 12)'/%3E%3Cellipse cx='12' cy='6' rx='2.6' ry='5' transform='rotate(225 12 12)'/%3E%3Cellipse cx='12' cy='6' rx='2.6' ry='5' transform='rotate(270 12 12)'/%3E%3Cellipse cx='12' cy='6' rx='2.6' ry='5' transform='rotate(315 12 12)'/%3E%3C/g%3E%3Ccircle cx='12' cy='12' r='3.6' fill='%23f5c22b'/%3E%3C/svg%3E");background-size:54px 54px;background-position:right 14px top 12px;background-repeat:no-repeat}.hub-card[data-to=daisy] .hub-name{font:600 30px/1 Fredoka,sans-serif;color:#2f6c17}.hub-card[data-to=eightfold]{--card: #f2ede1;--ink: #12151c;--ink-2: #3a3e47;--line: #c2b48f;--good: #22703f;--g: #7a5608;border-radius:2px;--hm: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Cg fill='none' stroke='%23e0d6c0' stroke-width='1'%3E%3Cpath d='M-24 0 A24 24 0 0 1 24 0'/%3E%3Cpath d='M24 0 A24 24 0 0 1 72 0'/%3E%3Cpath d='M-17 0 A17 17 0 0 1 17 0'/%3E%3Cpath d='M31 0 A17 17 0 0 1 65 0'/%3E%3Cpath d='M-10 0 A10 10 0 0 1 10 0'/%3E%3Cpath d='M38 0 A10 10 0 0 1 58 0'/%3E%3Cpath d='M0 24 A24 24 0 0 1 48 24' /%3E%3Cpath d='M7 24 A17 17 0 0 1 41 24' /%3E%3Cpath d='M14 24 A10 10 0 0 1 34 24' /%3E%3C/g%3E%3C/svg%3E");background-size:48px 24px;outline:1px solid #c39a3e;outline-offset:-6px}.hub-card[data-to=eightfold] .hub-name{font:700 22px/1.2 Josefin Sans,sans-serif;text-transform:uppercase;letter-spacing:.22em;padding-top:4px}@media (prefers-color-scheme: dark){.hub-card[data-to=stepwise]{--card: #16242f;--ink: #e4eef4;--ink-2: #b0c2cf;--line: #2a3e50;--good: #5fc08a;--g: #8cc4ec;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='14'%3E%3Cpath d='M0 14 L0 10 L18 6 L30 9 L52 1 L70 8 L84 5 L104 10 L126 3 L140 7 L160 4 L178 10 L198 2 L214 8 L240 10 L240 14Z' fill='%2322384a'/%3E%3C/svg%3E") repeat-x left bottom / 240px 14px,var(--card)}.hub-card[data-to=rarest]{--card: #211913;--ink: #f1e6d2;--ink-2: #cdbb9f;--line: #5a4838;--good: #6cc48a;--g: #7fd0c0;outline-color:#d8b15e}.hub-card[data-to=handful]{--card: #33251a;--ink: #f6e9d4;--ink-2: #d9c3a1;--line: #6a4f38;--good: #74c890;--g: #f6b080;--hm: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='120'%3E%3Cg fill='none' stroke='rgba(255,210,150,.07)' stroke-width='1.2'%3E%3Cpath d='M0 57 C60 54.3 120 59.7 180 57 S300 54.3 360 57'/%3E%3Cpath d='M0 109 C60 106.2 120 111.8 180 109 S300 106.2 360 109'/%3E%3Cpath d='M0 59 C60 57.1 120 60.9 180 59 S300 57.1 360 59'/%3E%3Cpath d='M0 109 C60 106.8 120 111.2 180 109 S300 106.8 360 109'/%3E%3Cpath d='M0 23 C60 20.4 120 25.6 180 23 S300 20.4 360 23'/%3E%3Cpath d='M0 60 C60 57.7 120 62.3 180 60 S300 57.7 360 60'/%3E%3Cpath d='M0 101 C60 99.6 120 102.4 180 101 S300 99.6 360 101'/%3E%3Cpath d='M0 57 C60 55.4 120 58.6 180 57 S300 55.4 360 57'/%3E%3Cpath d='M0 11 C60 8.9 120 13.1 180 11 S300 8.9 360 11'/%3E%3Cpath d='M0 113 C60 110.6 120 115.4 180 113 S300 110.6 360 113'/%3E%3Cpath d='M0 5 C60 2.8 120 7.2 180 5 S300 2.8 360 5'/%3E%3Cpath d='M0 50 C60 47.1 120 52.9 180 50 S300 47.1 360 50'/%3E%3Cpath d='M0 83 C60 80.5 120 85.5 180 83 S300 80.5 360 83'/%3E%3Cpath d='M0 83 C60 81.7 120 84.3 180 83 S300 81.7 360 83'/%3E%3C/g%3E%3C/svg%3E")}.hub-card[data-to=unquote]{--line: #3b3435}.hub-card[data-to=daisy]{--card: #182212;--ink: #eef5e0;--ink-2: #c3d3a8;--line: #3f5531;--good: #7fd07a;--g: #a8df7e;--hm: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%23eef2e2' stroke='%234a6a35' stroke-width='.7'%3E%3Cellipse cx='12' cy='6' rx='2.6' ry='5' transform='rotate(0 12 12)'/%3E%3Cellipse cx='12' cy='6' rx='2.6' ry='5' transform='rotate(45 12 12)'/%3E%3Cellipse cx='12' cy='6' rx='2.6' ry='5' transform='rotate(90 12 12)'/%3E%3Cellipse cx='12' cy='6' rx='2.6' ry='5' transform='rotate(135 12 12)'/%3E%3Cellipse cx='12' cy='6' rx='2.6' ry='5' transform='rotate(180 12 12)'/%3E%3Cellipse cx='12' cy='6' rx='2.6' ry='5' transform='rotate(225 12 12)'/%3E%3Cellipse cx='12' cy='6' rx='2.6' ry='5' transform='rotate(270 12 12)'/%3E%3Cellipse cx='12' cy='6' rx='2.6' ry='5' transform='rotate(315 12 12)'/%3E%3C/g%3E%3Ccircle cx='12' cy='12' r='3.6' fill='%23f5c22b'/%3E%3C/svg%3E")}.hub-card[data-to=daisy] .hub-name{color:#a8df7e}.hub-card[data-to=eightfold]{--card: #0c0f15;--ink: #f2ead6;--ink-2: #c9c0aa;--line: #3d4452;--good: #6cc890;--g: #ecc76e;--hm: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Cg fill='none' stroke='%23191e28' stroke-width='1'%3E%3Cpath d='M-24 0 A24 24 0 0 1 24 0'/%3E%3Cpath d='M24 0 A24 24 0 0 1 72 0'/%3E%3Cpath d='M-17 0 A17 17 0 0 1 17 0'/%3E%3Cpath d='M31 0 A17 17 0 0 1 65 0'/%3E%3Cpath d='M-10 0 A10 10 0 0 1 10 0'/%3E%3Cpath d='M38 0 A10 10 0 0 1 58 0'/%3E%3Cpath d='M0 24 A24 24 0 0 1 48 24' /%3E%3Cpath d='M7 24 A17 17 0 0 1 41 24' /%3E%3Cpath d='M14 24 A10 10 0 0 1 34 24' /%3E%3C/g%3E%3C/svg%3E");outline-color:#c9a24a}.hub-card[data-to=eightfold] .hub-name{color:#e4b850}}