@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap";:root{--bg:oklch(98.5% 0 0);--fg:oklch(14.5% 0 0);--fg-muted:oklch(55.6% 0 0);--fg-faint:oklch(62% 0 0);--border:oklch(92.2% 0 0);--border-soft:oklch(94.5% 0 0);--surface:oklch(100% 0 0);--accent-note:oklch(60% .118 184.704);--accent-idea:oklch(64.6% .222 41.116);--accent-reminder:oklch(39.8% .07 227.392);--ok:oklch(64.6% .17 155);--warn:oklch(76.9% .188 70.08);--err:oklch(57.7% .245 27.325);--telegram:#24a1de;--r-card:14px;--r-panel:20px;--r-input:9px;--r-chip:99px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-hover:cubic-bezier(.2, .75, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Geist,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--fg);margin:0}code,kbd,.mono{font-family:Geist Mono,ui-monospace,monospace}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{border-color:oklch(70.8% 0 0);outline:none;box-shadow:0 0 0 3px oklch(70.8% 0 0/.35)}button{cursor:pointer}form{flex-wrap:wrap;align-items:flex-end;gap:6px 16px;display:flex}label{color:var(--fg-muted);flex-direction:column;align-items:flex-start;gap:5px;margin:0 0 10px;font-size:12.5px;font-weight:600;display:inline-flex}label:has(>input[type=checkbox]){flex-direction:row;align-items:center;gap:7px;margin:0 16px 8px 0;font-weight:500}label>input:not([type=checkbox]):not([type=color]),label>select,label>textarea{color:var(--fg);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-input);min-width:180px;padding:8px 11px;font-weight:400}label>textarea{min-width:260px}input[type=checkbox]{width:15px;height:15px;accent-color:var(--fg)}input[type=color]{border:1px solid var(--border);background:var(--surface);border-radius:7px;width:44px;height:32px;padding:2px}fieldset{border:1px solid var(--border-soft);border-radius:var(--r-input);width:100%;margin:2px 0 10px;padding:12px 14px 4px}legend{text-transform:uppercase;letter-spacing:.04em;color:var(--fg-faint);padding:0 6px;font-size:11px;font-weight:700}form button[type=submit]{margin-bottom:10px}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes drawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawerOut{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes glint{0%{transform:translate(-120%)skew(-12deg)}to{transform:translate(220%)skew(-12deg)}}@keyframes chipPulse{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes heartbeat{0%,to{opacity:1}50%{opacity:.35}}@keyframes aurora{0%{transform:translate(0)scale(1)}to{transform:translate(4%,-6%)scale(1.08)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.fade-up{animation:fadeUp .56s var(--ease-out) backwards}.pop-in{animation:popIn .26s var(--ease-out) backwards}.hover-raise{transition:transform .32s var(--ease-hover), box-shadow .32s var(--ease-hover), border-color .32s var(--ease-hover), background-position .32s var(--ease-hover)}.hover-raise:hover{transform:translateY(-4px)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.hover-raise:hover{transform:none}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.accent-note{--accent:var(--accent-note)}.accent-idea{--accent:var(--accent-idea)}.accent-reminder{--accent:var(--accent-reminder)}.tag-chip{border-radius:var(--r-chip);background:color-mix(in oklch, var(--accent,var(--fg-muted)) 13%, white);border:1px solid color-mix(in oklch, var(--accent,var(--fg-muted)) 24%, white);color:color-mix(in oklch, var(--accent,var(--fg-muted)) 75%, black);align-items:center;gap:4px;padding:3px 9px;font-family:Geist Mono,monospace;font-size:12px;display:inline-flex}.tag-chip.small{padding:2px 7px;font-size:11px}.mono{font-family:Geist Mono,monospace}.fg-faint{color:var(--fg-faint)}.form-error{color:var(--err);background:color-mix(in oklch, var(--err) 10%, white);border:1px solid color-mix(in oklch, var(--err) 24%, white);border-radius:var(--r-input);padding:8px 12px;font-size:13.5px}.sync-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.sync-dot.ok{background:var(--ok);animation:2.4s infinite heartbeat}.sync-dot.warn{background:var(--warn)}.sync-dot.err{background:var(--err)}.heartbeat-dot{background:var(--fg-faint);border-radius:50%;width:8px;height:8px;display:inline-block}.heartbeat-dot.live{background:var(--ok);animation:2.4s infinite heartbeat}.boot-screen{min-height:100vh;color:var(--fg-muted);justify-content:center;align-items:center;display:flex}.app-shell{min-height:100vh;display:flex}.app-main{background:radial-gradient(ellipse 900px 500px at 100% -10%, color-mix(in oklch, var(--accent-note) 9%, transparent), transparent 65%), radial-gradient(ellipse 700px 500px at -10% 100%, color-mix(in oklch, var(--accent-idea) 6%, transparent), transparent 65%);flex:1;min-width:0;max-width:100%;padding:28px 32px 80px;position:relative;overflow:clip visible}.app-main-particles{pointer-events:auto;z-index:0;opacity:.6;position:absolute;inset:0;overflow:hidden}.app-main>:not(.app-main-particles):not(.modal-scrim){z-index:1;position:relative}.sidebar{z-index:20;border-right:1px solid var(--border);width:236px;height:100vh;transition:width .28s var(--ease-out), padding .28s var(--ease-out);background:linear-gradient(165deg,oklch(99% .002 250),oklch(95.5% .006 250) 42%,oklch(97.8% .003 250) 68%,oklch(94.5% .007 250));flex-direction:column;flex-shrink:0;padding:16px 12px;display:flex;position:sticky;top:0}@media (width>=761px){.sidebar.collapsed{width:84px;padding:16px 10px}.sidebar.collapsed .sidebar-footer{flex-direction:column;gap:10px;padding:10px 0 4px}.sidebar.collapsed .sidebar-group,.sidebar.collapsed .sidebar-group-bottom{align-items:center}.sidebar.collapsed .sidebar-item,.sidebar.collapsed .sidebar-row-wrap{justify-content:center;width:auto;padding:9px}.sidebar.collapsed .sidebar-brand-btn span{display:none}}.sidebar-brand{align-items:center;gap:4px;padding:6px 8px 18px;display:flex;position:relative}.sidebar-brand-btn{color:var(--fg);border-radius:var(--r-input);background:0 0;border:none;align-items:center;gap:8px;min-width:0;margin:-4px -6px;padding:4px 6px;font-weight:700;display:flex}.sidebar-brand-btn:hover{background:var(--border-soft)}.sidebar-mobile-toggle,.sidebar-mobile-backdrop{display:none}.sidebar-brand-btn span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-collapse-toggle{color:var(--fg-muted);background:0 0;border:none;border-radius:6px;align-items:center;margin-left:auto;padding:4px;display:flex}.sidebar-collapse-toggle:hover{background:var(--border-soft)}.sidebar-nav-content{flex-direction:column;flex:1;min-height:0;display:flex}.sidebar-group{flex-direction:column;gap:2px;display:flex}.sidebar-group-bottom{border-top:1px solid var(--border-soft);margin-top:auto;padding-top:14px}.sidebar-row-wrap{border-radius:var(--r-input);align-items:center;display:flex}.sidebar-row-wrap.active{background:linear-gradient(135deg,oklch(26% .006 260),oklch(14.5% 0 0) 55%,oklch(30% .008 250));box-shadow:0 4px 14px oklch(14.5% 0 0/.25)}.sidebar-item{border-radius:var(--r-input);width:100%;color:var(--fg-muted);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:9px 10px;font-size:13.5px;font-weight:500;display:flex}.sidebar-item:hover{background:var(--border-soft);color:var(--fg)}.sidebar-item.active{color:#fff;background:linear-gradient(135deg,oklch(26% .006 260),oklch(14.5% 0 0) 55%,oklch(30% .008 250));box-shadow:0 4px 14px oklch(14.5% 0 0/.25)}.sidebar-row-wrap.active .sidebar-item{color:#fff}.sidebar-row-wrap.active .sidebar-item:hover{background:oklch(100% 0 0/.08)}.sidebar-chevron{color:var(--fg-faint);background:0 0;border:none;border-radius:6px;flex-shrink:0;margin-right:6px;padding:4px 6px}.sidebar-chevron:hover{background:var(--border-soft)}.sidebar-row-wrap.active .sidebar-chevron{color:oklch(100% 0 0/.7)}.sidebar-row-wrap.active .sidebar-chevron:hover{color:#fff;background:oklch(100% 0 0/.12)}.sidebar-chevron svg{transition:transform .2s var(--ease-out)}.sidebar-submenu{flex-direction:column;gap:1px;margin-top:3px;padding:5px 0 6px 10px;display:flex}.sidebar-subitem{border-radius:var(--r-input);color:var(--fg-muted);text-align:left;background:linear-gradient(90deg,oklch(0% 0 0/.025),#0000 70%);border:none;align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:flex}.sidebar-subitem:hover{background:linear-gradient(90deg, color-mix(in oklch, var(--accent,var(--fg-muted)) 15%, white), color-mix(in oklch, var(--accent,var(--fg-muted)) 3%, white) 85%);color:color-mix(in oklch, var(--accent,var(--fg-muted)) 70%, black)}.sidebar-subitem.everything-item:hover{background:linear-gradient(90deg, color-mix(in oklch, var(--accent-note) 15%, white), color-mix(in oklch, var(--accent-idea) 13%, white) 50%, color-mix(in oklch, var(--accent-reminder) 15%, white) 100%);color:var(--fg)}.sidebar-subitem.active{background:linear-gradient(90deg, color-mix(in oklch, var(--accent,var(--fg-muted)) 18%, white), color-mix(in oklch, var(--accent,var(--fg-muted)) 4%, white) 90%);color:color-mix(in oklch, var(--accent,var(--fg-muted)) 80%, black);font-weight:600}.sidebar-subitem.everything-active{background:linear-gradient(90deg, color-mix(in oklch, var(--accent-note) 22%, white), color-mix(in oklch, var(--accent-idea) 20%, white) 50%, color-mix(in oklch, var(--accent-reminder) 22%, white) 100%);color:var(--fg)}.sidebar-footer{border-top:1px solid var(--border-soft);align-items:center;gap:8px;margin-top:10px;padding:10px 8px 4px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,oklch(34% .012 250),oklch(16% 0 0) 58%,oklch(30% .015 230));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:600;display:flex}.avatar.small{width:24px;height:24px;font-size:11px}.sidebar-footer-meta{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-footer-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar-footer-role{color:var(--fg-faint);font-size:11px}.sidebar-logout{color:var(--fg-faint);background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:6px}.sidebar-logout:hover{background:var(--border-soft);color:var(--err)}@media (width<=760px){.app-shell{flex-direction:column}.sidebar,.sidebar.collapsed{-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:oklch(100% 0 0/.85);flex-direction:row;align-items:center;gap:2px;width:100%;height:auto;padding:8px 10px;position:sticky;top:0;overflow:auto hidden}.sidebar-submenu,.sidebar-footer-meta,.sidebar-chevron,.sidebar-collapse-toggle,.sidebar-mobile-toggle{display:none}.sidebar-brand{border-right:1px solid var(--border-soft);flex-shrink:0;margin-right:4px;padding:4px 10px 4px 4px}.sidebar-brand-btn span{display:inline}.sidebar-nav-content{flex-direction:row;flex:1;align-items:center;gap:2px;min-width:0;display:flex}.sidebar-group,.sidebar-group-bottom,.sidebar-row-wrap{flex-direction:row;flex-shrink:0;gap:2px;display:flex}.sidebar-group-bottom{border-top:none;margin:0 0 0 auto;padding:4px 0 4px 8px}.sidebar-item{flex-shrink:0;width:auto;padding:8px}.sidebar-item span{display:none}.sidebar-footer{border-top:none;border-left:1px solid var(--border-soft);flex-shrink:0;margin:0 0 0 6px;padding:4px 0 4px 8px}.app-main{padding:16px 14px 90px}.segmented-tab:not(.active) .segmented-tab-label{display:none}.segmented-tab{padding:7px 10px}.search-input{flex:100%;min-width:0;max-width:none}.workspace-header{flex-wrap:wrap}}@media (width<=480px){.sidebar{overflow:visible}.sidebar-mobile-toggle{border-radius:var(--r-input);background:var(--border-soft);width:34px;height:34px;color:var(--fg);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-mobile-toggle:hover{background:var(--border)}.sidebar-brand{border-right:none;flex:1;justify-content:space-between;margin-right:0;padding:4px}.sidebar-mobile-backdrop,.sidebar-nav-content{display:none}.sidebar.mobile-menu-open .sidebar-mobile-backdrop{z-index:39;display:block;position:fixed;inset:0}.sidebar.mobile-menu-open .sidebar-nav-content{background:var(--surface);border-bottom:1px solid var(--border);z-index:40;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100vh - 60px);padding:8px 10px 12px;display:flex;position:absolute;top:100%;left:0;right:0;overflow:hidden auto;box-shadow:0 16px 30px oklch(14.5% 0 0/.14)}.sidebar.mobile-menu-open .sidebar-group{border-bottom:1px solid var(--border-soft);flex-direction:column;gap:2px;width:100%;margin-bottom:8px;padding-bottom:8px}.sidebar.mobile-menu-open .sidebar-row-wrap{flex-direction:row;width:100%}.sidebar.mobile-menu-open .sidebar-chevron,.sidebar.mobile-menu-open .sidebar-submenu{display:flex}.sidebar.mobile-menu-open .sidebar-group-bottom{border-bottom:1px solid var(--border-soft);flex-direction:column;gap:2px;width:100%;margin:0 0 8px;padding:0 0 8px}.sidebar.mobile-menu-open .sidebar-item{width:100%;padding:10px 12px}.sidebar.mobile-menu-open .sidebar-item span{display:inline}.sidebar.mobile-menu-open .sidebar-footer{border-left:none;width:100%;margin:0;padding:2px 4px 0}.sidebar.mobile-menu-open .sidebar-footer-meta{display:flex}}.login-page{color:#fff;background:linear-gradient(160deg,oklch(20% .02 262),oklch(15% .015 245) 55%,oklch(18% .035 200));min-height:100vh;display:flex;position:relative;overflow:hidden}.login-particle-layer{z-index:0;position:absolute;inset:0;overflow:hidden}.login-glow{filter:blur(70px);pointer-events:none;z-index:0;border-radius:50%;width:480px;height:480px;position:absolute}.login-glow-blue{background:radial-gradient(circle,oklch(50% .15 255/.35),#0000 70%);top:-120px;left:-120px}.login-glow-cyan{background:radial-gradient(circle,oklch(60% .13 200/.3),#0000 70%);bottom:-120px;right:-120px}.login-hero-panel{z-index:1;flex:1.3;align-items:center;min-width:0;padding:48px 5vw;display:flex;position:relative}.login-auth-panel{z-index:1;background:oklch(15% .02 255/.4);border-left:1px solid oklch(100% 0 0/.08);flex:1;justify-content:center;align-items:center;min-width:380px;padding:48px;display:flex;position:relative;box-shadow:inset 1px 0 oklch(100% 0 0/.03)}.login-hero{max-width:480px}.login-brand-mark{opacity:.9;align-items:center;gap:10px;margin-bottom:32px;font-size:15px;font-weight:700;display:flex}.login-headline{background:linear-gradient(120deg,#fff,oklch(85% .05 220));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:40px;font-weight:700;line-height:1.15}.login-subline{color:oklch(85% .01 250);margin:0 0 32px;font-size:15px}.login-demo-bubbles{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.demo-bubble{border-radius:var(--r-card);background:oklch(100% 0 0/.06);border:1px solid oklch(100% 0 0/.12);flex-direction:column;align-items:flex-start;gap:6px;padding:12px 14px;font-size:13.5px;display:flex}.demo-bubble-chip{letter-spacing:.03em;border-radius:var(--r-chip);background:color-mix(in oklch, var(--accent) 22%, oklch(100% 0 0/.05));color:color-mix(in oklch, var(--accent) 55%, white);white-space:nowrap;align-items:center;gap:5px;padding:3px 9px;font-family:Geist Mono,monospace;font-size:11px;font-weight:600;display:flex}.demo-bubble-arrow{opacity:.85}.login-footer-chips{flex-wrap:wrap;gap:14px;display:flex}.login-footer-chips span{color:oklch(82% .01 250);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.login-footer-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.login-auth-card{border-radius:var(--r-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:oklch(100% 0 0/.07);border:1px solid oklch(100% 0 0/.14);flex-shrink:0;width:380px;max-width:100%;padding:32px 28px;position:relative;box-shadow:inset 0 1px oklch(100% 0 0/.2),0 20px 50px oklch(14.5% 0 0/.4)}.login-auth-brand{align-items:center;gap:8px;margin-bottom:20px;font-weight:700;display:none}.login-auth-card h2{margin:0 0 20px;font-size:22px}.telegram-widget-slot{margin-bottom:8px}.dev-login-form{border-top:1px solid oklch(100% 0 0/.14);flex-direction:column;gap:10px;margin-top:20px;padding-top:16px;display:flex}.dev-login-form h2{margin:0;font-size:14px}.dev-login-form input,.dev-login-form select{border-radius:var(--r-input);color:#fff;background:oklch(100% 0 0/.08);border:1px solid oklch(100% 0 0/.18);padding:6px 10px}.login-invite-hint{color:oklch(75% .01 250);margin-top:20px;font-size:12.5px}@media (width<=760px){.login-page{flex-direction:column}.login-hero-panel{display:none}.login-auth-panel{border-left:none;width:100%;min-width:0;padding:20px}.login-auth-card{width:100%;max-width:420px}.login-auth-brand{display:flex}}.workspace-page{max-width:1120px;margin:0 auto}.workspace-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;display:flex}.workspace-header h1{margin:0 0 4px;font-size:22px}.workspace-summary{color:var(--fg-muted);margin:0;font-size:13.5px}.search-input{flex:0 320px;min-width:220px;max-width:320px;margin:0;position:relative}.search-input-icon{color:var(--fg-faint);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input input{border-radius:var(--r-chip);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--fg);padding:9px 14px 9px 38px;font-size:13.5px}.search-input input::placeholder{color:var(--fg-faint)}.workspace-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.segmented-tabs{border-radius:var(--r-chip);background:var(--border-soft);gap:2px;padding:3px;display:inline-flex}.segmented-tab{border-radius:var(--r-chip);color:var(--fg-muted);background:0 0;border:none;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;display:flex}.segmented-tab.active{background:var(--surface);color:var(--fg);box-shadow:0 1px 3px oklch(14.5% 0 0/.1)}.segmented-tab-count{border-radius:var(--r-chip);background:var(--border-soft);padding:1px 6px;font-size:11px}.archived-chip{border:1px dashed var(--border);border-radius:var(--r-chip);color:var(--fg-muted);background:0 0;padding:7px 14px;font-size:13px}.archived-chip.active{background:var(--fg);color:var(--bg);border-style:solid}.reminder-strip{gap:12px;margin:-12px -24px 6px;padding:12px 24px 36px;display:flex;overflow-x:auto}.reminder-strip-card{border-radius:var(--r-card);border:1px solid var(--border);background:var(--surface);cursor:pointer;flex-direction:column;flex:0 0 210px;gap:10px;padding:14px;display:flex;box-shadow:0 2px 6px oklch(14.5% 0 0/.06)}.reminder-strip-card.state-overdue{border-color:color-mix(in oklch, var(--err) 40%, white)}.reminder-strip-card.done{opacity:.55}.reminder-check{border:2px solid var(--border);color:#fff;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.reminder-check.checked{background:var(--ok);border-color:var(--ok);animation:popIn .22s var(--ease-out)}.reminder-strip-title{font-size:14px;font-weight:600}.reminder-strip-card.done .reminder-strip-title{text-decoration:line-through}.due-chip{border-radius:var(--r-chip);background:var(--border-soft);color:var(--fg-muted);align-self:flex-start;padding:3px 8px;font-family:Geist Mono,monospace;font-size:10.5px;font-weight:600}.due-chip.overdue{background:color-mix(in oklch, var(--err) 14%, white);color:var(--err)}.due-chip.today{background:color-mix(in oklch, var(--accent-reminder) 14%, white);color:var(--accent-reminder)}.library-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}@media (width<=760px){.library-grid{grid-template-columns:1fr}}.item-card{text-align:left;border-radius:var(--r-card);border:1px solid color-mix(in oklch, white 68%, var(--accent) 32%);background:radial-gradient(circle at top right, color-mix(in oklch, var(--accent) 13%, transparent), transparent 60%), linear-gradient(130deg, white, color-mix(in oklch, var(--accent) 14%, white));min-height:150px;animation:fadeUp .48s var(--ease-out) backwards;background-position:0 0;background-size:180%;flex-direction:column;gap:8px;padding:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px oklch(14.5% 0 0/.07),0 6px 18px oklch(14.5% 0 0/.06)}.item-card:hover,.item-card.hovering{border-color:color-mix(in oklch, white 50%, var(--accent) 50%);box-shadow:0 20px 40px color-mix(in oklch, var(--accent) 26%, transparent), 0 8px 18px oklch(14.5% 0 0/.12);background-position:100% 100%}.item-card-glint{pointer-events:none;background:linear-gradient(90deg,#0000,oklch(100% 0 0/.5),#0000);width:40%;animation:1s ease-out glint;position:absolute;inset:0}.item-card-watermark{opacity:.08;color:var(--accent);position:absolute;bottom:-10px;right:-10px;transform:rotate(-8deg)}.item-card-header{align-items:center;gap:8px;display:flex}.item-card-type-badge{background:color-mix(in oklch, var(--accent) 13%, white);border:1px solid color-mix(in oklch, var(--accent) 26%, white);width:26px;height:26px;color:var(--accent);border-radius:8px;justify-content:center;align-items:center;display:flex}.item-card-type-chip{text-transform:uppercase;letter-spacing:.03em;color:color-mix(in oklch, var(--accent) 75%, black);font-size:11px;font-weight:700}.item-card-title{font-size:15.5px;font-weight:600}.item-card-excerpt{color:var(--fg-muted);flex:1;font-size:13px}.item-card-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.item-card-tags{flex-wrap:wrap;gap:4px;display:flex}.item-card-time{color:var(--fg-faint);white-space:nowrap;font-size:11px}.empty-state{text-align:center;color:var(--fg-muted);padding:60px 20px}.fab{color:#fff;z-index:20;background:linear-gradient(135deg,oklch(34% .012 250),oklch(16% 0 0) 58%,oklch(30% .015 230));border:none;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:fixed;bottom:32px;right:32px;box-shadow:inset 0 1px oklch(100% 0 0/.2),0 10px 24px oklch(14.5% 0 0/.3)}.fab:hover{transform:translateY(-4px)scale(1.04)}.fab svg{transition:transform .22s var(--ease-out)}@media (width<=760px){.fab{bottom:18px;right:18px}}.modal-scrim{z-index:30;background:oklch(14.5% 0 0/.5);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-scrim.fade-out{animation:.26s ease-out forwards fadeOut}.capture-modal{background:var(--surface);border-radius:var(--r-panel);width:560px;max-width:calc(100vw - 32px);padding:22px;position:relative;box-shadow:0 30px 60px oklch(14.5% 0 0/.3)}.capture-modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding-right:38px;display:flex}.capture-mode-chips{flex-wrap:wrap;gap:6px;display:flex}.mode-chip{border-radius:var(--r-chip);border:1px solid var(--border);background:var(--surface);color:var(--fg-muted);align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:500;display:flex}.mode-chip.active{color:color-mix(in oklch, var(--accent) 80%, black);background:color-mix(in oklch, var(--accent) 14%, white);border-color:color-mix(in oklch, var(--accent) 30%, white)}.mode-chip.active.dark{background:var(--fg);color:var(--bg);border-color:var(--fg)}.modal-close{z-index:2;background:var(--surface);border:1px solid var(--border);width:30px;height:30px;color:var(--fg-muted);transition:transform .16s var(--ease-hover), background .16s var(--ease-hover), color .16s var(--ease-hover);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px;box-shadow:0 2px 6px oklch(14.5% 0 0/.08)}.modal-close:hover{background:var(--border-soft);color:var(--fg);transform:scale(1.1)}.capture-modal-title-row{margin-bottom:8px}.classification-chip{border-radius:var(--r-chip);text-transform:uppercase;letter-spacing:.03em;background:color-mix(in oklch, var(--accent) 14%, white);color:color-mix(in oklch, var(--accent) 75%, black);align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.chip-pulse{animation:chipPulse .36s var(--ease-out)}.capture-textarea{border:1px solid var(--border);border-radius:var(--r-input);resize:vertical;width:100%;margin-bottom:10px;padding:12px 14px;font-size:14px}.capture-due-row{color:var(--fg-muted);flex-direction:row;align-items:center;gap:8px;margin:0 0 14px;font-size:13px;display:flex}.capture-due-row input{border:1px solid var(--border);border-radius:var(--r-input);padding:6px 10px}.capture-submit{border-radius:var(--r-input);color:#fff;background:linear-gradient(135deg,oklch(34% .012 250),oklch(16% 0 0) 58%,oklch(30% .015 230));border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px;font-weight:600;display:flex}.capture-submit:disabled{opacity:.5;cursor:not-allowed}.item-drawer{background:var(--surface);z-index:31;flex-direction:column;gap:12px;width:440px;max-width:100vw;padding:22px;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-12px 0 40px oklch(14.5% 0 0/.15)}.item-drawer.drawer-in{animation:drawerIn .38s var(--ease-out)}.item-drawer.drawer-out{animation:.26s cubic-bezier(.5,0,.75,1) forwards drawerOut}.item-drawer-header{align-items:center;gap:8px;padding-right:38px;display:flex;position:relative}.item-drawer-header .modal-close{top:-2px;right:-6px}.sync-status-label{color:var(--fg-faint);text-transform:capitalize;font-size:12px}.item-drawer-title{border:none;outline:none;padding:4px 0;font-size:20px;font-weight:700}.item-drawer-meta{color:var(--fg-faint);margin:0;font-size:12px}.item-drawer-content-panel{flex:none}.markdown-preview{border:1px solid var(--border);border-radius:var(--r-card);cursor:text;min-height:120px;padding:14px}.markdown-body p{margin:0 0 8px}.markdown-body h3,.markdown-body h4{margin:12px 0 6px}.md-code{background:var(--border-soft);border-radius:4px;padding:1px 5px;font-size:.9em}.task-item{align-items:flex-start;gap:8px;margin-left:-1.4em;list-style:none;display:flex}.task-item input[type=checkbox]{width:15px;height:15px;accent-color:var(--ok);cursor:pointer;flex-shrink:0;margin-top:3px}.task-item input[type=checkbox]:disabled{cursor:default}.task-item-done{color:var(--fg-faint);text-decoration:line-through}.markdown-toggle-hint{color:var(--fg-faint);margin-top:6px;font-size:11px;display:block}.item-drawer-raw-textarea{border:1px solid var(--border);border-radius:var(--r-card);resize:none;width:100%;min-height:120px;padding:14px;font-size:13px;overflow:hidden}.markdown-toggle{color:var(--fg-muted);background:0 0;border:none;margin-top:6px;padding:0;font-size:12px}.markdown-toggle:hover{color:var(--fg)}.item-drawer-tags-label{text-transform:uppercase;letter-spacing:.02em;color:var(--fg-faint);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}.tag-editor{border:1px solid var(--border);border-radius:var(--r-input);flex-wrap:wrap;align-items:center;gap:6px;min-height:40px;padding:8px 10px;display:flex}.tag-chip-remove{color:inherit;background:0 0;border:none;border-radius:50%;padding:1px;display:flex}.tag-chip-remove:hover{background:oklch(0% 0 0/.08)}.tag-editor-input{text-transform:none;background:0 0;border:none;outline:none;flex:1;min-width:80px;font-size:13px;font-weight:400}.item-drawer-due-row{color:var(--fg-muted);align-items:center;gap:8px;font-size:13px;display:flex}.reminder-toggle-btn{border-radius:var(--r-chip);border:1px solid var(--border);background:0 0;margin-left:auto;padding:6px 12px;font-size:12.5px}.reminder-toggle-btn.actionable{background:color-mix(in oklch, var(--ok) 14%, white);border-color:color-mix(in oklch, var(--ok) 30%, white);color:color-mix(in oklch, var(--ok) 70%, black)}.item-drawer-footer{border-top:1px solid var(--border-soft);gap:10px;margin-top:4px;padding-top:12px;display:flex}.btn-primary{border-radius:var(--r-input);color:#fff;background:linear-gradient(135deg,oklch(34% .012 250),oklch(16% 0 0) 58%,oklch(30% .015 230));border:none;align-items:center;gap:6px;padding:9px 16px;font-size:13.5px;font-weight:600;display:flex}.btn-primary.danger{background:linear-gradient(135deg,oklch(62% .22 27),oklch(50% .21 27) 60%,oklch(44% .2 25))}.btn-ghost{border:1px solid var(--border);border-radius:var(--r-input);color:var(--fg-muted);background:0 0;align-items:center;gap:6px;padding:9px 16px;font-size:13.5px;display:flex}.btn-ghost:hover{background:var(--border-soft)}.btn-ghost.danger{color:var(--err);border-color:color-mix(in oklch, var(--err) 30%, white)}.btn-ghost.danger:hover{background:color-mix(in oklch, var(--err) 10%, white)}.field-row{flex-wrap:wrap;gap:16px 28px;margin-bottom:4px;display:flex}.option-switch{border-radius:var(--r-chip);background:var(--border-soft);gap:2px;padding:3px;display:inline-flex}.option-switch-btn{border-radius:var(--r-chip);color:var(--fg-muted);text-transform:capitalize;background:0 0;border:none;padding:6px 14px;font-size:13px;font-weight:500}.option-switch-btn.active{background:var(--surface);color:var(--fg);font-weight:600;box-shadow:0 1px 3px oklch(14.5% 0 0/.1)}.field-block{flex-direction:column;align-items:flex-start;gap:5px;margin:0 0 10px;display:flex}.field-label{color:var(--fg-muted);font-size:12.5px;font-weight:600}.color-swatches{flex-wrap:wrap;gap:8px;display:flex}.color-swatch{width:26px;height:26px;box-shadow:0 0 0 1px var(--border);color:#fff;transition:transform .16s var(--ease-hover);border:2px solid oklch(100% 0 0/.7);border-radius:50%;justify-content:center;align-items:center;display:flex}.color-swatch:hover{transform:scale(1.12)}.color-swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--fg)}.confirm-dialog{background:var(--surface);border-radius:var(--r-panel);text-align:center;width:380px;max-width:calc(100vw - 32px);padding:24px;box-shadow:0 30px 60px oklch(14.5% 0 0/.3)}.confirm-dialog h3{margin:4px 0 6px;font-size:16px}.confirm-dialog p{color:var(--fg-muted);margin:0 0 20px;font-size:13.5px}.confirm-dialog-icon{background:color-mix(in oklch, var(--fg-muted) 12%, white);width:42px;height:42px;color:var(--fg-muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:6px;display:inline-flex}.confirm-dialog-icon.danger{background:color-mix(in oklch, var(--err) 14%, white);color:var(--err)}.confirm-dialog-actions{justify-content:center;gap:10px;display:flex}.file-label{cursor:pointer;flex-direction:row;align-items:center;margin:0;display:inline-flex}@media (width<=760px){.item-drawer{width:100%}}.toast{border-radius:var(--r-chip);color:#fff;z-index:50;animation:toastIn .26s var(--ease-out);background:oklch(18% 0 0);align-items:center;gap:8px;padding:11px 18px;font-size:13.5px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px oklch(14.5% 0 0/.3)}.page-section{flex-direction:column;gap:18px;max-width:820px;margin:0 auto;display:flex}.page-section h2{margin:0;font-size:20px}.section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--fg-faint);margin:0 0 10px;font-size:11px;font-weight:700}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:18px}.stat-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);flex-direction:column;gap:6px;padding:14px 16px;display:flex}.stat-card-label{color:var(--fg-faint);font-size:12px}.stat-card-value{font-size:16px;font-weight:600}.row-list{flex-direction:column;gap:8px;display:flex}.token-row,.member-row{border:1px solid var(--border-soft);border-radius:var(--r-input);align-items:center;gap:12px;padding:10px 12px;display:flex}.token-row.revoked{opacity:.55}.token-row-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.status-chip{text-transform:capitalize;border-radius:var(--r-chip);background:var(--border-soft);color:var(--fg-muted);padding:3px 9px;font-size:11px;font-weight:600}.status-chip.active{background:color-mix(in oklch, var(--ok) 14%, white);color:color-mix(in oklch, var(--ok) 70%, black)}.status-chip.revoked,.status-chip.expired{background:color-mix(in oklch, var(--err) 12%, white);color:var(--err)}.status-chip.used{background:var(--border-soft)}.invite-code-chip{border-radius:var(--r-chip);background:color-mix(in oklch, var(--ok) 10%, white);border:1px solid color-mix(in oklch, var(--ok) 25%, white);padding:4px 10px}.token-reveal-card{background:color-mix(in oklch, var(--ok) 8%, white);border:1px solid color-mix(in oklch, var(--ok) 26%, white);border-radius:var(--r-card);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;display:flex}.event-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.event-list li{align-items:center;gap:8px;font-size:13px;display:flex}