:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#202522;background:#f3f4f1;font-synthesis:none;text-rendering:optimizeLegibility;--page: #f3f4f1;--surface: #ffffff;--surface-soft: #f7f8f5;--surface-strong: #eef1ed;--text: #202522;--text-soft: #67706a;--text-faint: #969e98;--line: #e2e6e1;--line-strong: #d4dad4;--sidebar: #202924;--sidebar-text: #e7ebe7;--sidebar-soft: #9da8a1;--accent: #d96143;--accent-strong: #bd492f;--accent-soft: #f8e7e1;--green: #476a59;--green-soft: #e6eee9;--danger: #c34848;--shadow: 0 18px 55px rgba(28, 36, 31, .11)}:root[data-theme=dark]{color-scheme:dark;--page: #191c1a;--surface: #202421;--surface-soft: #252a26;--surface-strong: #2b312c;--text: #edf0ed;--text-soft: #a9b0aa;--text-faint: #7f8982;--line: #343a35;--line-strong: #454d47;--sidebar: #111512;--sidebar-text: #eef1ee;--sidebar-soft: #89958d;--accent: #ed795b;--accent-strong: #f18b70;--accent-soft: #432b25;--green: #83aa95;--green-soft: #27372e;--danger: #ee7676;--shadow: 0 18px 55px rgba(0, 0, 0, .28)}*{box-sizing:border-box;letter-spacing:0}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden;background:var(--page)}button,input,textarea{font:inherit}button{color:inherit}button,label,input[type=checkbox]{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.66}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.boot-screen{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;height:100dvh;background:var(--surface);color:var(--text-soft)}.brand-mark{display:inline-flex;align-items:center;gap:11px;min-width:0;color:inherit;font-size:20px;font-weight:760;white-space:nowrap}.brand-mark.compact{gap:0}.brand-icon{display:inline-grid;flex:0 0 36px;width:36px;height:36px;place-items:center;border-radius:8px;color:#fff;background:var(--accent)}.icon-button{display:inline-grid;flex:0 0 36px;width:36px;height:36px;padding:0;place-items:center;border:0;border-radius:7px;color:var(--text-soft);background:transparent;cursor:pointer;transition:color .16s ease,background-color .16s ease,transform .16s ease}.icon-button:hover{color:var(--text);background:var(--surface-strong)}.icon-button:active{transform:scale(.95)}.icon-button.active{color:var(--accent);background:var(--accent-soft)}.icon-button.danger:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.auth-layout{display:grid;width:100%;height:100dvh;grid-template-columns:minmax(420px,48%) minmax(420px,52%);background:var(--surface)}.theme-button{position:fixed;z-index:10;top:24px;right:26px}.auth-brand-panel{position:relative;overflow:hidden;color:#f1f4f1;background:#263b32}.auth-brand-panel:before{position:absolute;top:0;right:18%;width:1px;height:100%;content:"";background:#ffffff14}.auth-brand-panel:after{position:absolute;right:0;bottom:16%;width:42%;height:1px;content:"";background:#ffffff14}.auth-brand-content{position:relative;z-index:1;display:flex;flex-direction:column;width:min(520px,calc(100% - 96px));height:100%;min-height:680px;margin:0 auto;padding:48px 0 44px}.auth-statement{margin-top:clamp(70px,11vh,130px)}.eyebrow{color:#bbc9c0;font-size:12px;font-weight:700}.auth-statement h1{max-width:500px;margin:18px 0 0;font-family:ui-serif,Songti SC,"Noto Serif CJK SC",serif;font-size:50px;font-weight:580;line-height:1.28}.paper-visual{position:relative;width:min(355px,82%);min-height:220px;margin:58px 0 0 auto;padding:31px 34px;transform:rotate(-2deg);border-radius:5px;color:#2c332f;background:#f5f4ed;box-shadow:0 28px 65px #08110c4d}.paper-visual:before{position:absolute;top:0;left:22px;width:1px;height:100%;content:"";background:#e8b7ab}.paper-date{color:#8b928e;font-size:11px;font-weight:700}.paper-title{margin-top:20px;font-family:ui-serif,Songti SC,serif;font-size:20px;font-weight:700}.paper-rule{width:78%;height:1px;margin-top:17px;background:#cfd2cd}.paper-rule-long{width:100%;margin-top:27px}.paper-rule-short{width:56%}.paper-sign{display:flex;align-items:center;gap:7px;margin-top:27px;color:#bd563e;font-size:12px;font-weight:700}.auth-quote{margin:auto 0 0;color:#aebdb4;font-family:ui-serif,Songti SC,serif;font-size:13px;line-height:1.8}.auth-form-panel{display:grid;overflow-y:auto;padding:64px 48px;place-items:center;background:var(--surface)}.auth-form{width:min(390px,100%)}.auth-heading{margin-bottom:40px}.auth-heading h2{margin:0;color:var(--text);font-size:28px;font-weight:720}.auth-heading p{margin:10px 0 0;color:var(--text-soft);font-size:14px}.mobile-brand{display:none}.field{display:block;margin-top:21px}.field>span:first-child{display:block;margin-bottom:9px;color:var(--text);font-size:13px;font-weight:650}.field input{width:100%;height:48px;padding:0 14px;border:1px solid var(--line-strong);border-radius:7px;color:var(--text);background:var(--surface);transition:border-color .16s ease,box-shadow .16s ease}.field input::placeholder{color:var(--text-faint)}.field input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 14%,transparent)}.password-field{position:relative;display:block}.password-field input{padding-right:48px}.field-icon{position:absolute;top:6px;right:6px;display:grid;width:36px;height:36px;padding:0;place-items:center;border:0;border-radius:6px;color:var(--text-soft);background:transparent;cursor:pointer}.field-icon:hover{background:var(--surface-strong)}.remember-row{display:flex;align-items:center;gap:9px;width:fit-content;margin-top:20px;color:var(--text-soft);font-size:13px;cursor:pointer}.remember-row input{position:absolute;width:1px;height:1px;opacity:0}.checkbox-visual{display:grid;width:18px;height:18px;place-items:center;border:1px solid var(--line-strong);border-radius:4px;color:transparent;background:var(--surface)}.remember-row input:checked+.checkbox-visual{border-color:var(--green);color:#fff;background:var(--green)}.remember-row input:focus-visible+.checkbox-visual{outline:2px solid var(--accent);outline-offset:2px}.form-error,.list-error{border:1px solid color-mix(in srgb,var(--danger) 28%,transparent);border-radius:6px;color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--surface));font-size:13px}.form-error{margin-top:18px;padding:11px 13px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;font-weight:680;cursor:pointer}.primary-button{width:100%;height:48px;margin-top:24px;border:0;color:#fff;background:var(--accent);box-shadow:0 9px 22px color-mix(in srgb,var(--accent) 24%,transparent);transition:background-color .16s ease,transform .16s ease}.primary-button:hover{background:var(--accent-strong)}.primary-button:active{transform:translateY(1px)}.secondary-button{min-height:38px;padding:0 14px;border:1px solid var(--line-strong);color:var(--text);background:var(--surface)}.secondary-button:hover{background:var(--surface-strong)}.auth-switch{margin:25px 0 0;color:var(--text-soft);font-size:13px;text-align:center}.auth-switch button{margin-left:5px;padding:3px;border:0;color:var(--accent);background:transparent;font-weight:700;cursor:pointer}.workspace{display:grid;width:100%;height:100dvh;grid-template-columns:232px 342px minmax(420px,1fr);overflow:hidden;color:var(--text);background:var(--surface);transition:grid-template-columns .18s ease}.workspace.sidebar-collapsed{grid-template-columns:76px 342px minmax(420px,1fr)}.app-sidebar{position:relative;z-index:4;display:flex;min-width:0;flex-direction:column;overflow:hidden;color:var(--sidebar-text);background:var(--sidebar)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:0 18px}.sidebar-header .brand-icon{flex-basis:34px;width:34px;height:34px}.sidebar-toggle{flex-basis:32px;width:32px;height:32px;color:var(--sidebar-soft)}.sidebar-toggle:hover{color:var(--sidebar-text);background:#ffffff14}.new-note-button{display:flex;align-items:center;justify-content:center;gap:9px;height:42px;min-height:42px;margin:6px 16px 27px;padding:0 14px;overflow:hidden;border:0;border-radius:7px;color:#fff;background:var(--accent);font-size:13px;font-weight:720;white-space:nowrap;cursor:pointer}.new-note-button:hover{background:var(--accent-strong)}.nav-list{display:flex;flex-direction:column;gap:5px;padding:0 12px}.nav-item{position:relative;display:flex;align-items:center;gap:12px;width:100%;height:42px;min-height:42px;padding:0 12px;overflow:hidden;border:0;border-radius:7px;color:var(--sidebar-soft);background:transparent;font-size:13px;font-weight:580;text-align:left;white-space:nowrap;cursor:pointer}.nav-item svg{flex:0 0 auto}.nav-item:hover{color:var(--sidebar-text);background:#ffffff0f}.nav-item.active{color:#fff;background:#ffffff1a}.nav-item.active:before{position:absolute;top:10px;left:0;width:3px;height:22px;border-radius:0 3px 3px 0;content:"";background:var(--accent)}.nav-chevron{margin-left:auto}.sidebar-footer{margin-top:auto;padding:14px 12px 18px;border-top:1px solid rgba(255,255,255,.08)}.profile-button{display:flex;align-items:center;gap:10px;width:100%;min-width:0;height:49px;padding:6px;border:0;border-radius:7px;color:var(--sidebar-text);background:transparent;text-align:left;cursor:pointer}.profile-button:hover{background:#ffffff12}.avatar{display:grid;flex:0 0 36px;width:36px;height:36px;place-items:center;border-radius:50%;color:#203027;background:#b8cdbc;font-size:13px;font-weight:800}.profile-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.profile-copy strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.profile-copy small{color:var(--sidebar-soft);font-size:10px}.logout-icon{flex:0 0 auto;color:var(--sidebar-soft)}.sidebar-collapsed .sidebar-header{justify-content:center;padding:0}.sidebar-collapsed .sidebar-header .brand-mark{display:none}.sidebar-collapsed .new-note-button{width:42px;margin-right:auto;margin-left:auto;padding:0}.sidebar-collapsed .new-note-button span,.sidebar-collapsed .nav-item span,.sidebar-collapsed .nav-chevron,.sidebar-collapsed .profile-copy,.sidebar-collapsed .logout-icon{display:none}.sidebar-collapsed .nav-list{padding:0 11px}.sidebar-collapsed .nav-item{justify-content:center;padding:0}.sidebar-collapsed .profile-button{justify-content:center;padding:6px 0}.note-list-pane{position:relative;display:flex;min-width:0;flex-direction:column;border-right:1px solid var(--line);background:var(--surface-soft)}.note-list-header{display:flex;align-items:center;justify-content:space-between;height:82px;min-height:82px;padding:0 22px}.desktop-list-title{display:flex;align-items:baseline;gap:9px;min-width:0}.desktop-list-title h1,.mobile-list-title h1{margin:0;overflow:hidden;color:var(--text);font-size:18px;font-weight:740;text-overflow:ellipsis;white-space:nowrap}.desktop-list-title span,.mobile-list-title span{color:var(--text-faint);font-size:11px;white-space:nowrap}.mobile-list-title{display:none}.search-box{display:flex;align-items:center;gap:9px;height:39px;min-height:39px;margin:0 18px 14px;padding:0 11px;border:1px solid transparent;border-radius:7px;color:var(--text-faint);background:var(--surface-strong)}.search-box:focus-within{border-color:var(--line-strong);background:var(--surface)}.search-box input{width:100%;min-width:0;border:0;outline:0;color:var(--text);background:transparent;font-size:12px}.search-box input::placeholder{color:var(--text-faint)}.search-box button{display:grid;flex:0 0 26px;width:26px;height:26px;padding:0;place-items:center;border:0;border-radius:5px;color:var(--text-faint);background:transparent;cursor:pointer}.search-box button:hover{color:var(--text);background:var(--line)}.list-error{margin:0 18px 10px;padding:9px 10px}.note-list{display:flex;min-height:0;flex:1;flex-direction:column;gap:4px;overflow-y:auto;padding:2px 10px 18px;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.note-list-item{position:relative;display:flex;width:100%;min-width:0;min-height:104px;flex-direction:column;align-items:stretch;padding:17px 16px 14px;overflow:hidden;border:1px solid transparent;border-radius:7px;color:var(--text);background:transparent;text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.note-list-item:hover{background:var(--surface)}.note-list-item.active{border-color:var(--line);background:var(--surface);box-shadow:0 5px 16px #222d260d}.note-list-item.active:before{position:absolute;top:15px;bottom:15px;left:0;width:3px;border-radius:0 3px 3px 0;content:"";background:var(--accent)}.note-item-heading{display:flex;align-items:center;gap:7px;min-width:0}.note-item-heading strong{overflow:hidden;color:var(--text);font-size:13px;font-weight:720;text-overflow:ellipsis;white-space:nowrap}.note-item-heading svg{flex:0 0 auto;color:var(--accent)}.note-preview{display:-webkit-box;min-height:30px;margin-top:7px;overflow:hidden;color:var(--text-soft);font-size:11px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.note-list-item time{margin-top:8px;color:var(--text-faint);font-size:10px}.list-loading{display:grid;min-height:180px;place-items:center;color:var(--text-faint)}.list-empty,.editor-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--text-soft);text-align:center}.list-empty{min-height:260px;padding:28px}.list-empty strong{margin-top:13px;color:var(--text-soft);font-size:12px}.list-empty button{margin-top:10px;padding:4px 7px;border:0;color:var(--accent);background:transparent;font-size:11px;font-weight:700;cursor:pointer}.empty-icon,.empty-sheet{display:grid;place-items:center;border:1px solid var(--line);color:var(--text-faint);background:var(--surface)}.empty-icon{width:43px;height:43px;border-radius:50%}.mobile-new-button{display:none}.editor-pane{min-width:0;min-height:0;overflow:hidden;background:var(--surface)}.editor{display:flex;width:100%;height:100%;flex-direction:column}.editor-toolbar{display:flex;align-items:center;min-height:62px;padding:0 28px;border-bottom:1px solid var(--line)}.save-status{display:flex;align-items:center;gap:6px;color:var(--text-faint);font-size:10px}.save-status.saved{color:var(--green)}.save-status.error{color:var(--danger)}.editor-actions{display:flex;align-items:center;gap:3px;margin-left:auto}.toolbar-divider{width:1px;height:20px;margin:0 5px;background:var(--line)}.mobile-back{display:none}.editor-content{display:flex;width:min(820px,100%);min-height:0;flex:1;flex-direction:column;margin:0 auto;padding:58px 68px 36px}.note-title-input{width:100%;border:0;outline:0;color:var(--text);background:transparent;font-family:ui-serif,Songti SC,"Noto Serif CJK SC",serif;font-size:31px;font-weight:700;line-height:1.35}.note-title-input::placeholder,.note-content-input::placeholder{color:var(--text-faint);opacity:.72}.note-meta{display:flex;align-items:center;gap:10px;margin-top:17px;color:var(--text-faint);font-size:10px}.note-meta>span:first-of-type{width:3px;height:3px;border-radius:50%;background:var(--line-strong)}.note-content-input{width:100%;min-height:0;flex:1;margin-top:38px;padding:0 3px 80px 0;resize:none;border:0;outline:0;color:var(--text);background:transparent;font-family:ui-serif,Songti SC,"Noto Serif CJK SC",serif;font-size:16px;line-height:1.95;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.editor-empty{width:100%;height:100%;background:var(--surface-soft)}.empty-sheet{width:64px;height:74px;border-radius:6px;color:var(--green);box-shadow:7px 7px 0 var(--surface-strong)}.editor-empty strong{margin-top:25px;color:var(--text);font-size:14px}.editor-empty p{margin:7px 0 20px;color:var(--text-faint);font-size:11px}@media(max-width:1080px){.workspace,.workspace.sidebar-collapsed{grid-template-columns:76px 320px minmax(360px,1fr)}.sidebar-header{justify-content:center;padding:0}.sidebar-header .brand-mark{display:none}.new-note-button{width:42px;margin-right:auto;margin-left:auto;padding:0}.new-note-button span,.nav-item span,.nav-chevron,.profile-copy,.logout-icon{display:none}.nav-list{padding:0 11px}.nav-item{justify-content:center;padding:0}.profile-button{justify-content:center;padding:6px 0}.editor-content{padding-right:48px;padding-left:48px}}@media(max-width:760px){body{overflow:hidden}.auth-layout{display:block;overflow-y:auto;background:var(--surface)}.auth-brand-panel{display:none}.auth-form-panel{min-height:100dvh;padding:82px 25px 42px}.theme-button{top:18px;right:18px}.mobile-brand{display:block;margin-bottom:48px}.auth-heading{margin-bottom:34px}.auth-heading h2{font-size:26px}.workspace,.workspace.sidebar-collapsed{position:relative;display:block;overflow:hidden}.app-sidebar{position:fixed;z-index:20;top:0;bottom:0;left:0;width:min(280px,82vw);transform:translate(-105%);box-shadow:var(--shadow);transition:transform .18s ease}.workspace.mobile-nav-open .app-sidebar{transform:translate(0)}.workspace.mobile-nav-open:after{position:fixed;z-index:19;top:0;right:0;bottom:0;left:0;content:"";background:#0c100d7a}.sidebar-header{justify-content:space-between;padding:0 18px}.sidebar-header .brand-mark{display:inline-flex}.new-note-button{width:auto;margin-right:16px;margin-left:16px;padding:0 14px}.new-note-button span,.nav-item span,.nav-chevron,.profile-copy,.logout-icon{display:initial}.nav-list{padding:0 12px}.nav-item{justify-content:flex-start;padding:0 12px}.profile-button{justify-content:flex-start;padding:6px}.sidebar-toggle{display:none}.note-list-pane,.editor-pane{width:100%;height:100dvh;border:0}.note-list-pane{background:var(--surface-soft)}.mobile-editor-open .note-list-pane{display:none}.workspace:not(.mobile-editor-open) .editor-pane{display:none}.note-list-header{height:74px;min-height:74px;padding:0 17px}.desktop-list-title{display:none}.mobile-list-title{display:flex;align-items:center;gap:10px}.mobile-list-title>div{display:flex;flex-direction:column;gap:3px}.mobile-menu{color:var(--text)}.search-box{margin:0 16px 13px}.note-list{padding:2px 9px 92px}.note-list-item{min-height:106px;padding-right:17px;padding-left:17px}.mobile-new-button{position:absolute;right:20px;bottom:max(22px,env(safe-area-inset-bottom));display:grid;width:52px;height:52px;padding:0;place-items:center;border:0;border-radius:50%;color:#fff;background:var(--accent);box-shadow:0 12px 25px color-mix(in srgb,var(--accent) 30%,transparent)}.editor-toolbar{min-height:58px;padding:0 13px}.mobile-back{display:inline-grid;margin-right:7px;color:var(--text)}.editor-actions{gap:0}.editor-actions .icon-button{width:34px;height:34px;flex-basis:34px}.toolbar-divider{margin:0 2px}.editor-content{padding:39px 23px 22px}.note-title-input{font-size:27px}.note-content-input{margin-top:30px;padding-bottom:50px;font-size:16px}}@media(max-height:720px)and (min-width:761px){.auth-brand-content{min-height:620px;padding-top:34px;padding-bottom:30px}.auth-statement{margin-top:45px}.auth-statement h1{font-size:42px}.paper-visual{min-height:190px;margin-top:34px;padding-top:25px;padding-bottom:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}