@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.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}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/sora-latin-ext-wght-normal-CawQDOvP.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:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/sora-latin-wght-normal-DdqRvwsR.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}:root{--bg-0:#060608;--bg-1:#0b0b0f;--ink-0:#f4f4f7;--ink-1:#b6b6c2;--ink-2:#74747f;--ink-3:#45454e;--glass:#ffffff0b;--glass-strong:#ffffff14;--glass-brd:#ffffff17;--glass-brd-strong:#ffffff29;--hair:#ffffff12;--accent:#ff4d5e;--accent-rgb:255, 77, 94;--on-accent:#fff;--shadow-lg:0 24px 60px -18px #000000b3;--shadow-glass:0 8px 30px -12px #0009, inset 0 1px 0 0 #ffffff0f;--font-display:"Fraunces Variable", Georgia, serif;--font-ui:"Sora Variable", system-ui, sans-serif;--r-sm:10px;--r-md:16px;--r-lg:22px;--ease:cubic-bezier(.22, 1, .36, 1)}[data-feel=crimson]{--accent:#ff4d5e;--accent-rgb:255, 77, 94}[data-feel=rose]{--accent:#ff5d9e;--accent-rgb:255, 93, 158}[data-feel=ember]{--accent:#ff8a3d;--accent-rgb:255, 138, 61}[data-feel=amber]{--accent:#ffbf47;--accent-rgb:255, 191, 71}[data-feel=lime]{--accent:#b6e84f;--accent-rgb:182, 232, 79}[data-feel=emerald]{--accent:#35e6b0;--accent-rgb:53, 230, 176}[data-feel=teal]{--accent:#2fd6c6;--accent-rgb:47, 214, 198}[data-feel=azure]{--accent:#5cc8ff;--accent-rgb:92, 200, 255}[data-feel=sky]{--accent:#56a8ff;--accent-rgb:86, 168, 255}[data-feel=indigo]{--accent:#7c8bff;--accent-rgb:124, 139, 255}[data-feel=violet]{--accent:#b69cff;--accent-rgb:182, 156, 255}[data-feel=magenta]{--accent:#e86cff;--accent-rgb:232, 108, 255}[data-feel=black]{--accent:#f2f3f7;--accent-rgb:242, 243, 247;--on-accent:#0b0b10}[data-feel=lime]{--on-accent:#101306}[data-feel=amber]{--on-accent:#17120a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-0);color:var(--ink-0);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:15px;line-height:1.55;overflow:hidden}body:before{content:"";z-index:-2;background:radial-gradient(58% 52% at 16% 6%, rgba(var(--accent-rgb), .22), transparent 60%), radial-gradient(48% 48% at 92% 96%, rgba(var(--accent-rgb), .15), transparent 55%), radial-gradient(42% 42% at 78% 26%, rgba(var(--accent-rgb), .08), transparent 60%), linear-gradient(180deg, var(--bg-1), var(--bg-0));transition:background .5s var(--ease);position:fixed;inset:0}body:after{content:"";z-index:-1;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.shell{height:100%;position:relative}.deskhandle{display:none}.sidebar{z-index:10;background:linear-gradient(180deg, rgba(var(--accent-rgb), .14), rgba(var(--accent-rgb), .05)), #08080c66;-webkit-backdrop-filter:blur(30px)saturate(160%);border-right:1px solid var(--glass-brd-strong);width:268px;transition:transform .34s var(--ease);box-shadow:var(--shadow-lg);flex-direction:column;gap:8px;padding:22px 16px 16px;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.is-open{transform:none}.brand{cursor:pointer;align-items:center;gap:12px;padding:6px 8px 20px;display:flex}.brand__word{font-family:var(--font-display);letter-spacing:-.02em;font-size:25px;font-weight:600;line-height:1}.brand__word b{color:var(--accent);font-weight:600}.brand__sub{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2);margin-top:3px;font-size:10.5px}.nav{flex-direction:column;gap:4px;display:flex}.nav__label{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);padding:8px 12px 6px;font-size:10.5px}.navitem{border-radius:var(--r-sm);color:var(--ink-1);cursor:pointer;transition:all .25s var(--ease);-webkit-user-select:none;user-select:none;border:1px solid #0000;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;display:flex;position:relative}.navitem svg{stroke-width:1.7px;opacity:.85;width:19px;height:19px}.navitem:hover{background:var(--glass);color:var(--ink-0);border-color:var(--glass-brd)}.navitem.is-active{background:linear-gradient(90deg, rgba(var(--accent-rgb), .18), rgba(var(--accent-rgb), .04));border-color:rgba(var(--accent-rgb), .3);color:var(--ink-0)}.navitem.is-active svg{opacity:1;color:var(--accent)}.navitem.is-active:before{content:"";background:var(--accent);width:3px;height:22px;box-shadow:0 0 14px 1px rgba(var(--accent-rgb), .8);border-radius:0 3px 3px 0;position:absolute;top:50%;left:-16px;transform:translateY(-50%)}.navitem.is-disabled{opacity:.4;cursor:not-allowed}.navitem__tag{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);border:1px solid var(--hair);border-radius:6px;margin-left:auto;padding:2px 6px;font-size:9.5px}.sidefoot{border-top:1px solid var(--hair);margin-top:auto;padding-top:14px}.vibe__label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);padding:0 8px 8px;font-size:10.5px}.vibe__row{scrollbar-width:none;scroll-snap-type:x proximity;gap:11px;padding:4px 8px 6px;display:flex;overflow-x:auto}.vibe__row::-webkit-scrollbar{display:none}.swatch{cursor:pointer;width:20px;height:20px;transition:transform .2s var(--ease), border-color .2s var(--ease);scroll-snap-align:center;border:2px solid #0000;border-radius:50%;flex:none;position:relative}.swatch:after{content:"";background:var(--sw);box-shadow:0 0 9px 0 var(--sw);border:1px solid #fff3;border-radius:50%;position:absolute;inset:3px}.swatch:hover{transform:scale(1.18)}.swatch.is-on{border-color:#9696a5b3}.main{height:100%;transition:margin-left .34s var(--ease), filter .3s var(--ease);padding:28px clamp(20px,4vw,52px) 60px;position:relative;overflow-y:auto}.main--note{padding:0;overflow:hidden}.topbar{align-items:center;gap:14px;margin-bottom:18px;display:none}.burger{border-radius:var(--r-sm);background:var(--glass);border:1px solid var(--glass-brd);width:40px;height:40px;color:var(--ink-0);cursor:pointer;place-items:center;display:grid}.pagehead{margin:4px 0 26px}.pagehead h1{font-family:var(--font-display);letter-spacing:-.025em;margin:0 0 6px;font-size:clamp(28px,4vw,40px);font-weight:550;line-height:1.02}.pagehead p{color:var(--ink-2);margin:0;font-size:14px}.card{background:var(--glass);-webkit-backdrop-filter:blur(26px)saturate(150%);border:1px solid var(--glass-brd);border-radius:var(--r-lg);box-shadow:var(--shadow-glass), var(--shadow-lg);overflow:hidden}.stub{text-align:center;min-height:46vh;color:var(--ink-2);place-items:center;display:grid}.stub__badge{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(var(--accent-rgb), .3);border-radius:999px;margin-bottom:16px;padding:5px 12px;font-size:11px;display:inline-block}.notegrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.notecard{text-align:left;cursor:pointer;min-height:132px;color:var(--ink-0);background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(150%);border:1px solid var(--glass-brd);border-radius:var(--r-md);box-shadow:var(--shadow-glass);transition:transform .22s var(--ease), border-color .22s var(--ease);flex-direction:column;gap:8px;padding:16px;display:flex}.notecard:hover{border-color:rgba(var(--accent-rgb), .35);transform:translateY(-3px)}.notecard__ico{background:rgba(var(--accent-rgb), .14);width:32px;height:32px;color:var(--accent);border-radius:9px;place-items:center;display:grid}.notecard__title{font-family:var(--font-display);font-size:17px;font-weight:600;line-height:1.2}.notecard__preview{color:var(--ink-2);flex:1;font-size:13px;line-height:1.5;overflow:hidden}.notecard__time{color:var(--ink-3);letter-spacing:.03em;font-size:11px}.fab{width:58px;height:58px;color:var(--on-accent);background:var(--accent);box-shadow:0 12px 30px -6px rgba(var(--accent-rgb), .55);cursor:pointer;z-index:6;transition:transform .2s var(--ease), box-shadow .2s var(--ease);border:1px solid #ffffff2e;border-radius:50%;place-items:center;display:grid;position:fixed;bottom:clamp(20px,4vw,36px);right:clamp(20px,4vw,40px)}.fab:hover{transform:translateY(-2px)scale(1.04)}.fab:active{transform:scale(.94)}.note{flex-direction:column;height:100%;display:flex}.note__bar{border-bottom:1px solid var(--hair);background:var(--glass);-webkit-backdrop-filter:blur(18px);align-items:center;gap:10px;padding:14px clamp(14px,3vw,22px);display:flex}.iconbtn{width:38px;height:38px;color:var(--ink-1);cursor:pointer;transition:all .18s var(--ease);background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;display:grid}.iconbtn:hover{background:var(--glass-strong);color:var(--ink-0)}.note__title{color:var(--ink-0);font-family:var(--font-display);letter-spacing:-.02em;background:0 0;border:none;outline:none;flex:1;font-size:clamp(19px,3vw,26px);font-weight:550}.note__title::placeholder{color:var(--ink-3)}.note__page{flex:1;padding:26px clamp(18px,6vw,70px) 48px;overflow-y:auto}.note__page .ProseMirror{max-width:74ch;min-height:100%;margin:0 auto}.ProseMirror{color:var(--ink-0);outline:none;font-size:16.5px;line-height:1.72}.ProseMirror:focus{outline:none}.ProseMirror>*+*{margin-top:.85em}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3{font-family:var(--font-display);letter-spacing:-.02em;margin-top:1.1em;font-weight:600;line-height:1.12}.ProseMirror h1{font-size:1.9em}.ProseMirror h2{font-size:1.45em}.ProseMirror ul,.ProseMirror ol{padding-left:1.3em}.ProseMirror li{margin:.25em 0}.ProseMirror strong{color:var(--ink-0);font-weight:700}.ProseMirror u{text-underline-offset:2px;text-decoration-thickness:2px}.ProseMirror mark{color:#14141b;border-radius:3px;padding:0 2px}.ProseMirror code{background:var(--glass-strong);border:1px solid var(--hair);border-radius:6px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:.88em}.ProseMirror blockquote{border-left:2px solid var(--accent);color:var(--ink-1);padding-left:1em;font-style:italic}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--ink-3);float:left;pointer-events:none;height:0}.dock{padding:10px 12px calc(16px + env(safe-area-inset-bottom,0px));background:0 0;justify-content:center;display:flex;position:relative}.dockpop{z-index:8;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.dock__scroll{scrollbar-width:none;background:var(--glass-strong);-webkit-backdrop-filter:blur(26px)saturate(160%);border:1px solid var(--glass-brd-strong);max-width:100%;box-shadow:var(--shadow-lg);border-radius:18px;align-items:center;gap:4px;padding:7px 9px;display:flex;overflow-x:auto}.dock__scroll::-webkit-scrollbar{display:none}.tbtn{width:38px;height:38px;color:var(--ink-1);cursor:pointer;transition:all .16s var(--ease);background:0 0;border:1px solid #0000;border-radius:10px;flex:none;place-items:center;display:grid;position:relative}.tbtn svg{stroke-width:1.85px;width:19px;height:19px}.tbtn:hover{background:var(--glass);color:var(--ink-0)}.tbtn.is-on{background:rgba(var(--accent-rgb), .2);border-color:rgba(var(--accent-rgb), .55);color:var(--accent);box-shadow:0 0 0 1px rgba(var(--accent-rgb), .25), 0 4px 14px -4px rgba(var(--accent-rgb), .5)}.tbtn__dot{border-radius:2px;width:12px;height:3px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.tsep{background:var(--hair);flex:none;width:1px;height:22px;margin:0 5px}.palette{background:var(--glass-strong);-webkit-backdrop-filter:blur(26px)saturate(160%);border:1px solid var(--glass-brd-strong);box-shadow:var(--shadow-lg);border-radius:14px;grid-template-columns:repeat(6,1fr);gap:7px;padding:10px;display:grid}.chip{cursor:pointer;width:24px;height:24px;transition:transform .15s var(--ease);color:var(--ink-1);border:1px solid #9696a559;border-radius:7px;place-items:center;display:grid}.chip:hover{transform:scale(1.14)}.chip--clear{background:var(--glass)}.fontmenu{background:var(--glass-strong);-webkit-backdrop-filter:blur(26px)saturate(160%);border:1px solid var(--glass-brd-strong);min-width:190px;box-shadow:var(--shadow-lg);z-index:8;border-radius:14px;flex-direction:column;gap:2px;padding:6px;display:flex}.fontmenu button{text-align:left;color:var(--ink-1);cursor:pointer;transition:all .15s var(--ease);background:0 0;border:1px solid #0000;border-radius:8px;padding:9px 12px;font-size:14px}.fontmenu button:hover{background:var(--glass);color:var(--ink-0)}.fontmenu button.is-on{background:rgba(var(--accent-rgb), .18);border-color:rgba(var(--accent-rgb), .45);color:var(--accent)}.main::-webkit-scrollbar{width:10px}.note__page::-webkit-scrollbar{width:10px}.main::-webkit-scrollbar-thumb{background:#9696a533 padding-box padding-box;border:3px solid #0000;border-radius:10px}.note__page::-webkit-scrollbar-thumb{background:#9696a533 padding-box padding-box;border:3px solid #0000;border-radius:10px}.scrim{z-index:5;opacity:0;pointer-events:none;transition:opacity .3s var(--ease);background:#0000004d;position:fixed;inset:0}.scrim.is-open{opacity:1;pointer-events:auto}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rise{animation:rise .6s var(--ease) both}.d1{animation-delay:50ms}.d2{animation-delay:.12s}@media (width>=821px){.deskhandle{z-index:8;background:var(--glass);border:1px solid var(--glass-brd);-webkit-backdrop-filter:blur(18px);cursor:pointer;width:46px;height:46px;transition:border-color .2s var(--ease);border-radius:13px;place-items:center;display:grid;position:fixed;top:14px;left:14px}.deskhandle:hover{border-color:rgba(var(--accent-rgb), .5)}.main:not(.main--note){padding-top:74px}.shell.is-nav .main{margin-left:268px}.scrim{display:none}}@media (width<=820px){.topbar{display:flex}.main:not(.main--note){padding:18px 18px 96px}.shell.is-nav .main{filter:blur(11px)}}