.hub{--g1:#c8ff4d;--g2:#7cb1ff;--g3:#b69cff;isolation:isolate;min-height:100dvh;padding:calc(var(--nav-h) + 48px) 0 96px;background:var(--hero-bg);color:var(--hero-text);position:relative;overflow:clip}:root[data-theme=light] .hub{--g1:#9fd400;--g2:#3d7be0;--g3:#7a5ce0}.hub-sky{z-index:-1;pointer-events:none;position:absolute;inset:0}.hub-orb{filter:blur(60px);opacity:.55;border-radius:50%;animation:16s ease-in-out infinite hub-float;position:absolute}.hub-orb.a{background:radial-gradient(circle, color-mix(in oklab, var(--g1) 70%, transparent), transparent 65%);width:520px;height:520px;top:-160px;right:-120px}.hub-orb.b{background:radial-gradient(circle, color-mix(in oklab, var(--g2) 60%, transparent), transparent 65%);width:460px;height:460px;animation-delay:-5s;top:30%;left:-160px}.hub-orb.c{background:radial-gradient(circle, color-mix(in oklab, var(--g3) 55%, transparent), transparent 65%);width:380px;height:380px;animation-delay:-9s;bottom:-160px;right:20%}:root[data-theme=light] .hub-orb{opacity:.35}@keyframes hub-float{50%{transform:translate(30px,-24px)scale(1.06)}}.hub-rings{opacity:.5;width:760px;animation:60s linear infinite hub-spin;position:absolute;top:-120px;right:-220px}.hub-rings circle{fill:none;stroke:var(--hero-line);stroke-width:1px;stroke-dasharray:2 10}@keyframes hub-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.hub-orb,.hub-rings,.hub-dot{animation:none!important}}.hub-in{gap:36px;display:grid}.hub-k{color:var(--hero-lead);align-items:center;gap:10px;font-size:13px;display:inline-flex}.hub-dot{background:var(--hero-accent);width:8px;height:8px;box-shadow:0 0 12px var(--hero-accent);border-radius:50%;animation:2s infinite pulse-ring}.hub-t{letter-spacing:-.045em;margin-top:18px;font-size:clamp(3rem,1.4rem + 6.4vw,7.4rem);font-weight:700;line-height:.9}.hub-t span{color:var(--hero-accent)}.hub.is-mine{padding-top:calc(var(--nav-h) + clamp(20px, 4vw, 40px))}.hub.is-mine .hub-in{gap:22px}.hub.is-mine .hub-t{letter-spacing:-.04em;margin-top:10px;font-size:clamp(2.1rem,1.3rem + 3.2vw,3.8rem);line-height:1}.hub.is-mine .hub-sub{margin-top:10px;font-size:1rem}.hub-sub{max-width:56ch;font-size:var(--fs-md);color:var(--hero-lead);margin-top:20px}.hub-who{border:1px solid var(--hero-line);background:color-mix(in oklab, var(--hero-bg) 60%, transparent);backdrop-filter:blur(10px);color:var(--hero-lead);border-radius:999px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;padding:8px 8px 8px 14px;font-size:13.5px;display:inline-flex}.hub-who b{color:var(--hero-text)}.hub-who a,.hub-who button{border:1px solid var(--hero-line);color:var(--hero-text);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font-size:12.5px}.hub-who a.pri{background:var(--hero-accent);border-color:var(--hero-accent);color:var(--hero-bg);font-weight:600}.ob{gap:22px;max-width:900px;padding:clamp(22px,4vw,40px);display:grid}.ob-steps{letter-spacing:.1em;text-transform:uppercase;color:var(--hero-dim);flex-wrap:wrap;gap:8px;padding:0;font-size:12px;list-style:none;display:flex}.ob-steps li{border:1px solid var(--hero-line);transition:all var(--t-fast);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;display:flex}.ob-steps li span{background:color-mix(in oklab, var(--hero-text) 8%, transparent);border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.ob-steps li.on{color:var(--hero-text);border-color:var(--hero-accent);box-shadow:0 0 20px -6px var(--hero-accent)}.ob-steps li.on span,.ob-steps li.done span{background:var(--hero-accent);color:var(--hero-bg)}.ob-step h2{letter-spacing:-.035em;font-size:clamp(1.6rem,1.1rem + 1.6vw,2.4rem)}.ob-pills{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}@media (width<=520px){.ob-pills[data-pills=year]{grid-template-columns:1fr 1fr;display:grid}}.ob-pill{border:1px solid var(--hero-line);background:color-mix(in oklab, var(--hero-text) 4%, transparent);color:var(--hero-text);font:600 15px var(--font-body);cursor:pointer;transition:transform var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast), background var(--t-fast);border-radius:16px;padding:14px 20px}.ob-pill:hover{border-color:color-mix(in oklab, var(--hero-accent) 60%, var(--hero-line));transform:translateY(-2px)}.ob-pill[aria-pressed=true]{border-color:var(--hero-accent);background:color-mix(in oklab, var(--hero-accent) 16%, transparent);box-shadow:0 0 0 1px var(--hero-accent), 0 10px 30px -12px var(--hero-accent)}.ob-note{color:var(--hero-lead);margin-top:8px;font-size:14px}.ob-opts{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:10px;margin-top:18px;display:grid}.ob-opt{text-align:left;border:1px solid var(--hero-line);background:color-mix(in oklab, var(--hero-text) 4%, transparent);color:var(--hero-text);cursor:pointer;transition:border-color var(--t-fast), background var(--t-fast);border-radius:16px;gap:4px;padding:16px 16px 16px 50px;display:grid;position:relative}.ob-opt:before{content:"";border:1.5px solid var(--hero-dim);border-radius:6px;width:20px;height:20px;position:absolute;top:18px;left:16px}.ob-opt[aria-pressed=true]{border-color:var(--c);background:color-mix(in oklab, var(--c) 14%, transparent)}.ob-opt[aria-pressed=true]:before{background:var(--c);border-color:var(--c);box-shadow:inset 0 0 0 3px color-mix(in oklab, var(--hero-bg) 70%, transparent)}.ob-opt b{font-size:15px}.ob-opt small{color:var(--hero-dim);font-size:12px;font-family:var(--font-mono)}.ob-empty{color:var(--hero-lead);border:1px dashed var(--hero-line);border-radius:14px;padding:18px;font-size:14.5px}.ob-foot{align-items:center;gap:14px;display:flex}.ob-back{color:var(--hero-lead);cursor:pointer;background:0 0;border:0;font-size:14px}.ob-msg{color:var(--hero-lead);flex:1;font-size:13.5px}.ob-msg.is-err{color:var(--hero-danger)}.ob-step h2:focus{outline:none}.ob-next{min-width:140px}.mine{gap:22px;display:grid}.mine-bar{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:4px 14px;display:flex}.mine-chips{color:var(--hero-lead);flex-wrap:wrap;gap:2px 0;font-size:13px;display:flex}.mine-chips span+span:before{content:"·";color:var(--hero-dim);margin:0 8px}.mine-chips .warn{color:var(--hero-text)}.mine-edit{min-height:32px;color:var(--hero-accent);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.mine-who:empty{display:none}.mine-who .hub-who{margin-top:0}.mine-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:18px;display:grid}.mcard{--c:var(--g1);min-height:240px;color:var(--hero-text);isolation:isolate;border:1px solid color-mix(in oklab, var(--c) 35%, var(--hero-line));background:color-mix(in oklab, var(--hero-bg) 50%, transparent);backdrop-filter:blur(14px);transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out), border-color .3s;animation:mcard-in .6s var(--ease-out) both;animation-delay:calc(var(--i) * 70ms);border-radius:24px;align-content:start;gap:12px;padding:26px;display:grid;position:relative;overflow:hidden}@keyframes mcard-in{0%{opacity:0;transform:translateY(18px)}}.mcard:after{content:"";background:radial-gradient(circle, color-mix(in oklab, var(--c) 50%, transparent), transparent 65%);z-index:-1;opacity:.55;border-radius:50%;width:300px;height:300px;transition:opacity .3s;position:absolute;inset:auto -30% -60% auto}.mcard:hover{border-color:var(--c);box-shadow:0 30px 60px -30px color-mix(in oklab, var(--c) 70%, transparent), 0 0 0 1px var(--c);transform:translateY(-6px)}.mcard:hover:after{opacity:.9}.mcard-top{font:500 12px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--hero-dim);justify-content:space-between;gap:8px;display:flex}.mcard-tag{border:1px solid color-mix(in oklab, var(--c) 50%, transparent);color:var(--hero-text);border-radius:999px;padding:3px 9px}.mcard h3{letter-spacing:-.04em;font-size:clamp(1.6rem,1.2rem + 1vw,2.1rem);line-height:1}.mcard p{color:var(--hero-lead);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14.5px;display:-webkit-box;overflow:hidden}.mcard-foot{font:500 12px var(--font-mono);color:var(--hero-dim);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.mcard-go{background:var(--c);color:#0b0d10;width:42px;height:42px;transition:transform .3s var(--ease-out);border-radius:50%;place-items:center;font-size:18px;display:grid}.mcard:hover .mcard-go{transform:rotate(-45deg)scale(1.08)}.mine-grid.small .mcard{min-height:0;padding:20px}.mine-grid.small .mcard h3{font-size:1.3rem}.find{gap:16px;margin-top:26px;display:grid}.find-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.find-bar h2{letter-spacing:-.035em;font-size:clamp(1.4rem,1rem + 1vw,2rem)}.find-q{border:1px solid var(--hero-line);background:color-mix(in oklab, var(--hero-bg) 60%, transparent);width:min(100%,420px);height:48px;color:var(--hero-text);font:15px var(--font-body);backdrop-filter:blur(10px);border-radius:999px;padding:0 18px}.find-q:focus{border-color:var(--hero-accent);box-shadow:0 0 0 4px color-mix(in oklab, var(--hero-accent) 20%, transparent), 0 0 30px -10px var(--hero-accent);outline:none}.find-none{color:var(--hero-lead)}.find-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.find-sel{border:1px solid var(--hero-line);background-color:color-mix(in oklab, var(--hero-bg) 70%, transparent);height:42px;color:var(--hero-text);font:13.5px var(--font-body);border-radius:999px;padding:0 38px 0 16px}.find-sel:hover{border-color:var(--hero-dim)}.find-sel:focus{border-color:var(--hero-accent);outline:none}.find-all{letter-spacing:.06em;text-transform:uppercase;color:var(--hero-accent);margin-left:auto;font-size:12px}.find-group{gap:12px;margin-top:18px;display:grid}.find-gh{letter-spacing:-.03em;border-bottom:1px solid var(--hero-line);align-items:baseline;gap:10px;padding-bottom:8px;font-size:1.3rem;display:flex}.find-gh small{font:500 12px var(--font-mono);letter-spacing:.08em;color:var(--hero-dim)}.find-chips{font:500 12px var(--font-mono);letter-spacing:.05em;text-transform:uppercase;flex-wrap:wrap;gap:5px;display:flex}.find-chips span{border:1px solid var(--hero-line);color:var(--hero-lead);border-radius:999px;padding:3px 8px}.mstate{font:600 12px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--hero-line);color:var(--hero-lead);border-radius:999px;padding:4px 10px}.mstate.locked:before{content:"🔒 "}.mstate.add,.mstate.mine{border-color:var(--hero-accent);color:var(--hero-accent);background:0 0}.mstate.add{cursor:pointer}.later{gap:14px;display:grid}.later-h{letter-spacing:.1em;text-transform:uppercase;color:var(--hero-lead);font-size:12px}.later .mcard{opacity:.72}.mine-none{border:1px dashed var(--hero-line);color:var(--hero-lead);border-radius:20px;padding:28px}
