@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.lp{min-height:100vh;background:var(--canvas);min-height:100dvh;color:var(--ink);overflow-x:clip}.lp-header{z-index:30;background:color-mix(in srgb, var(--canvas) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--surface-border);position:sticky;top:0}.lp-nav{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;max-width:1200px;height:72px;margin:0 auto;padding:0 24px;display:grid}.lp .lp-brand{justify-self:start;margin-left:0}.lp-links{gap:36px;margin:0;padding:0;list-style:none;display:flex}.lp-link{color:var(--muted);border-bottom:2px solid #0000;padding:6px 0;font-size:14.5px;font-weight:600;text-decoration:none;transition:color .15s,border-color .15s;display:inline-block}.lp-link:hover{color:var(--ink)}.lp-link.is-active{color:var(--ink);border-bottom-color:var(--ink)}.lp .lp-lang{letter-spacing:.02em;gap:6px;padding:0 12px;font-size:13px}.lp-nav-actions{justify-self:end;align-items:center;gap:10px;display:flex}.lp .lp-menu-btn{border-radius:var(--radius-sm);color:var(--ink);background:0 0;display:none}.lp .lp-menu-btn:hover{background:var(--hover)}.lp-menu{border-top:1px solid var(--surface-border);flex-direction:column;gap:12px;padding:12px 16px 20px;display:flex}.lp-menu ul{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lp-menu .lp-link{border-bottom:1px solid var(--surface-border);padding:12px 4px;font-size:16px;display:block}.lp-menu .lp-link.is-active{border-bottom-color:var(--ink)}.lp-section{max-width:1200px;margin:0 auto;padding:96px 24px;scroll-margin-top:72px}.lp-pill{margin-bottom:20px;display:inline-block}.lp-h2{letter-spacing:-.035em;color:var(--ink);margin:0;font-size:clamp(32px,4.4vw,52px);font-weight:800;line-height:1.08}.lp-hero{isolation:isolate;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:56px;padding-top:72px;display:grid;position:relative}.lp-hero-glow{z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--primary) 11%, transparent), transparent);pointer-events:none;width:72%;height:110%;position:absolute;top:-8%;left:-12%}.lp-hero-title{letter-spacing:-.045em;max-width:11ch;color:var(--ink);margin:0;font-size:clamp(44px,6.2vw,78px);font-weight:800;line-height:1.02}.lp-lead{max-width:520px;color:var(--muted);margin:24px 0 0;font-size:18px;line-height:1.6}.lp-error{max-width:520px;margin-top:24px}.lp-hero-actions{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:32px;display:flex}.lp-signed-in{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:14px}.lp-signed-in strong{color:var(--text-2);font-weight:600}.lp-facts{flex-wrap:wrap;gap:12px 24px;margin:32px 0 0;padding:0;list-style:none;display:flex}.lp-facts li{color:var(--text-3);align-items:center;gap:8px;font-size:14px;font-weight:500;display:inline-flex}.lp-facts svg{color:var(--brand-orange)}.lp-hero-cards{height:470px;position:relative}.lp .lp-float{--r:0deg;cursor:default;width:min(280px,72%);min-height:0;transform:rotate(var(--r));animation:7s ease-in-out infinite lp-float;position:absolute}.lp .lp-float:hover{transform:rotate(var(--r));box-shadow:var(--shadow-hover)}.lp .lp-float-1{--r:-4deg;z-index:1;top:0;left:4%}.lp .lp-float-2{--r:3deg;z-index:2;animation-delay:-2s;top:20%;right:0}.lp .lp-float-3{--r:-1.5deg;z-index:3;animation-delay:-4s;top:50%;left:0}.lp .lp-float-4{--r:4deg;z-index:4;animation-delay:-5.5s;bottom:0;right:0}.lp .lp-tone-warm{background-color:var(--warm-tint);border-color:var(--warm-border)}.lp .lp-tone-accent{background-color:color-mix(in srgb, var(--accent-bg) 60%, var(--surface))}.lp .lp-tone-pink{background-color:var(--pink-tint)}.lp .lp-cursor{color:var(--ink);fill:var(--surface);position:absolute;bottom:-12px;right:22px}@keyframes lp-float{0%,to{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-8px) rotate(var(--r))}}@media (prefers-reduced-motion:reduce){.lp .lp-float{animation:none}}.lp-strip{border-top:1px solid var(--surface-border);border-bottom:1px solid var(--surface-border);max-width:1200px;color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 28px;margin:0 auto;padding:28px 24px;font-size:14px;font-weight:500;display:flex}.lp-strip-mark{color:var(--text-2);letter-spacing:-.01em;align-items:center;gap:8px;font-size:16px;font-weight:700;display:inline-flex}.lp-why-head{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:48px;display:grid}.lp-why-text{color:var(--muted);margin:0;font-size:17px;line-height:1.65}.lp-why-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:56px;display:grid}.lp-why-card{border:1px solid var(--surface-border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow);padding:28px}.lp-why-card h3{letter-spacing:-.02em;color:var(--ink);margin:20px 0 8px;font-size:17px;font-weight:700}.lp-why-card p{color:var(--muted);margin:0;font-size:14.5px;line-height:1.6}.lp-icon{border-radius:var(--radius);background:var(--warm-tint);width:44px;height:44px;color:var(--brand-orange);justify-content:center;align-items:center;display:inline-flex}.lp-why-card.is-highlight{border-color:var(--primary);background:var(--primary);box-shadow:var(--primary-shadow)}.lp-why-card.is-highlight h3{color:var(--on-primary)}.lp-why-card.is-highlight p{color:color-mix(in srgb, var(--on-primary) 74%, transparent)}.lp-why-card.is-highlight .lp-icon{background:color-mix(in srgb, var(--on-primary) 14%, transparent);color:var(--on-primary)}.lp-center-head{text-align:center;max-width:640px;margin:0 auto}.lp-center-head p{color:var(--muted);margin:16px 0 0;font-size:17px}.lp-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;margin-top:64px;display:grid}.lp-row:nth-of-type(2n) .lp-panel{order:2}.lp-panel{border:1px solid var(--surface-border);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--accent-bg) 55%, var(--canvas));place-items:center;min-height:320px;padding:40px;display:grid}.lp-row:nth-of-type(2) .lp-panel{background:color-mix(in srgb, var(--warm-tint) 80%, var(--canvas))}.lp-row:nth-of-type(3) .lp-panel{background:color-mix(in srgb, var(--pink-tint) 85%, var(--canvas))}.lp-row-text h3{letter-spacing:-.03em;color:var(--ink);margin:0;font-size:clamp(24px,2.6vw,30px);font-weight:800;line-height:1.15}.lp-row-text p{max-width:440px;color:var(--muted);margin:16px 0 0;font-size:16.5px;line-height:1.65}.lp-mini{border:1px solid var(--surface-border);border-radius:var(--radius-lg);background:var(--surface);width:min(360px,100%);box-shadow:var(--shadow-hover);flex-direction:column;gap:14px;padding:20px;display:flex}.lp-mini .tag-pill{align-self:flex-start}.lp-mini-title{letter-spacing:-.02em;color:var(--ink);align-items:center;font-size:16px;font-weight:700;display:flex}.lp-mini-checks{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.lp-mini-checks li{color:var(--text-2);align-items:center;gap:10px;font-size:14.5px;display:flex}.lp-mini-checks svg{color:var(--muted);flex:none}.lp-mini-checks li.is-done{color:var(--faint);text-decoration:line-through}.lp-mini-checks li.is-done svg{color:var(--success)}.lp-mini-folders{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.lp-mini-folders li{border-radius:var(--radius-sm);color:var(--text-2);align-items:center;gap:8px;padding:7px 10px;font-size:14px;font-weight:600;display:flex}.lp-mini-folders li:first-child{background:var(--hover)}.lp-mini-folders li.is-nested{padding-left:30px}.lp-mini-folders svg{color:var(--muted)}.lp .lp-mini-card{cursor:default;min-height:0;box-shadow:none}.lp .lp-mini-card:hover{box-shadow:none;transform:none}.lp-mini-input{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);height:42px;box-shadow:0 0 0 4px var(--focus-ring);color:var(--ink);align-items:center;gap:8px;padding:0 14px;font-size:14.5px;display:flex}.lp-mini-input svg{color:var(--muted)}.lp-closing{text-align:center;max-width:960px}.lp-closing>p{max-width:520px;color:var(--muted);margin:16px auto 0;font-size:17px;line-height:1.6}.lp-closing-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.lp-footer{border-top:1px solid var(--surface-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 32px;max-width:1200px;margin:0 auto;padding:40px 24px 48px;display:flex}.lp .lp-footer .brand{margin-left:0}.lp-footer-links{gap:24px;margin:0;padding:0;list-style:none;display:flex}.lp-footer .lp-link,.lp-footer .lp-link.is-active{border-bottom-color:#0000}.lp-copyright{color:var(--faint);margin:0;font-size:13px}@media (max-width:1024px){.lp-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:960px){.lp-hero{grid-template-columns:minmax(0,1fr);gap:32px}.lp-hero-cards{height:430px;margin-top:16px}}@media (max-width:860px){.lp-nav{grid-template-columns:1fr auto}.lp-links,.lp .lp-nav-login{display:none}.lp .lp-menu-btn{display:inline-flex}.lp-why-head,.lp-row{grid-template-columns:minmax(0,1fr);gap:24px}.lp-row{margin-top:48px}.lp-row:nth-of-type(2n) .lp-panel{order:0}}@media (max-width:640px){.lp-nav{height:64px;padding:0 16px}.lp-section{padding:64px 16px;scroll-margin-top:64px}.lp-hero{padding-top:40px}.lp-lead{font-size:16px}.lp-hero-actions .btn{flex:100%}.lp-hero-cards{height:500px}.lp .lp-float{width:min(250px,74%)}.lp .lp-float-1{top:0;left:0}.lp .lp-float-2{top:17%;right:0}.lp .lp-float-3{top:42%;left:0}.lp .lp-float-4{right:0}.lp-why-grid{grid-template-columns:minmax(0,1fr);margin-top:40px}.lp-panel{min-height:0;padding:24px 16px}.lp-strip{padding:24px 16px}.lp-closing-actions .btn{flex:100%}.lp-footer{flex-direction:column;align-items:flex-start;padding:32px 16px 40px}}:root{--canvas:#fafafa;--surface:#fff;--surface-border:#f1f5f9;--sidebar:#f8fafc;--line:#e2e8f0;--line-strong:#cbd5e1;--ink:#18181b;--text:#1f2937;--text-2:#334155;--text-3:#475569;--muted:#64748b;--faint:#64748b;--hover:#eef2f6;--chip:#f1f5f9;--count-bg:#f1f5f9;--count-text:#64748b;--accent-bg:#e0f2fe;--accent-bg-hover:#bae6fd;--accent-text:#0284c7;--primary:#18181b;--primary-hover:#27272a;--on-primary:#fff;--primary-shadow:0 6px 16px -6px #18181b73;--primary-shadow-hover:0 10px 22px -8px #18181b80;--brand-orange:#f97316;--focus-ring:#f9731624;--warm-tint:#fff7ed;--warm-border:#fed7aa;--warm-text:#9a3412;--pink-tint:#fdf2f8;--select-tint:#fffaf5;--select-border:#fdba74;--select-glow:#f9731629;--danger:#dc2626;--danger-hover:#b91c1c;--danger-bg:#fef2f2;--danger-bg-strong:#fee2e2;--danger-text:#991b1b;--success:#16a34a;--warning:#d97706;--mark:#fef08a;--mark-text:inherit;--selection:#fce7f3;--toolbar-bg:#fff;--overlay:#0f172a52;--scrollbar:#d4dbe4;--check-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");--warm:linear-gradient(90deg, #ff4500 0%, #f97316 25%, #ec4899 65%, #fde047 100%);--shadow:0 4px 20px -2px #0000000a;--shadow-hover:0 12px 30px -8px #0000001a;--shadow-pop:0 24px 48px -16px #0f172a38;--radius-sm:10px;--radius:12px;--radius-lg:16px;--radius-xl:24px;--topbar-h:64px;--sidebar-w:264px;--sidebar-w-collapsed:80px;--gutter:32px;--font:"Inter Variable", "Inter", "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--canvas:#0b0b0e;--surface:#141418;--surface-border:#23232a;--sidebar:#101013;--line:#2a2a32;--line-strong:#3f3f48;--ink:#f4f4f5;--text:#e4e4e7;--text-2:#d4d4d8;--text-3:#b4b4bc;--muted:#a1a1aa;--faint:#8b8b94;--hover:#1c1c22;--chip:#1f1f26;--count-bg:#23232b;--count-text:#a1a1aa;--accent-bg:#0ea5e929;--accent-bg-hover:#0ea5e947;--accent-text:#7dd3fc;--primary:#fafafa;--primary-hover:#fff;--on-primary:#18181b;--primary-shadow:0 6px 16px -8px #000c;--primary-shadow-hover:0 10px 22px -8px #000000e6;--focus-ring:#f973163d;--warm-tint:#f973161f;--warm-border:#f9731652;--warm-text:#fdba74;--pink-tint:#ec48991a;--select-tint:#1b1714;--select-border:#f9731699;--select-glow:#f9731633;--danger:#ef4444;--danger-hover:#dc2626;--danger-bg:#ef44441f;--danger-bg-strong:#ef444438;--danger-text:#fca5a5;--success:#4ade80;--warning:#fbbf24;--mark:#fde047d9;--mark-text:#18181b;--selection:#ec489959;--toolbar-bg:#141418;--overlay:#0009;--scrollbar:#3f3f46;--check-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2318181b' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");--shadow:0 4px 20px -2px #00000059;--shadow-hover:0 12px 30px -8px #0009;--shadow-pop:0 24px 48px -16px #000000bf;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--canvas);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11", "ss01";margin:0;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}::selection{background:var(--selection)}:focus-visible{outline:2px solid var(--brand-orange);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.btn{border-radius:var(--radius);letter-spacing:-.01em;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 18px;font-size:14px;font-weight:600;transition:background-color .16s,transform .16s,box-shadow .16s,border-color .16s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transition-duration:50ms;transform:translateY(0)}.btn:disabled{opacity:.55}.btn-dark{background:var(--primary);color:var(--on-primary);box-shadow:var(--primary-shadow)}.btn-dark:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--primary-shadow-hover)}.btn-light{color:#18181b;background:#ffffffeb}.btn-light:hover:not(:disabled){background:#fff}.btn-ghost{background:var(--surface);border-color:var(--line);color:var(--text-2)}.btn-ghost:hover{border-color:var(--line-strong);background:var(--sidebar)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn-danger-ghost{background:var(--danger-bg);color:var(--danger)}.btn-danger-ghost:hover:not(:disabled){background:var(--danger-bg-strong)}.btn-sm{border-radius:var(--radius-sm);gap:6px;height:32px;padding:0 12px;font-size:13px}.btn-block{width:100%}.icon-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-3);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex}.icon-btn:hover{background:var(--chip);color:var(--ink)}.icon-btn.is-on{background:var(--primary);color:var(--on-primary)}.icon-btn.danger:hover{background:var(--danger-bg);color:var(--danger)}.icon-btn-xs{border-radius:7px;width:24px;height:24px}.app{grid-template-rows:var(--topbar-h) minmax(0, 1fr);height:100vh;height:100dvh;display:grid;overflow:hidden}.layout{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:0;transition:grid-template-columns .2s;display:grid}.app.sidebar-collapsed .layout{grid-template-columns:var(--sidebar-w-collapsed) minmax(0, 1fr)}.topbar{align-items:center;gap:var(--gutter);background:var(--surface);border-bottom:1px solid var(--surface-border);z-index:20;padding:0 16px;display:flex;position:relative}.topbar-left{width:calc(var(--sidebar-w) - 16px);flex:none;align-items:center;gap:4px;display:flex}.app.sidebar-collapsed .topbar-left{width:auto}.topbar-menu{display:none}.brand{color:var(--ink);border-radius:10px;align-items:center;gap:10px;margin-left:4px;text-decoration:none;display:inline-flex}.brand-mark{background:#18181b;border-radius:8px;flex:none;width:28px;height:28px;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.brand-mark:after{content:"";background:var(--warm);clip-path:polygon(0 0,100% 0,100% 100%,50% 74%,0 100%);border-radius:2px 2px 0 0;position:absolute;inset:6px 8px 5px}.brand-name{letter-spacing:-.045em;font-size:20px;font-weight:800}.search{flex:1;min-width:0;max-width:560px;position:relative}.search-icon{color:var(--faint);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search input{border:1px solid var(--line);background:var(--sidebar);border-radius:14px;outline:none;width:100%;height:42px;padding:0 76px 0 40px;font-size:14px;transition:border-color .15s,background .15s,box-shadow .15s}.search input::-webkit-search-cancel-button{display:none}.search input::placeholder{color:var(--faint)}.search input:focus{background:var(--surface);border-color:var(--line-strong);box-shadow:0 0 0 4px var(--focus-ring)}.kbd-pill{border:1px solid var(--line);background:var(--surface);color:var(--muted);font-family:var(--font);pointer-events:none;border-radius:8px;padding:3px 8px;font-size:11.5px;font-weight:600;line-height:1.4;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.search-clear{background:var(--chip);width:28px;height:28px;color:var(--muted);border:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.topbar-right{flex:none;align-items:center;gap:16px;margin-left:auto;display:flex}.clock{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;margin:0;font-size:13.5px;display:flex}.clock time{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-weight:700}.offline-badge{background:var(--warm-tint);border:1px solid var(--warm-border);height:32px;color:var(--warm-text);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.avatar-pill{border:1px solid var(--line);background:var(--surface);height:40px;color:var(--text-2);border-radius:999px;align-items:center;gap:8px;padding:3px 14px 3px 3px;font-size:13.5px;font-weight:600;transition:border-color .15s,box-shadow .15s;display:inline-flex}.avatar-pill:hover{border-color:var(--line-strong);box-shadow:var(--shadow)}.avatar{color:#fff;background:linear-gradient(135deg,#ff4500,#ec4899 60%,#fde047);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:inline-flex;overflow:hidden}.avatar.has-photo{background:var(--chip)}.avatar-img{object-fit:cover;width:100%;height:100%}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex;overflow:hidden}.sidebar-mobile-head{padding:12px 8px 0 16px;display:none}.sidebar-cta{padding:16px 16px 8px}.sidebar-scroll{flex:1;min-height:0;padding:0 8px 16px;overflow-y:auto}.sidebar-section{padding-top:16px}.section-head{justify-content:space-between;align-items:center;height:32px;padding:0 4px 0 8px;display:flex}.section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-size:11px;font-weight:700}.nav-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav-item{border-radius:var(--radius);width:100%;height:36px;color:var(--text-2);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0 8px;font-size:14px;font-weight:500;transition:background .12s,color .12s;display:flex;position:relative}.nav-item:hover{background:var(--hover)}.nav-item.is-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0f172a0d, 0 0 0 1px var(--surface-border);font-weight:600}.nav-main{min-width:0;height:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:0;display:flex}.nav-item.nav-main{height:36px;padding:0 8px}.nav-main svg{color:var(--muted);flex:none}.nav-item.is-active svg{color:var(--ink)}.nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.count-pill{background:var(--count-bg);min-width:24px;color:var(--count-text);text-align:center;font-variant-numeric:tabular-nums;border-radius:999px;flex:none;padding:1px 8px;font-size:12px;font-weight:600}.chevron{width:17px;height:24px;color:var(--muted);background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;transition:transform .15s,background .15s;display:inline-flex;position:relative}.chevron:after{content:"";position:absolute;inset:-4px}.chevron:hover{background:var(--line)}.chevron.is-open{transform:rotate(90deg)}.row-actions{flex:none;align-items:center;gap:1px;display:none}.folder-item{gap:12px}.folder-item:hover .row-actions,.folder-item:focus-within .row-actions{display:inline-flex}.folder-item:hover .count-pill,.folder-item:focus-within .count-pill{display:none}.folder-input{height:36px;color:var(--muted);align-items:center;gap:12px;padding-right:8px;display:flex}.folder-input input{border:1px solid var(--line-strong);background:var(--surface);border-radius:9px;outline:none;flex:1;min-width:0;height:30px;padding:0 10px;font-size:13.5px}.folder-input input:focus{border-color:var(--brand-orange);box-shadow:0 0 0 3px var(--focus-ring)}.nav-empty{border:1px dashed var(--line-strong);border-radius:var(--radius);width:100%;color:var(--muted);text-align:left;background:0 0;padding:8px 12px;font-size:13px}.nav-empty:hover{border-color:var(--muted);color:var(--ink)}.nav-empty-text{color:var(--faint);padding:6px 12px;font-size:13px}.sidebar-foot{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:8px;padding:12px 16px;font-size:12px;display:flex}.sidebar.is-collapsed .nav-label,.sidebar.is-collapsed .count-pill,.sidebar.is-collapsed .section-head,.sidebar.is-collapsed .row-actions,.sidebar.is-collapsed [data-testid=tags-section],.sidebar.is-collapsed .nav-empty-text{display:none}.sidebar.is-collapsed .sidebar-cta{padding:16px 14px 6px}.sidebar.is-collapsed .sidebar-cta .btn{padding:0}.sidebar.is-collapsed .sidebar-section{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.sidebar.is-collapsed .sidebar-section:first-child{border-top:0}.sidebar.is-collapsed .nav-item,.sidebar.is-collapsed .nav-item.nav-main{justify-content:center;padding:0}.sidebar.is-collapsed .folder-item .nav-main{justify-content:center}.sidebar.is-collapsed .sidebar-foot{justify-content:center;padding:12px 0}.main{grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid}.main.is-editing{grid-template-columns:minmax(320px,400px) minmax(0,1fr)}.list-pane{min-height:0;padding:24px var(--gutter) 48px;overflow-y:auto}.main.is-editing .list-pane{padding:16px 16px 40px 24px}.load-error-state{margin-top:24px}.nav-more{border-radius:var(--radius-sm);width:100%;min-height:32px;color:var(--muted);text-align:left;background:0 0;border:0;padding:0 12px 0 40px;font-size:13px;font-weight:600}.nav-more:hover{background:var(--hover);color:var(--ink)}.load-error{border-radius:var(--radius);background:var(--danger-bg);color:var(--danger-text);margin-bottom:16px;padding:12px 16px;font-size:13.5px}.hero{border-radius:var(--radius-xl);background:var(--warm);color:#fff;isolation:isolate;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;min-height:160px;padding:32px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px -24px #ec48998c}.hero:before{content:"";z-index:-1;background:radial-gradient(circle at 12% 0,#ffffff47,#0000 42%),radial-gradient(circle at 92% 120%,#ffffff59,#0000 40%);position:absolute;inset:0}.hero:after{content:"";z-index:-1;opacity:.09;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-toggle{color:#18181b;background:#ffffffeb;border-radius:999px;width:30px;height:30px;transition:background-color .15s;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px -2px #0000002e}.hero-toggle:hover{background:#fff}.hero-toggle~.hero-copy{padding-right:32px}.hero.is-compact .hero-toggle{top:50%;transform:translateY(-50%)}.hero-copy{flex:320px;min-width:0}.hero-eyebrow{letter-spacing:.08em;text-transform:uppercase;opacity:.9;margin:0 0 6px;font-size:12px;font-weight:700}.hero-title{letter-spacing:-.035em;text-shadow:0 1px 12px #be185d2e;margin:0;font-size:30px;font-weight:800;line-height:1.15}.hero-stats{opacity:.95;flex-wrap:wrap;gap:8px;margin:12px 0 0;font-size:14px;font-weight:600;display:flex}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero.is-compact{border-radius:20px;gap:12px;min-height:0;padding:16px 24px}.hero.is-compact .hero-copy{flex-basis:100%}.hero.is-compact .hero-title{font-size:18px}.hero.is-compact .btn{border-radius:var(--radius-sm);height:34px;padding:0 14px;font-size:13px}.view-pills{scrollbar-width:none;gap:8px;margin:24px 0 16px;padding:2px;display:flex;overflow-x:auto}.view-pills::-webkit-scrollbar{display:none}.pill{border:1px solid var(--line);background:var(--surface);height:36px;color:var(--text-3);letter-spacing:-.01em;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 8px 0 16px;font-size:13.5px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.pill:hover{border-color:var(--line-strong);color:var(--ink)}.pill.is-active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.pill-count{background:var(--count-bg);min-width:22px;color:var(--count-text);text-align:center;border-radius:999px;padding:1px 7px;font-size:11.5px;font-weight:700}.pill.is-active .pill-count{background:color-mix(in srgb, var(--on-primary) 16%, transparent);color:var(--on-primary)}.main.is-editing .view-pills{margin:14px 0 12px}.main.is-editing .pill{height:32px;padding:0 12px;font-size:12.5px}.main.is-editing .pill-count{display:none}.main.is-editing .view-pills{gap:6px}.collection-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.collection-title-row{align-items:center;gap:10px;min-width:0;display:flex}.collection-title{letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:21px;font-weight:800;overflow:hidden}.accent-badge{background:var(--accent-bg);color:var(--accent-text);border-radius:999px;flex:none;padding:3px 10px;font-size:12px;font-weight:700}.collection-tools{align-items:center;gap:8px;display:flex}.sort-select,.folder-select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);height:34px;color:var(--text-3);align-items:center;gap:6px;min-width:0;padding:0 4px 0 10px;font-size:13px;display:inline-flex}.sort-select select,.folder-select select{min-width:0;max-width:210px;height:100%;color:var(--text-2);cursor:pointer;text-overflow:ellipsis;color-scheme:inherit;background:0 0;border:0;outline:none;font-weight:600}.sort-select option,.folder-select option{background-color:var(--surface);color:var(--text);font-weight:500}.sort-select option:checked,.folder-select option:checked{font-weight:700}.sort-select:focus-within,.folder-select:focus-within{border-color:var(--line-strong);box-shadow:0 0 0 3px var(--focus-ring)}.filter-chips{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.filter-chip{border:1px solid var(--line);background:var(--surface);height:28px;color:var(--text-2);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:600;display:inline-flex}.filter-chip:hover{border-color:var(--line-strong)}.group-label{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:4px 0 10px;font-size:11.5px;font-weight:700}.note-group+.note-group{margin-top:24px}.note-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.note-grid.is-compact{grid-template-columns:minmax(0,1fr);gap:8px}.note-card{border:1px solid var(--surface-border);border-radius:var(--radius-lg);background-color:var(--surface);min-width:0;min-height:168px;box-shadow:var(--shadow);cursor:pointer;outline:none;flex-direction:column;gap:8px;padding:16px 20px;transition:transform .15s,box-shadow .15s;display:flex}.note-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.note-card:focus-visible{box-shadow:0 0 0 2px var(--brand-orange), var(--shadow)}.note-card.has-color{background-color:var(--note-bg);border-color:var(--note-border)}:root[data-theme=dark] .note-card.has-color{background-color:color-mix(in srgb, var(--note-accent) 11%, var(--surface));border-color:color-mix(in srgb, var(--note-accent) 28%, var(--surface))}.note-card.is-selected{background-color:var(--select-tint);border-color:var(--select-border);box-shadow:0 0 0 3px var(--select-glow), var(--shadow-hover)}.note-card.has-color.is-selected{background-color:var(--note-bg)}:root[data-theme=dark] .note-card.has-color.is-selected{background-color:color-mix(in srgb, var(--note-accent) 11%, var(--surface))}.note-grid.is-compact .note-card{min-height:0;padding:12px 16px}.note-grid.is-compact .note-card:hover{border-color:var(--line);box-shadow:var(--shadow-hover);transform:none}.note-grid .note-card.is-selected,.note-grid .note-card.is-selected:hover{border-color:var(--select-border);box-shadow:0 0 0 3px var(--select-glow), var(--shadow-hover)}.card-head{align-items:flex-start;gap:8px;display:flex}.card-title{letter-spacing:-.02em;min-width:0;color:var(--ink);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;flex:1;margin:0;font-size:15.5px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.card-title-icon{vertical-align:-2px;color:var(--brand-orange);margin-right:6px;display:inline-block}.card-pin{background:var(--warm-tint);width:24px;height:24px;color:var(--brand-orange);border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.card-excerpt{color:var(--muted);-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.note-grid.is-compact .card-excerpt{-webkit-line-clamp:2}.card-excerpt.is-empty{color:var(--faint);font-style:italic}.note-card.has-color .card-excerpt{color:var(--text-3)}.card-tags{flex-wrap:wrap;gap:4px;display:flex}.tag-more{color:var(--muted);align-self:center;font-size:11.5px}.card-foot{color:var(--faint);flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:auto;padding-top:4px;font-size:12px;font-weight:500;display:flex}.note-card.has-color .card-foot{color:var(--muted)}.card-meta{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;max-width:140px;display:inline-flex;overflow:hidden}.card-meta.is-done{color:var(--success)}.card-actions{gap:6px;margin-left:auto;display:inline-flex}.tag-pill{background:var(--accent-bg);height:26px;color:var(--accent-text);border:0;border-radius:999px;align-items:center;gap:4px;padding:0 10px;font-size:12.5px;font-weight:600;display:inline-flex}.tag-pill-sm{height:24px;padding:0 8px;font-size:11.5px}button.tag-pill:hover{background:var(--accent-bg-hover)}.tag-remove{width:16px;height:16px;color:inherit;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;margin-right:-4px;padding:0;display:inline-flex}.tag-remove:hover{background:#0284c726}.empty-state{border:1px dashed var(--line);border-radius:var(--radius-xl);background:var(--surface);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:40px 24px 48px;display:flex}.empty-art{width:160px;height:112px;margin-bottom:8px;position:relative}.empty-art svg{display:block;overflow:visible}.empty-paper{fill:var(--surface);stroke:var(--line);stroke-width:1.5px}.empty-paper.back{fill:var(--sidebar)}.empty-line{fill:var(--line)}.empty-line.faint{fill:var(--surface-border)}.empty-badge{fill:var(--surface)}.empty-icon{color:var(--brand-orange);display:inline-flex;position:absolute;top:70px;left:58px;transform:translate(-50%,-50%)}.empty-state h3{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:18px;font-weight:750}.empty-state p{max-width:360px;color:var(--muted);margin:0}.empty-state p strong{color:var(--text-2);overflow-wrap:anywhere;font-weight:600}.empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.editor-pane{border:1px solid var(--surface-border);border-radius:var(--radius-xl);background:var(--surface);min-width:0;min-height:0;box-shadow:var(--shadow);flex-direction:column;margin:16px 16px 16px 0;display:flex;overflow:hidden;container:editor/inline-size}.editor-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.editor-head,.editor-body .rich-text{padding-left:clamp(20px,6%,64px);padding-right:clamp(20px,6%,64px)}.editor-head{padding-top:16px;padding-bottom:8px}.editor-actions{align-items:center;gap:6px;margin:0 -8px 16px;display:flex}.editor-actions-right{align-items:center;gap:2px;margin-left:auto;display:flex}.editor-back{display:none}.editor-notice{border:1px solid var(--warm-border);border-radius:var(--radius);background:var(--warm-tint);color:var(--warm-text);justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:10px 10px 10px 14px;font-size:13.5px;font-weight:500;display:flex}.editor-notice.is-soft{border-color:var(--line);background:var(--sidebar);color:var(--text-3);padding:10px 14px}.editor-title{resize:none;width:100%;color:var(--ink);letter-spacing:-.035em;background:0 0;border:0;outline:none;padding:0;font-size:clamp(26px,5.2cqi,34px);font-weight:800;line-height:1.2;display:block;overflow:hidden}.editor-title::placeholder{color:var(--line-strong)}.tag-editor{flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0;display:flex}.tag-input-wrap{border:1px dashed var(--line-strong);height:26px;color:var(--faint);border-radius:999px;align-items:center;gap:4px;padding:0 8px;display:inline-flex}.tag-input-wrap:focus-within{border-style:solid;border-color:var(--accent-text);color:var(--accent-text)}.tag-input{width:92px;color:var(--text-2);background:0 0;border:0;outline:none;font-size:12.5px;font-weight:600}.editor-toolbar{z-index:5;border-top:1px solid var(--surface-border);border-bottom:1px solid var(--surface-border);background:var(--toolbar-bg);flex-wrap:nowrap;align-items:center;gap:4px;padding:8px clamp(14px,6% - 6px,58px);display:flex;position:sticky;top:0}.toolbar-scroll{scrollbar-width:none;flex-wrap:nowrap;flex:auto;align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.toolbar-scroll::-webkit-scrollbar{display:none}.scroll-fade[data-fade=right]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),#0000)}.scroll-fade[data-fade=left]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px);mask-image:linear-gradient(90deg,#0000,#000 40px)}.scroll-fade[data-fade=both]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000);mask-image:linear-gradient(90deg,#0000,#000 40px calc(100% - 40px),#0000)}.toolbar-group{flex:none;align-items:center;gap:2px;display:flex}.toolbar-group+.toolbar-group{border-left:1px solid var(--line);margin-left:2px;padding-left:6px}.tool-btn{width:34px;height:34px;color:var(--text-3);background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;padding:0;transition:background .12s,color .12s;display:inline-flex}.tool-btn:hover:not(:disabled){background:var(--chip);color:var(--ink)}.tool-btn.is-active{background:var(--primary);color:var(--on-primary)}.tool-btn.is-active:hover:not(:disabled){background:var(--primary-hover);color:var(--on-primary)}.tool-btn:disabled{opacity:.35}.editor-toolbar::-webkit-scrollbar{display:none}@container editor (width<=560px){.editor-status .char-count,.editor-status .char-dot{display:none}.editor-head,.editor-body .rich-text{padding-left:24px;padding-right:24px}}.editor-body{min-height:100%}.rich-text{min-height:360px;color:var(--text);overflow-wrap:anywhere;outline:none;padding-top:20px;padding-bottom:96px;font-size:16px;line-height:1.75}.rich-text>*+*{margin-top:.6em}.rich-text p{margin:0}.rich-text>p+p{margin-top:.55em}.rich-text h1{letter-spacing:-.03em;color:var(--ink);margin:1.3em 0 .35em;font-size:28px;font-weight:800;line-height:1.25}.rich-text h2{letter-spacing:-.025em;color:var(--ink);margin:1.2em 0 .3em;font-size:21px;font-weight:750;line-height:1.3}.rich-text>h1:first-child,.rich-text>h2:first-child{margin-top:0}.rich-text strong{color:var(--ink);font-weight:700}.rich-text mark{background:var(--mark);color:var(--mark-text);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;padding:.05em .15em}.rich-text ul,.rich-text ol{margin:.4em 0;padding-left:1.5em}.rich-text li+li{margin-top:.15em}.rich-text li::marker{color:var(--brand-orange)}.rich-text blockquote{border-left:3px solid var(--brand-orange);color:var(--text-3);margin:.8em 0;padding-left:1em}.rich-text hr{border:0;border-top:1px solid var(--line);margin:1.5em 0}.rich-text ul[data-type=taskList]{padding-left:.1em;list-style:none}.rich-text ul[data-type=taskList] li{align-items:flex-start;gap:.6em;display:flex}.rich-text ul[data-type=taskList] li>label{-webkit-user-select:none;user-select:none;flex:none;margin-top:.32em;display:inline-flex}.rich-text ul[data-type=taskList] li>div{flex:1;min-width:0}.rich-text ul[data-type=taskList] input[type=checkbox]{appearance:none;border:1.5px solid var(--line-strong);background:var(--surface) center / 12px no-repeat;cursor:pointer;border-radius:6px;width:18px;height:18px;margin:0}.rich-text ul[data-type=taskList] input[type=checkbox]:hover{border-color:var(--muted)}.rich-text ul[data-type=taskList] input[type=checkbox]:checked{border-color:var(--primary);background-color:var(--primary);background-image:var(--check-icon)}.rich-text ul[data-type=taskList] li[data-checked=true]>div{color:var(--faint);text-decoration:line-through;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong)}.rich-text .is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;height:0;color:var(--faint);pointer-events:none}.rich-text[contenteditable=false]{color:var(--text-3)}.editor-status{border-top:1px solid var(--surface-border);background:var(--surface);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:4px 10px;padding:12px 24px;font-size:12.5px;display:flex;overflow:hidden}.editor-status .dot{background:var(--line-strong);border-radius:50%;width:3px;height:3px}.save-state{color:var(--success);align-items:center;gap:6px;margin-left:auto;font-weight:600;display:inline-flex}.save-state:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.save-state.is-saving{color:var(--warning)}.popover-anchor{position:relative}.popover{z-index:30;border:1px solid var(--surface-border);background:var(--surface);box-shadow:var(--shadow-pop);border-radius:16px;padding:12px;position:absolute;top:calc(100% + 8px);right:0}.popover-label{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:0 0 10px;font-size:11px;font-weight:700}.color-popover{width:212px}.swatches{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.swatch{border:1.5px solid var(--line);width:30px;height:30px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .12s;display:inline-flex}.swatch:hover{transform:scale(1.1)}.swatch-none{background:linear-gradient(135deg, var(--surface) 44%, var(--line-strong) 44%, var(--line-strong) 56%, var(--surface) 56%)}.swatch-dot{border:1.5px solid;border-radius:50%;width:18px;height:18px}.modal-backdrop{z-index:100;background:var(--overlay);-webkit-backdrop-filter:blur(3px);justify-content:center;align-items:center;padding:16px;animation:.15s fade-in;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-xl);background:var(--surface);width:min(580px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-pop);padding:24px;animation:.18s pop-in;overflow-y:auto}.modal-sm{width:min(420px,100%)}.modal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.modal-head h2{letter-spacing:-.03em;margin:0;font-size:20px;font-weight:800}.modal-text{color:var(--muted);margin:0 0 8px;font-size:14px}.modal-section{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:20px 0 10px;font-size:11.5px;font-weight:700}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.export-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.export-card{border:1px solid var(--line);background:var(--surface);text-align:left;color:var(--text-3);border-radius:16px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;transition:border-color .15s,box-shadow .15s;display:flex}.export-card:hover{border-color:var(--ink);box-shadow:var(--shadow)}.export-name{color:var(--ink);margin-top:6px;font-size:14px;font-weight:700}.export-desc{color:var(--muted);font-size:12px}.dropzone{border:1.5px dashed var(--line-strong);color:var(--text-3);text-align:center;cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:20px;transition:border-color .15s,background .15s;display:flex}.dropzone:hover,.dropzone.is-dragging{background:var(--pink-tint);border-color:#ec4899}.dropzone:focus-within{border-color:var(--brand-orange)}.dropzone-hint{color:var(--muted);font-size:12px}.danger-row{border:1px solid var(--danger-bg-strong);color:var(--text-3);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:13.5px;display:flex}.danger-row span{align-items:center;gap:8px;display:inline-flex}.toasts{z-index:120;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{max-width:min(420px,100vw - 32px);box-shadow:var(--shadow-pop), inset 0 0 0 1px #ffffff14;color:#fff;pointer-events:auto;background:#18181b;border-radius:14px;align-items:center;gap:8px;padding:8px 8px 8px 16px;font-size:13.5px;font-weight:500;animation:.18s pop-in;display:flex}.toast-success svg:first-child{color:#86efac}.toast-error svg:first-child{color:#fca5a5}.toast-msg{flex:1}.toast-action{color:#fde047;background:0 0;border:0;border-radius:8px;padding:4px 8px;font-weight:700}.toast-action:hover{background:#ffffff1a}.toast-close{color:#a1a1aa;background:0 0;border:0;border-radius:6px;padding:4px;display:inline-flex}.toast-close:hover{color:#fff}.scrim{display:none}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(6px)scale(.98)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (max-width:1280px){.main.is-editing{grid-template-columns:minmax(300px,340px) minmax(0,1fr)}}@media (max-width:900px){:root{--topbar-h:60px}.layout,.app.sidebar-collapsed .layout{grid-template-columns:minmax(0,1fr)}.topbar{z-index:45;gap:10px;padding:0 12px}.topbar-left,.app.sidebar-collapsed .topbar-left{width:auto}.topbar-menu{display:inline-flex}.topbar-collapse{display:none}.sidebar,.sidebar.is-collapsed{z-index:60;visibility:hidden;width:min(304px,86vw);transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s,visibility 0s linear .26s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.is-open{visibility:visible;box-shadow:var(--shadow-pop);transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s,visibility;transform:none}.sidebar.is-collapsed .nav-label,.sidebar.is-collapsed .count-pill,.sidebar.is-collapsed .section-head,.sidebar.is-collapsed [data-testid=tags-section]{display:revert}.sidebar.is-collapsed .section-head{display:flex}.sidebar.is-collapsed .nav-item,.sidebar.is-collapsed .nav-item.nav-main{justify-content:flex-start;padding:0 10px}.sidebar.is-collapsed .sidebar-section{border-top:0;margin-top:0}.sidebar.is-collapsed .sidebar-cta .btn{padding:0 18px}.sidebar-mobile-head{justify-content:space-between;align-items:center;padding:12px 12px 0 20px;display:flex}.scrim{z-index:55;background:var(--overlay);opacity:0;pointer-events:none;transition:opacity .2s;display:block;position:fixed;inset:0}.scrim.is-visible{opacity:1;pointer-events:auto}.main.is-editing{grid-template-columns:minmax(0,1fr)}.main.is-editing .list-pane{padding:16px}.editor-pane{top:var(--topbar-h);z-index:40;border:0;border-radius:0;margin:0;position:fixed;bottom:0;left:0;right:0}.editor-back{display:inline-flex}.editor-close{display:none}.list-pane{padding:16px 16px 40px}}@media (max-width:640px){.clock,.kbd-pill,.theme-toggle,.avatar-name{display:none}.avatar-pill{padding:3px}.brand-name{font-size:18px}.brand{margin-left:0}.search input{padding:0 34px 0 36px}.search-icon{left:12px}.view-pills{margin-right:-16px;padding-right:16px}.hero{border-radius:20px;min-height:0;padding:22px 20px}.hero-title{font-size:24px}.hero-copy{flex-basis:100%}.hero-actions{width:100%}.hero-actions .btn{flex:1}.note-grid{grid-template-columns:minmax(0,1fr);gap:12px}.note-card{min-height:0}.collection-head{align-items:flex-start}.editor-title{font-size:26px}.editor-head,.editor-body .rich-text{padding-left:18px;padding-right:18px}.editor-toolbar{padding:6px 10px}.toolbar-group{flex:none}.export-grid{grid-template-columns:minmax(0,1fr)}.toasts{align-items:stretch;bottom:12px;left:12px;right:12px}.toast{max-width:none}.sort-select select{max-width:150px}}.search-hit{background:var(--mark);color:var(--mark-text);border-radius:3px;padding:0 1px}.tag-pill .search-hit{color:inherit;text-underline-offset:2px;background:0 0;text-decoration:underline;text-decoration-thickness:2px}.hero .btn-dark{color:#fff;background:#18181b;box-shadow:0 6px 16px -6px #18181b73}.hero .btn-dark:hover:not(:disabled){background:#27272a}.auth-pending{min-height:100vh;background:var(--canvas);min-height:100dvh}.auth{min-height:100vh;background:var(--canvas);justify-content:center;align-items:center;min-height:100dvh;padding:48px 16px;display:flex}.auth-card{border:1px solid var(--surface-border);border-radius:var(--radius-xl);background:var(--surface);width:min(400px,100%);box-shadow:var(--shadow);padding:32px}.auth-brand{margin:0 0 24px}.auth-title{letter-spacing:-.03em;color:var(--ink);margin:0;font-size:24px;font-weight:800;line-height:1.2}.auth-subtitle{color:var(--muted);margin:8px 0 24px;font-size:14px}.auth-notice{border-radius:var(--radius);background:var(--accent-bg);color:var(--accent-text);align-items:flex-start;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:13.5px;font-weight:500;display:flex}.auth-notice svg,.auth-error svg{flex:none;margin-top:2px}.auth-error{margin:0 0 16px}.auth-providers{flex-direction:column;gap:12px;display:flex}.auth-provider{height:48px;color:var(--ink);gap:12px;font-size:15px}.auth-fineprint{color:var(--faint);text-align:center;margin:12px 0 0;font-size:12.5px}.auth-help{text-align:center;margin-top:20px;font-size:14px}.auth-help-panel{border:1px solid var(--surface-border);border-radius:var(--radius-lg);background:var(--sidebar);color:var(--text-3);text-align:left;margin-top:12px;padding:16px;font-size:13.5px;line-height:1.55}.auth-help-head{color:var(--ink);justify-content:space-between;align-items:center;gap:8px;display:flex}.auth-help-close{width:28px;height:28px;color:var(--muted);background:0 0;border-radius:8px}.auth-help-close:hover{background:var(--hover)}.auth-help-panel p{margin:8px 0 12px}.auth-help-panel ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.auth-help-panel a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px;align-items:center;gap:6px;font-weight:600;display:inline-flex}.auth-help-panel a:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.auth-switch{text-align:center;color:var(--muted);margin:24px 0 0;font-size:14px}.auth-lang{text-align:center;margin:16px 0 0;font-size:13.5px}.auth-lang .auth-link{align-items:center;gap:6px;display:inline-flex}.auth-link{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:600}.auth-link:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}@media (max-width:480px){.auth{align-items:flex-start;padding:32px 16px}.auth-card{padding:24px}}.account-menu{width:248px;padding:8px}.account-head{border-bottom:1px solid var(--surface-border);flex-direction:column;gap:2px;min-width:0;margin-bottom:4px;padding:8px 8px 12px;display:flex}.account-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.account-email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.account-item{border-radius:var(--radius-sm);width:100%;height:36px;color:var(--text-2);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0 8px;font-size:14px;font-weight:500;display:flex}.account-item:hover:not(:disabled){background:var(--hover);color:var(--ink)}.account-item svg{color:var(--muted)}.load-error{justify-content:space-between;align-items:center;gap:16px;display:flex}.inline-error{border:1px solid var(--danger-bg-strong);border-radius:var(--radius);background:var(--danger-bg);color:var(--danger-text);align-items:flex-start;gap:8px;margin-top:12px;padding:12px 16px;font-size:13.5px;line-height:1.45;display:flex}.inline-error svg{flex:none;margin-top:2px}.inline-error strong{font-weight:700}.btn-lg{height:48px;padding:0 24px;font-size:15px}.page-loader{z-index:200;background:var(--canvas);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:16px;animation:.2s both page-loader-in;display:flex;position:fixed;inset:0}.page-loader-mark{border-radius:var(--radius);width:40px;height:40px}.page-loader-mark:after{inset:10px}.page-loader-bar{background:var(--line);border-radius:999px;width:144px;height:4px;position:relative;overflow:hidden}.page-loader-bar:after{content:"";border-radius:inherit;background:var(--ink);width:40%;animation:1.1s cubic-bezier(.45,0,.25,1) infinite page-loader-slide;position:absolute;top:0;bottom:0;left:0}.page-loader-label{color:var(--muted);font-size:14px;font-weight:500}@keyframes page-loader-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes page-loader-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.page-loader-bar:after{opacity:.4;width:100%;transform:none}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}