:root{--bg: #f6f5f8;--surface: #ffffff;--surface-alt: #fbfafd;--ink: #1a1626;--ink-2: #4a4553;--muted: #6f6a7d;--muted-2: #9a94a8;--border: #eceaf1;--border-2: #e4e0ee;--border-3: #dad5e6;--accent: #4a2fb0;--accent-hover: #3a2490;--accent-soft: #f0ebfc;--accent-soft-2: #f4f2fa;--accent-tint-1: #7b5ce0;--accent-tint-2: #a78bfa;--accent-tint-3: #c9bfe8;--accent-tint-4: #e3dcf5;--dark-surface: #211a33;--dark-border: #3a3153;--dark-button: #2c2444;--on-dark: #ffffff;--on-dark-muted: #a79cc9;--on-dark-muted-2: #c9c1e4;--spark: #9c86f2;--positive: #12703b;--positive-soft: #e9f7ef;--negative: #b3261e;--warning: #e0a200;--whatsapp: #1fa855;--track: #dfdce7;--track-fill: #efedf5;--r-card: 20px;--r-inner: 15px;--r-control: 11px;--r-pill: 999px;--display: "Poppins", Helvetica, Arial, sans-serif;--ui: "Manrope", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--ui);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.tabular{font-variant-numeric:tabular-nums}@keyframes mnemoIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.screen{animation:mnemoIn .3s ease}.shell{display:flex;min-height:100%}.sidebar{display:none}.content{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:18px 16px 104px}.mobile-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding-bottom:calc(8px + env(safe-area-inset-bottom))}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:52px;padding-top:8px;font-size:10.5px;font-weight:700;color:var(--muted)}.tabbar a[data-active=true]{color:var(--accent)}@media(min-width:900px){.sidebar{position:sticky;top:0;display:flex;flex-direction:column;width:248px;height:100vh;flex:0 0 248px;padding:26px 18px;background:var(--surface);border-right:1px solid var(--border)}.content{padding:34px 34px 40px}.mobile-header,.tabbar{display:none}}.glyph{display:block;flex:none;border-radius:24%}.wordmark{display:flex;align-items:center;gap:9px;font-family:var(--display);font-size:20px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}@media(min-width:900px){.wordmark{font-size:23px}}.nav{display:flex;flex-direction:column;gap:2px;margin-top:28px}.nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:var(--r-control);font-size:14.5px;font-weight:600;color:var(--muted)}.nav a:hover{background:#f2f0f8}.nav a[data-active=true]{background:var(--accent-soft);color:var(--accent)}.nav .badge{margin-left:auto;background:var(--accent);color:#fff;font-size:11.5px;font-weight:700;border-radius:20px;padding:2px 7px}.linked{margin-top:auto;background:var(--accent-soft-2);border-radius:14px;padding:14px;font-size:12.5px;color:var(--muted);line-height:1.45}.linked b{display:flex;align-items:center;gap:7px;color:var(--ink);font-size:13px;margin-bottom:5px}.dot{width:7px;height:7px;border-radius:50%;background:var(--whatsapp);flex:0 0 auto}h1{font-family:var(--display);font-size:30px;font-weight:700;letter-spacing:-.01em;line-height:1.1;margin:0 0 6px}@media(min-width:900px){h1{font-size:38px}}.sub{color:var(--muted);font-size:14.5px;margin:0 0 22px}.section-label{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.meta{font-size:11.5px;color:var(--muted-2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:18px 20px}.card.dark{background:var(--dark-surface);border-color:var(--dark-surface);color:var(--on-dark)}.grid{display:grid;gap:14px}@media(min-width:900px){.grid.home{grid-template-columns:1.35fr 1fr}.grid.home .span{grid-column:1 / -1}.grid.two{grid-template-columns:1fr 1fr;align-items:start}}.row{display:flex;align-items:center;gap:13px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.link{color:var(--accent);font-size:13px;font-weight:700}.check{flex:0 0 auto;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--border-3);background:transparent;display:grid;place-items:center;padding:0;color:var(--border-3)}.check[data-on=true]{background:var(--accent);border-color:var(--accent);color:#fff}.check.square{width:21px;height:21px;border-radius:7px}.ghost{border:1px solid var(--border-2);background:var(--surface);border-radius:10px;padding:7px 12px;font-size:12.5px;font-weight:700;color:var(--ink)}.ghost:hover{border-color:var(--accent-tint-3)}.ghost:disabled{color:var(--muted-2);cursor:default}.pill{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:12.5px;font-weight:700;padding:7px 14px}.pill[data-on=true]{background:var(--accent);border-color:var(--accent);color:#fff}.chip{display:inline-block;background:var(--accent-soft);color:var(--accent);border-radius:var(--r-pill);font-size:11px;font-weight:700;padding:2px 9px}.chip.grey{background:#f2f1f6;color:var(--muted)}.chip.green{background:var(--positive-soft);color:var(--positive)}.search{width:100%;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-pill);padding:13px 19px;font:inherit;color:var(--ink)}.search:focus{outline:2px solid var(--accent-tint-3);outline-offset:1px}.bar{height:6px;border-radius:var(--r-pill);background:var(--track-fill);overflow:hidden}.bar>span{display:block;height:100%;background:var(--accent)}.toggle{flex:none;width:48px;height:28px;padding:3px;border:0;border-radius:14px;background:var(--track);display:flex;justify-content:flex-start;transition:background .15s}.toggle[data-on=true]{background:var(--accent);justify-content:flex-end}.toggle:disabled{opacity:.6}.toggle-knob{width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #1a162647}.item{display:flex;align-items:center;gap:13px;padding:13px 0;border-top:1px solid #f1eff5}.item:first-child{border-top:0}.strike{text-decoration:line-through;color:var(--muted)}.faded{opacity:.55}.empty{text-align:center;padding:34px 22px}.empty h3{font-family:var(--display);font-size:20px;margin:14px 0 8px}.empty p{color:var(--muted);font-size:14.5px;margin:0 auto;max-width:42ch}.skeleton{border-radius:var(--r-card);background:linear-gradient(90deg,#efedf5 25%,#f7f6fa,#efedf5 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;height:92px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.login{min-height:100%;display:grid;place-items:center;padding:24px}.login .card{width:100%;max-width:380px;padding:30px 26px}.field{width:100%;border:1px solid var(--border-2);border-radius:12px;padding:12px 14px;font:inherit;margin-top:8px}.primary{width:100%;margin-top:14px;border:0;border-radius:12px;background:var(--accent);color:#fff;font-weight:700;padding:13px}.primary:hover{background:var(--accent-hover)}.primary:disabled{opacity:.6}.error{color:var(--negative);font-size:13px;margin-top:10px}.masonry{column-count:1;column-gap:16px}@media(min-width:900px){.masonry{column-count:3}}.note{break-inside:avoid;margin-bottom:16px;border-radius:var(--r-card);border:1px solid var(--border);background:var(--surface);padding:20px}.note h3{font-family:var(--display);font-size:22px;line-height:1.15;font-weight:600;margin:8px 0}.note p{margin:0;color:var(--ink-2);font-size:14.5px;white-space:pre-line}.note.violet{background:var(--accent-soft);border-color:var(--accent-tint-4)}.note.dark{background:var(--dark-surface);border-color:var(--dark-surface)}.note.dark h3{color:var(--on-dark)}.note.dark p{color:var(--on-dark-muted-2)}.note .tag{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2)}.note.violet .tag{color:var(--accent)}.note.dark .tag{color:var(--on-dark-muted)}
