:root{color-scheme:light;--bg0: #f6f8fc;--bg1: #f0f5f3;--ink: #0f172a;--muted: #475569;--faint: #94a3b8;--card: rgba(255, 255, 255, .82);--stroke: rgba(15, 23, 42, .07);--shadow-sm: 0 2px 8px rgba(15, 23, 42, .04);--shadow: 0 12px 40px rgba(15, 23, 42, .06);--shadow-hover: 0 20px 50px rgba(15, 23, 42, .1);--radius-lg: 22px;--radius-md: 16px;--radius-pill: 999px;--font-sans: "DM Sans", system-ui, sans-serif;--font-display: "Fraunces", Georgia, serif;--accent-mint: #0d9488;--accent-sky: #0284c7;--accent-lavender: #7c3aed;--accent-peach: #ea580c;--accent-sage: #4d7c0f;--tint-mint: rgba(13, 148, 136, .06);--tint-sky: rgba(2, 132, 199, .06);--tint-lavender: rgba(124, 58, 237, .06);--tint-peach: rgba(234, 88, 12, .05);--tint-sage: rgba(77, 124, 15, .06);--tint-health: rgba(13, 148, 136, .08);--tint-money: rgba(2, 132, 199, .08);--tint-learning: rgba(124, 58, 237, .08);--tint-home: rgba(234, 88, 12, .06);--tint-work: rgba(15, 23, 42, .05);--tint-creativity: rgba(219, 39, 119, .06);--tint-travel: rgba(6, 182, 212, .07);--tint-family: rgba(77, 124, 15, .07);--tint-social: rgba(236, 72, 153, .07)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-sans);color:var(--ink);background:radial-gradient(1400px 900px at 5% -12%,rgba(204,251,241,.55) 0%,transparent 55%),radial-gradient(1000px 750px at 95% -5%,rgba(219,234,254,.5) 0%,transparent 50%),radial-gradient(900px 650px at 50% 115%,rgba(237,233,254,.4) 0%,transparent 45%),radial-gradient(600px 500px at 30% 60%,rgba(254,243,199,.2) 0%,transparent 50%),linear-gradient(175deg,var(--bg0),var(--bg1));background-attachment:fixed;-webkit-font-smoothing:antialiased}#root{min-height:100%}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button,input{font:inherit}::selection{background:#0d94882e}.shell{max-width:1160px;margin:0 auto;padding:24px 20px 80px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px;padding:14px 20px;border-radius:var(--radius-md);background:#fff9;border:1px solid var(--stroke);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-sm)}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand-mark{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#0d9488,#3b82f6 60%,#7c3aed);box-shadow:0 6px 20px #0d948840,0 2px 6px #7c3aed26;display:grid;place-items:center;flex-shrink:0;overflow:hidden}.brand-text{min-width:0}.brand-title{font-family:var(--font-display);font-weight:600;font-size:1.1rem;letter-spacing:-.02em;line-height:1.15}.brand-sub{font-size:.82rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controls{margin-bottom:18px}.search-wrap{position:relative}.search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:18px;height:18px;opacity:.45;pointer-events:none}.search{width:100%;border-radius:var(--radius-md);border:1px solid var(--stroke);background:#fff9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:14px 20px 14px 50px;font-size:.95rem;outline:none;box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.search::placeholder{color:var(--faint)}.search:focus{border-color:#0d948880;box-shadow:0 0 0 4px #0d94881f,var(--shadow-sm);background:#fff}.category-rail{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:8px;scrollbar-width:thin}.category-rail::-webkit-scrollbar{height:5px}.category-rail::-webkit-scrollbar-thumb{background:#0f172a1a;border-radius:999px}.chip{border-radius:var(--radius-pill);border:1px solid var(--stroke);background:#ffffffb3;color:var(--ink);padding:9px 16px;font-size:.88rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:transform .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease}.chip:hover{transform:translateY(-1px);background:#fff;box-shadow:0 4px 14px #0f172a0f}.chip[aria-pressed=true]{color:#fff;border-color:transparent;background:linear-gradient(135deg,#0d9488,#3b82f6);box-shadow:0 4px 18px #0d948838}.section-label{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:24px 0 14px}.section-label h2{margin:0;font-size:.88rem;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-weight:700}.section-label span{font-size:.82rem;color:var(--faint);font-style:italic}.grid{display:grid;gap:14px}@media(min-width:560px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.card{position:relative;border-radius:var(--radius-md);border:1px solid var(--stroke);background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);padding:18px 18px 16px;display:grid;gap:10px;min-height:152px;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;text-align:left;cursor:default}a.card-link{text-decoration:none;color:inherit;cursor:pointer}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:1;pointer-events:none;transition:opacity .18s ease}.card.tint-mint:before{background:var(--tint-mint)}.card.tint-sky:before{background:var(--tint-sky)}.card.tint-lavender:before{background:var(--tint-lavender)}.card.tint-peach:before{background:var(--tint-peach)}.card.tint-sage:before{background:var(--tint-sage)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:#0f172a1a}.card.inactive{opacity:.5;filter:grayscale(.6);pointer-events:none;cursor:default}.card.inactive:hover{transform:none;box-shadow:var(--shadow)}.coming-soon-badge{position:relative;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);background:#0f172a0f;padding:4px 10px;border-radius:var(--radius-pill);margin-top:2px}.card-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.card-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-size:1.1rem;flex-shrink:0}.card-icon.icon-mint{background:#0d94881f}.card-icon.icon-sky{background:#0284c71f}.card-icon.icon-lavender{background:#7c3aed1f}.card-icon.icon-peach{background:#ea580c1a}.card-icon.icon-sage{background:#4d7c0f1f}.card-title-group{flex:1;min-width:0}.card-name{margin:0;font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;font-size:1.1rem;line-height:1.2}.card-category{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;margin-top:3px}.cat-health{color:var(--accent-mint)}.cat-money{color:var(--accent-sky)}.cat-learning{color:var(--accent-lavender)}.cat-home{color:var(--accent-peach)}.cat-work{color:#334155}.cat-creativity{color:#db2777}.cat-travel{color:#0891b2}.cat-family{color:var(--accent-sage)}.cat-social{color:#ec4899}.card-desc{position:relative;margin:0;color:var(--muted);font-size:.91rem;line-height:1.52}.accent-bar{position:relative;height:3px;width:38px;border-radius:999px;margin-top:auto}.accent-mint{background:linear-gradient(90deg,#0d9488,#2dd4bf)}.accent-sky{background:linear-gradient(90deg,#0284c7,#38bdf8)}.accent-lavender{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.accent-peach{background:linear-gradient(90deg,#ea580c,#fb923c)}.accent-sage{background:linear-gradient(90deg,#4d7c0f,#84cc16)}.empty{margin-top:18px;padding:28px;border-radius:var(--radius-md);border:1px dashed rgba(15,23,42,.14);background:#ffffff8c;color:var(--muted);text-align:center}.empty strong{color:var(--ink)}