@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito+Sans:opsz,wght@6..12,400;6..12,500;6..12,600;6..12,700;6..12,800&display=swap");:root{--bg:oklch(0.972 0.018 232);--bg-2:oklch(0.955 0.024 230);--surface:oklch(0.995 0.004 232);--surface-2:oklch(0.978 0.012 232);--ink:oklch(0.34 0.035 248);--ink-soft:oklch(0.46 0.03 248);--muted:oklch(0.60 0.025 248);--faint:oklch(0.72 0.02 248);--line:oklch(0.90 0.018 235);--line-soft:oklch(0.94 0.012 235);--blue:oklch(0.70 0.105 236);--blue-deep:oklch(0.58 0.12 240);--blue-ink:oklch(0.46 0.11 242);--blue-tint:oklch(0.93 0.045 234);--blue-wash:oklch(0.965 0.022 233);--sakura:oklch(0.78 0.085 352);--sakura-deep:oklch(0.66 0.115 354);--sakura-tint:oklch(0.93 0.05 352);--sakura-wash:oklch(0.965 0.025 352);--t-blue:oklch(0.91 0.05 234);--t-pink:oklch(0.91 0.05 352);--t-lavender:oklch(0.90 0.052 300);--t-mint:oklch(0.91 0.05 166);--t-peach:oklch(0.91 0.052 42);--t-butter:oklch(0.93 0.052 96);--d-blue:oklch(0.52 0.11 240);--d-pink:oklch(0.55 0.13 356);--d-lavender:oklch(0.52 0.12 300);--d-mint:oklch(0.52 0.09 168);--d-peach:oklch(0.56 0.11 44);--d-butter:oklch(0.56 0.10 90);--ok:oklch(0.66 0.10 162);--ok-bg:oklch(0.93 0.05 165);--warn:oklch(0.72 0.11 70);--warn-bg:oklch(0.93 0.055 80);--late:oklch(0.64 0.14 22);--late-bg:oklch(0.93 0.05 24);--r-xs:10px;--r-sm:14px;--r-md:18px;--r-lg:24px;--r-xl:30px;--r-pill:999px;--shadow-sm:0 1px 2px oklch(0.6 0.05 240/0.06),0 2px 6px oklch(0.6 0.05 240/0.06);--shadow-md:0 2px 6px oklch(0.55 0.06 240/0.07),0 10px 24px oklch(0.55 0.06 240/0.09);--shadow-lg:0 6px 16px oklch(0.5 0.06 240/0.10),0 24px 50px oklch(0.5 0.06 240/0.14);--shadow-pop:0 18px 50px oklch(0.5 0.07 240/0.22);--font-display:"Fredoka",system-ui,sans-serif;--font-body:"Nunito Sans",system-ui,sans-serif;--header-h:60px;--nav-h:82px;--maxw:1180px}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}#__next,.app-root{height:100%}button{cursor:pointer;border:none;background:none;color:inherit}button,input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:600;margin:0;letter-spacing:-.01em}::selection{background:var(--sakura-tint)}.blueprint{background-image:linear-gradient(oklch(.7 .06 235/.05) 1px,transparent 0),linear-gradient(90deg,oklch(.7 .06 235/.05) 1px,transparent 0);background-size:26px 26px}.scroll::-webkit-scrollbar{width:9px;height:9px}.scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px;border:2px solid transparent;background-clip:padding-box}.scroll::-webkit-scrollbar-track{background:transparent}.app{height:100%;flex-direction:column;position:relative;background:var(--bg)}.app,.row{display:flex}.row{align-items:center}.col{display:flex;flex-direction:column}.gap-2{gap:2px}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-14{gap:14px}.gap-16{gap:16px}.gap-20{gap:20px}.grow{flex:1}.wrap{flex-wrap:wrap}.center{align-items:center;justify-content:center}.between{justify-content:space-between}.muted{color:var(--muted)}.chip,.soft{color:var(--ink-soft)}.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--r-pill);font-size:12.5px;font-weight:700;line-height:1;background:var(--surface-2);border:1px solid var(--line-soft);white-space:nowrap}.chip.tag{cursor:pointer;transition:all .15s}.chip.tag:hover{border-color:var(--blue);color:var(--blue-ink)}.chip.tag.on{background:var(--blue);color:white;border-color:var(--blue)}.chip-dot{width:7px;height:7px;border-radius:99px;background:currentColor}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:var(--r-pill);font-family:var(--font-display);font-weight:600;font-size:15px;transition:transform .12s ease,box-shadow .2s,background .2s,filter .2s,border-color .2s;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled{cursor:not-allowed}.skip-nav{position:absolute;left:-10000px;top:0;width:1px;height:1px;overflow:hidden;z-index:100}.skip-nav:focus,.skip-nav:focus-visible{position:fixed;left:16px;top:12px;width:auto;height:auto;padding:10px 18px;border-radius:var(--r-pill);background:var(--blue-deep);color:white;font-family:var(--font-display);font-weight:700;font-size:14px;text-decoration:none;box-shadow:var(--shadow-md);outline:3px solid var(--blue-tint)}.btn:focus-visible,.chip:focus-visible{outline:2.5px solid var(--blue-deep);outline-offset:2px}.bottom-nav a:focus-visible,.sidebar a:focus-visible,.sidebar>button:focus-visible{outline:2px solid var(--blue-deep);outline-offset:-3px;border-radius:14px}.card:focus-visible,a.card:focus-visible,button.card:focus-visible{outline:2.5px solid var(--blue-deep);outline-offset:3px}a.card,button.card{transition:transform .18s ease,box-shadow .25s ease,border-color .2s}a.card:hover,button.card:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--line)}a.card:active,button.card:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-primary{background:var(--blue-deep);color:white;box-shadow:0 6px 16px oklch(.58 .12 240/.32)}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.btn-soft{background:var(--surface);color:var(--blue-ink);border:1.5px solid var(--line)}.btn-soft:hover:not(:disabled){border-color:var(--blue)}.btn-pink{background:var(--sakura-deep);color:white;box-shadow:0 6px 16px oklch(.66 .115 354/.3)}.btn-ghost{background:transparent;color:var(--ink-soft)}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-icon{width:42px;height:42px;padding:0;border-radius:var(--r-pill)}.card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.sec-title{font-family:var(--font-display);font-weight:600;font-size:19px;white-space:nowrap}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.bar{height:7px;background:var(--line);overflow:hidden}.bar,.bar>span{border-radius:99px}.bar>span{display:block;height:100%;background:var(--blue)}.page{padding:18px 16px calc(var(--nav-h) + 28px);max-width:720px;margin:0 auto}.page-wide{max-width:100%}input[type=datetime-local],input[type=number],input[type=password],input[type=text],select,textarea{font-family:inherit}@keyframes pop-in{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}@keyframes rise{0%{transform:translateY(10px)}to{transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@keyframes float-pet{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}@keyframes sheen{to{background-position:200%}}@keyframes petal-fall{0%{transform:translateY(-8vh) translateX(0) rotate(0deg);opacity:0}10%{opacity:.9}to{transform:translateY(110vh) translateX(40px) rotate(320deg);opacity:0}}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}@keyframes fxRise{0%{opacity:0;transform:translateY(8px) scale(.6)}18%{opacity:1}to{opacity:0;transform:translateY(-78px) scale(1.15)}}@keyframes floatUp{0%{opacity:0;transform:translateY(6px) scale(.8)}15%{opacity:1}to{opacity:0;transform:translateY(-46px) scale(1)}}@keyframes momoBounce{0%{transform:translateY(0) scale(1)}28%{transform:translateY(-16px) scale(1.05)}60%{transform:translateY(0) scale(.97)}to{transform:translateY(0) scale(1)}}@keyframes momoIdle{0%,to{transform:translateY(0) rotate(-1.6deg)}50%{transform:translateY(-6px) rotate(1.6deg)}}@keyframes momoBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes twinkle{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes lightGlow{0%,to{opacity:.6}50%{opacity:1}}@keyframes shakeX{0%,to{transform:translateX(-50%)}25%{transform:translateX(calc(-50% - 7px))}75%{transform:translateX(calc(-50% + 7px))}}@keyframes drift{0%{transform:translateX(-12px)}to{transform:translateX(140%)}}@keyframes rain{0%{transform:translateY(-12px);opacity:0}12%{opacity:.8}to{transform:translateY(168px);opacity:0}}@keyframes snowfall{0%{transform:translateY(-10px) translateX(0);opacity:0}20%{opacity:1}to{transform:translateY(170px) translateX(20px);opacity:0}}@keyframes sakuraSpin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.08)}to{transform:rotate(1turn) scale(1)}}.enter{animation:rise .34s cubic-bezier(.2,.8,.3,1)}.momo-bounce{animation:momoBounce .62s cubic-bezier(.2,.8,.3,1)}.momo-idle{animation:momoIdle 4.2s ease-in-out infinite}.momo-sleep{animation:momoBreathe 3.4s ease-in-out infinite}.shake{animation:shake .45s}.ph{position:relative;overflow:hidden;background:repeating-linear-gradient(135deg,oklch(.88 .03 235/.5) 0 10px,transparent 10px 20px),var(--blue-wash);display:flex;align-items:center;justify-content:center}.ph-label{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10.5px;letter-spacing:.04em;color:var(--blue-ink);background:oklch(1 0 0/.7);padding:3px 7px;border-radius:6px;border:1px solid oklch(.7 .06 235/.25)}body.modal-open .bottom-nav{transform:translateY(110%);pointer-events:none}.bottom-nav,body.modal-open .bottom-nav{transition:transform .25s cubic-bezier(.2,.8,.3,1)}.sidebar{display:none}@media (min-width:920px){.app{flex-direction:row}.bottom-nav{display:none!important}.sidebar{display:flex}.page{max-width:860px;padding:26px 30px 60px}.page.page-wide{max-width:1080px}.main-scroll{padding-top:0}.hide-desktop{display:none!important}}@media (max-width:919px){.hide-mobile{display:none!important}}.masonry{column-count:2;column-gap:12px}@media (min-width:620px){.masonry{column-count:3}}@media (min-width:920px){.masonry{column-count:4}}.masonry>*{display:inline-block;width:100%;margin-bottom:12px;break-inside:avoid}