.home-hub{max-width:1256px;margin:0 auto;padding:32px 44px 40px;--hub-muted:var(--muted)}
/* A fixed sidebar must never cover a new page during a phone-to-desktop resize. */
@media(min-width:768px){body:not(.entry-screen) #view:is([data-route="/home"],[data-route="/create"],[data-route="/community"],[data-route="/mail"],[data-route="/creators"],[data-route="/leisure"]){margin-left:var(--sbw);width:calc(100% - var(--sbw));transition:none}}
.hub-top,.hub-intro,.hub-section-head,.hub-footer,.hub-beginner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.hub-top{margin-bottom:64px}.hub-wordmark{font-size:calc(25px * var(--ui-font-scale, 1));font-weight:800;letter-spacing:-1.3px;color:var(--text)}.hub-wordmark>span{font-weight:400;color:var(--muted)}.hub-wordmark small{display:inline-block;vertical-align:middle;margin-left:20px;padding-left:20px;border-left:1px solid var(--border);font-size:calc(12px * var(--ui-font-scale, 1));font-weight:400;letter-spacing:1px;color:var(--muted)}
.hub-account{display:flex;align-items:center;gap:10px;font-size:calc(13px * var(--ui-font-scale, 1));color:var(--text)}.hub-account>span:last-child{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-account .avatar{width:32px;height:32px}
.hub-intro{margin-bottom:40px;align-items:flex-end}.hub-kicker{font-size:calc(12px * var(--ui-font-scale, 1));color:var(--primary);font-weight:600;letter-spacing:2px;margin:0 0 16px}.hub-intro h1{font-size:clamp(25px,2.6vw,36px);letter-spacing:-1.4px;font-weight:650;margin:0 0 14px}.hub-intro>div>p:last-child{color:var(--muted);font-size:calc(14px * var(--ui-font-scale, 1));margin:0}.hub-start{flex-shrink:0;display:flex;align-items:center;gap:26px;background:var(--primary);color:#fff;border-radius:99px;padding:13px 22px;font-size:calc(14px * var(--ui-font-scale, 1));font-weight:600}.hub-start:hover{background:var(--primary-600)}.hub-start span{font-size:calc(19px * var(--ui-font-scale, 1))}
.hub-categories{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:20px 0;margin-bottom:38px}.hub-categories button{font:inherit;border:0;border-radius:16px;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;flex-direction:column;padding:11px 2px 9px;gap:8px;min-width:0}.hub-categories button b{font-size:calc(25px * var(--ui-font-scale, 1));font-weight:500;line-height:1.2;color:var(--text)}.hub-categories button span{font-size:calc(11px * var(--ui-font-scale, 1));white-space:nowrap}.hub-categories button:hover{background:var(--bg-soft)}.hub-categories button[aria-pressed=true]{background:var(--primary-50);color:var(--primary)}.hub-categories button[aria-pressed=true] b{color:var(--primary)}
.home-hub a:focus-visible,.home-hub button:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.hub-section-head{align-items:flex-start;margin-bottom:23px}.hub-section-label{font-size:calc(11px * var(--ui-font-scale, 1));letter-spacing:1.5px;color:var(--muted);margin:0 0 9px}.hub-section-head h2{margin:0 0 10px;font-size:calc(23px * var(--ui-font-scale, 1));font-weight:600;letter-spacing:-.7px}.hub-section-head p:last-child{color:var(--muted);font-size:calc(13px * var(--ui-font-scale, 1));margin:0}.hub-section-note{font-size:calc(11px * var(--ui-font-scale, 1));color:var(--muted);border:1px solid var(--border);border-radius:99px;padding:5px 10px;margin-top:4px;white-space:nowrap}
.hub-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.hub-tile{display:flex;flex-direction:column;align-items:flex-start;min-height:214px;padding:23px 21px;background:var(--card);border:1px solid var(--border);border-radius:20px;color:var(--text);transition:border-color .15s,transform .15s}.hub-tile:hover{border-color:var(--primary);transform:translateY(-2px)}.hub-tile-featured{background:var(--primary-50);border-color:var(--primary-100)}.hub-tile-icon{color:var(--primary);margin-bottom:19px}.hub-tile-icon .ico{width:25px;height:25px}.hub-tile>b{font-size:calc(16px * var(--ui-font-scale, 1));font-weight:600}.hub-tile>p{font-size:calc(12px * var(--ui-font-scale, 1));color:var(--muted);line-height:1.75;margin:7px 0 22px}.hub-tile-go{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto;font-size:calc(11px * var(--ui-font-scale, 1));color:var(--muted)}.hub-tile-go i{font-size:calc(17px * var(--ui-font-scale, 1));font-style:normal;color:var(--text)}.hub-tile-featured .hub-tile-go{color:var(--primary)}
.hub-beginner{border:1px solid var(--border);border-radius:18px;padding:19px 22px;margin-top:18px;color:var(--text);background:var(--card);gap:16px}.hub-beginner-mark{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;color:var(--primary);background:var(--primary-50);border-radius:50%;font-size:calc(22px * var(--ui-font-scale, 1))}.hub-beginner>span:nth-child(2){flex:1}.hub-beginner b{font-size:calc(13px * var(--ui-font-scale, 1));font-weight:600;display:block}.hub-beginner small{color:var(--muted);font-size:calc(12px * var(--ui-font-scale, 1));display:block;margin-top:3px}.hub-beginner>span:last-child{font-size:calc(20px * var(--ui-font-scale, 1));color:var(--muted)}.hub-planned{color:var(--muted);font-size:calc(12px * var(--ui-font-scale, 1));line-height:1.8;margin:22px 0}.hub-planned>span{margin-right:10px;padding:4px 8px;border-radius:6px;background:var(--bg-soft);font-size:calc(10px * var(--ui-font-scale, 1))}.hub-footer{padding-top:30px;font-size:calc(11px * var(--ui-font-scale, 1));color:var(--muted)}.hub-footer a{display:flex;gap:8px;align-items:center;color:var(--muted)}.hub-footer .ico{width:14px;height:14px}
@media(min-width:1600px){.home-hub{padding-top:40px}.hub-top{margin-bottom:80px}.hub-intro{margin-bottom:48px}.hub-tiles{gap:18px}.hub-tile{min-height:230px}}
@media(max-width:1100px){.home-hub{padding:28px}.hub-top{margin-bottom:45px}.hub-categories{gap:2px}.hub-categories button span{font-size:calc(10px * var(--ui-font-scale, 1))}.hub-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-tile{min-height:190px}.hub-intro{align-items:flex-start;gap:16px}.hub-start{padding:11px 15px;gap:12px;font-size:calc(12px * var(--ui-font-scale, 1))}.hub-section-note{display:none}}
@media(max-width:640px){.home-hub{padding:20px 18px 28px}.hub-top{margin-bottom:34px;padding-left:38px;min-height:36px}.hub-wordmark{font-size:calc(22px * var(--ui-font-scale, 1))}.hub-wordmark small{display:none}.hub-account{font-size:calc(11px * var(--ui-font-scale, 1))}.hub-account .avatar{width:28px;height:28px}.hub-intro{display:block;margin-bottom:28px}.hub-kicker{font-size:calc(10px * var(--ui-font-scale, 1));margin-bottom:10px}.hub-intro h1{font-size:calc(27px * var(--ui-font-scale, 1))}.hub-intro>div>p:last-child{font-size:calc(12px * var(--ui-font-scale, 1))}.hub-start{width:max-content;margin-top:23px;font-size:calc(13px * var(--ui-font-scale, 1));padding:11px 18px;gap:20px}.hub-categories{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px 4px;padding:14px 0;margin-bottom:27px}.hub-categories button{padding:10px 0 8px;gap:6px}.hub-categories button b{font-size:calc(23px * var(--ui-font-scale, 1))}.hub-categories button span{font-size:calc(10px * var(--ui-font-scale, 1))}.hub-section-head h2{font-size:calc(20px * var(--ui-font-scale, 1))}.hub-section-head p:last-child{font-size:calc(12px * var(--ui-font-scale, 1))}.hub-tiles{gap:10px}.hub-tile{padding:18px 16px;min-height:198px;border-radius:16px}.hub-tile-icon{margin-bottom:13px}.hub-tile>b{font-size:calc(14px * var(--ui-font-scale, 1))}.hub-tile>p{font-size:calc(11px * var(--ui-font-scale, 1));margin-bottom:17px}.hub-beginner{padding:15px 13px;gap:10px}.hub-beginner b{font-size:calc(12px * var(--ui-font-scale, 1))}.hub-beginner small{font-size:calc(10px * var(--ui-font-scale, 1))}.hub-beginner-mark{width:30px;height:30px}.hub-footer{gap:12px;align-items:flex-start;font-size:calc(10px * var(--ui-font-scale, 1))}.hub-footer>span{max-width:180px}}
@media(prefers-reduced-motion:reduce){.hub-tile{transition:none}.hub-tile:hover{transform:none}}