.hb-home-hub{width:min(100%,920px);margin:0 auto;padding:calc(14px + env(safe-area-inset-top)) 14px 34px;color:var(--hb-text)}
.hb-home-hub button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.hb-home-hub button:active{transform:scale(.985)}
.hb-home-intro{position:relative;isolation:isolate;overflow:hidden;min-height:218px;padding:23px 21px;border-radius:30px;color:#fff;background:linear-gradient(145deg,#0a817f,#07545f 64%,#153a59);box-shadow:0 18px 42px rgba(4,66,70,.2);animation:hbHomeRise .42s cubic-bezier(.2,.8,.2,1) both;transition:background .5s ease}
.hb-home-intro.is-dawn{background:linear-gradient(145deg,#a55f44,#486d75 58%,#173d59)}.hb-home-intro.is-day{background:linear-gradient(145deg,#0a918b,#087179 55%,#225477)}.hb-home-intro.is-dusk{background:linear-gradient(145deg,#a4583d,#6e5262 55%,#243f62)}.hb-home-intro.is-night{background:linear-gradient(145deg,#0a515d,#123b57 55%,#1c2749)}
.hb-home-pattern{position:absolute;inset:0;z-index:-3;opacity:.13;background-image:linear-gradient(30deg,transparent 12%,#fff 12%,#fff 14%,transparent 14%,transparent 86%,#fff 86%,#fff 88%,transparent 88%),linear-gradient(150deg,transparent 12%,#fff 12%,#fff 14%,transparent 14%,transparent 86%,#fff 86%,#fff 88%,transparent 88%);background-size:42px 72px}
.hb-home-intro:after{content:"";position:absolute;z-index:-2;inset:auto -80px -135px auto;width:310px;height:310px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.035),0 0 0 84px rgba(255,255,255,.02)}
.hb-home-intro-copy{position:relative;z-index:2;max-width:470px}.hb-home-intro-copy>span{display:block;color:#b9f3ed;font-size:13px;font-weight:800}.hb-home-intro h1{margin:3px 0 4px;font-size:clamp(30px,8vw,44px);line-height:1.3;font-weight:900;letter-spacing:-.02em}.hb-home-intro p{max-width:420px;margin:0;color:rgba(255,255,255,.78);font-size:14px!important;line-height:1.8}
.hb-home-skyline{position:absolute;z-index:-1;left:-18px;bottom:52px;width:min(68%,520px);height:auto;fill:rgba(255,255,255,.11);stroke:rgba(255,255,255,.2);stroke-width:1}
.hb-home-search{position:absolute;z-index:3;right:16px;left:16px;bottom:14px;min-height:58px;border:1px solid rgba(255,255,255,.22);border-radius:19px;background:rgba(4,36,41,.38);color:#fff;display:grid;grid-template-columns:38px minmax(0,1fr) 20px;gap:10px;align-items:center;padding:8px 11px;text-align:right;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);transition:transform .18s ease,background .18s ease}.hb-home-search:hover{background:rgba(4,36,41,.5)}.hb-home-search>svg:first-child{width:38px;height:38px;padding:9px;border-radius:13px;background:rgba(255,255,255,.13)}.hb-home-search>svg:last-child{width:17px;height:17px;transform:rotate(180deg);opacity:.76}.hb-home-search strong,.hb-home-search small{display:block}.hb-home-search strong{font-size:14px}.hb-home-search small{margin-top:1px;color:rgba(255,255,255,.68);font-size:12px!important}
.hb-home-today{display:grid;grid-template-columns:.75fr 1.25fr 1.5fr;gap:0;margin-top:11px;border:1px solid var(--hb-line);border-radius:23px;background:var(--hb-surface);box-shadow:0 9px 26px rgba(5,55,59,.055);overflow:hidden;animation:hbHomeRise .42s .05s cubic-bezier(.2,.8,.2,1) both}.hb-home-today>div,.hb-home-today>button{min-width:0;min-height:72px;padding:11px 12px;border:0;border-left:1px solid var(--hb-line);background:transparent;color:var(--hb-text);text-align:right;display:flex;flex-direction:column;justify-content:center}.hb-home-today>div:first-child{border-left:1px solid var(--hb-line)}.hb-home-today small{display:block;color:var(--hb-muted);font-size:12px!important}.hb-home-today time{font-size:21px;font-weight:900;font-variant-numeric:tabular-nums}.hb-home-today>div strong{display:block;margin-top:2px;font-size:13px;line-height:1.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hb-home-today>button{border-left:0;display:grid;grid-template-columns:34px minmax(0,1fr) 15px;gap:8px;align-items:center}.hb-home-today>button>span:first-child{width:34px;height:34px;border-radius:12px;background:rgba(9,128,126,.1);color:var(--hb-accent);display:grid;place-items:center}.hb-home-today>button svg{width:18px;height:18px}.hb-home-today>button>svg{width:14px;transform:rotate(180deg);color:var(--hb-muted)}.hb-home-today>button strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-home-group{margin-top:27px;animation:hbHomeRise .42s .1s cubic-bezier(.2,.8,.2,1) both}.hb-home-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 3px 13px}.hb-home-heading span{display:block;color:var(--hb-accent);font-size:12px;font-weight:850}.hb-home-heading h2{margin:2px 0 0;font-size:21px;line-height:1.45}.hb-home-heading>button{min-height:44px;border:0;background:transparent;color:var(--hb-accent);display:flex;align-items:center;gap:5px;padding:7px;font-size:12px;font-weight:800;white-space:nowrap}.hb-home-heading>button svg{width:15px;height:15px;transform:rotate(180deg)}
.hb-home-cluster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hb-home-cluster{position:relative;min-width:0;min-height:196px;border:1px solid var(--hb-line);border-radius:25px;background:var(--hb-surface);overflow:hidden;box-shadow:0 10px 28px rgba(5,55,59,.06);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.hb-home-cluster:hover{transform:translateY(-2px);border-color:rgba(8,127,131,.28);box-shadow:0 15px 34px rgba(5,55,59,.09)}.hb-home-cluster:after{content:"";position:absolute;top:-45px;left:-45px;width:120px;height:120px;border-radius:50%;background:var(--cluster-soft);opacity:.8}.hb-home-cluster header{position:relative;z-index:1;padding:15px 14px 12px}.hb-home-cluster header>span{width:44px;height:44px;border-radius:15px;background:var(--cluster);color:#fff;display:grid;place-items:center;box-shadow:0 9px 20px var(--cluster-shadow)}.hb-home-cluster header>span svg{width:21px;height:21px}.hb-home-cluster header small{display:block;margin-top:11px;color:var(--cluster);font-size:12px!important;font-weight:800}.hb-home-cluster h3{margin:2px 0 0;font-size:16px;line-height:1.5}.hb-home-cluster p{margin:3px 0 0;color:var(--hb-muted);font-size:12px!important;line-height:1.65;min-height:39px}.hb-home-cluster>div{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 10px 10px}.hb-home-cluster>div button{min-width:0;min-height:44px;border:0;border-radius:14px;background:var(--hb-surface-2);color:var(--hb-text);display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;font-weight:800;white-space:nowrap}.hb-home-cluster>div button svg{width:13px;height:13px;color:var(--cluster);transform:rotate(180deg)}
.hb-home-cluster.is-know{--cluster:#0b7f7d;--cluster-soft:rgba(11,127,125,.12);--cluster-shadow:rgba(11,127,125,.2)}.hb-home-cluster.is-memory{--cluster:#a85d3d;--cluster-soft:rgba(168,93,61,.13);--cluster-shadow:rgba(168,93,61,.2)}.hb-home-cluster.is-fresh{--cluster:#245b8f;--cluster-soft:rgba(36,91,143,.13);--cluster-shadow:rgba(36,91,143,.2)}.hb-home-cluster.is-read{--cluster:#9a7320;--cluster-soft:rgba(154,115,32,.14);--cluster-shadow:rgba(154,115,32,.2)}
.hb-home-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px;animation:hbHomeRise .42s .16s cubic-bezier(.2,.8,.2,1) both}.hb-home-actions>button{min-width:0;min-height:76px;border:1px solid var(--hb-line);border-radius:21px;background:var(--hb-surface);color:var(--hb-text);display:grid;grid-template-columns:38px minmax(0,1fr) 16px;gap:9px;align-items:center;padding:10px;text-align:right}.hb-home-actions>button>span:first-child{width:38px;height:38px;border-radius:13px;background:var(--hb-surface-2);color:var(--hb-accent);display:grid;place-items:center}.hb-home-actions svg{width:18px;height:18px}.hb-home-actions>button>svg{width:14px;color:var(--hb-muted);transform:rotate(180deg)}.hb-home-actions strong,.hb-home-actions small{display:block}.hb-home-actions strong{font-size:13px}.hb-home-actions small{margin-top:2px;color:var(--hb-muted);font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-home-hub button:focus-visible{outline:3px solid rgba(8,127,131,.32);outline-offset:2px}@keyframes hbHomeRise{from{opacity:.25;transform:translateY(11px)}to{opacity:1;transform:none}}
html[data-hb-theme="dark"] .hb-home-intro{box-shadow:0 18px 48px rgba(0,0,0,.3)}html[data-hb-theme="dark"] .hb-home-cluster,html[data-hb-theme="dark"] .hb-home-today,html[data-hb-theme="dark"] .hb-home-actions>button{box-shadow:none}
@media(min-width:720px){.hb-home-hub{padding:25px 24px 45px}.hb-home-intro{min-height:245px;padding:31px 29px}.hb-home-intro p{font-size:15px!important}.hb-home-search{right:25px;left:25px;bottom:20px;min-height:64px}.hb-home-today{margin-top:14px}.hb-home-cluster-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.hb-home-cluster{min-height:218px}.hb-home-cluster header{padding:17px 15px 13px}.hb-home-cluster h3{font-size:17px}.hb-home-actions{max-width:620px;margin-right:auto;margin-left:auto}}
@media(max-width:390px){.hb-home-hub{padding-right:10px;padding-left:10px}.hb-home-intro{min-height:210px;padding:20px 17px}.hb-home-intro h1{font-size:29px}.hb-home-intro p{font-size:13px!important}.hb-home-search{right:11px;left:11px;bottom:11px}.hb-home-search small{display:none}.hb-home-today{grid-template-columns:.72fr 1.18fr 1.45fr}.hb-home-today>div,.hb-home-today>button{padding:8px}.hb-home-today>button{grid-template-columns:30px minmax(0,1fr)}.hb-home-today>button>svg{display:none}.hb-home-today>button>span:first-child{width:30px;height:30px}.hb-home-heading h2{font-size:19px}.hb-home-heading>button{font-size:12px}.hb-home-cluster-grid{gap:7px}.hb-home-cluster{min-height:191px;border-radius:22px}.hb-home-cluster header{padding:12px 10px 9px}.hb-home-cluster header>span{width:40px;height:40px}.hb-home-cluster h3{font-size:14px}.hb-home-cluster p{font-size:12px!important;min-height:37px}.hb-home-cluster>div{padding:0 7px 7px;gap:4px}.hb-home-cluster>div button{font-size:12px}.hb-home-actions{grid-template-columns:1fr}.hb-home-actions>button{min-height:68px}}
@media(prefers-reduced-motion:reduce){.hb-home-intro,.hb-home-today,.hb-home-group,.hb-home-actions{animation:none!important}}