:root{color:#182329;font-synthesis:none;--ink:#182329;--muted:#56656f;--border:#e3e8eb;--blue:#dcedf8;--selected:#edf6fc;background:#fff;font-family:Inter,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:0 0;border:0}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #2378ab}button,select{min-height:44px}svg{stroke-width:1.65px;flex-shrink:0}.app-shell{flex-direction:column;height:100dvh;min-height:480px;display:flex}.topbar{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:80px;padding:0 32px;display:flex}.brand{letter-spacing:.09em;align-items:center;gap:12px;font-size:21px;font-weight:650;display:flex}.brand-mark{background:var(--blue);border:1px solid #c6dce8;border-radius:11px;place-items:center;width:38px;height:40px;display:grid;transform:rotate(-6deg)}.brand-mark svg{transform:rotate(6deg)}.brand small{letter-spacing:.1em;color:var(--muted);margin-top:3px;font-size:10px;font-weight:400;display:block}.top-actions{align-items:center;gap:18px;display:flex}.icon-button{border-radius:10px;place-items:center;width:44px;height:44px;display:inline-grid}.icon-button:hover{background:#f1f6f8}.sync-status{color:var(--muted);align-items:center;gap:8px;padding:0 4px;font-size:12px;display:flex}.warning{color:#a05711}.avatar{background:var(--selected);border-radius:50%;place-items:center;width:34px;height:34px;font-size:13px;display:grid}.workspace{flex:1;grid-template-columns:210px 370px minmax(0,1fr);min-height:0;display:grid}.sidebar{border-right:1px solid var(--border);flex-direction:column;padding:30px 20px 20px;display:flex}.primary{background:var(--blue);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 19px;font-size:14px;font-weight:550;display:inline-flex}.primary:hover{background:#cce4f3}.new-button{justify-content:flex-start;width:100%;margin-bottom:28px}.sidebar nav{flex-direction:column;gap:7px;display:flex}.nav-item{text-align:left;color:#465761;border-radius:7px;align-items:center;gap:11px;width:100%;padding:0 12px;font-size:13px;display:flex}.nav-item span{flex:1}.nav-item small{color:var(--muted);font-size:11px}.nav-item:hover{background:#f6f9fb}.nav-item.active{background:var(--selected);color:#173c52}.nav-break{margin-top:34px}.sidebar-footer{letter-spacing:.05em;color:var(--muted);align-items:center;gap:7px;margin-top:auto;padding-top:30px;font-size:10px;display:flex}.tiny-square{border:1px solid #789db3;width:6px;height:6px;transform:rotate(15deg)}.list-panel{border-right:1px solid var(--border);flex-direction:column;min-height:0;padding:32px 24px 0;display:flex}.list-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px;display:flex}.list-heading h1{letter-spacing:.02em;margin:0;font-size:19px;font-weight:600}.list-heading>span{color:var(--muted);font-size:11px}.search{border:1px solid var(--border);color:#667b87;background:#f6f8fa;border-radius:7px;align-items:center;gap:10px;min-height:44px;margin-bottom:20px;padding:0 12px;display:flex}.search input{outline-offset:1px;background:0 0;border:0;width:100%;min-width:0;height:42px;font-size:13px}.search input::placeholder{color:#74838b}.clear-search{place-items:center;width:24px;min-height:32px;display:grid}.note-list{scrollbar-width:thin;scrollbar-color:#d4dfe5 transparent;flex:1;min-height:0;margin:0 -2px;padding:1px 2px 12px;overflow-y:auto}.note-card{text-align:left;border:1px solid var(--border);border-radius:8px;width:100%;margin-bottom:11px;padding:17px 16px 14px;transition:background .12s;display:block}.note-card:hover{background:#f8fbfd}.note-card.selected{background:var(--selected);border-color:#b7d9ee}.card-title{align-items:center;gap:6px;min-width:0;display:flex}.card-title h2{text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:14px;font-weight:550;line-height:1.6;overflow:hidden}.note-card p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;min-height:18px;margin:10px 0 15px;font-size:12px;line-height:1.5;overflow:hidden}.card-meta{color:#566d7a;justify-content:space-between;gap:8px;font-size:10px;display:flex}.pending-dot{background:#689bbb;border-radius:50%;width:6px;height:6px}.list-bottom{color:var(--muted);border-top:1px solid var(--border);padding:15px 0;font-size:10px}.draft-list{margin-bottom:15px}.draft-list>p{color:var(--muted);margin:0 0 5px;font-size:11px}.draft-row{border-bottom:1px dashed var(--border);text-align:left;align-items:center;gap:8px;width:100%;font-size:12px;display:flex}.draft-row>span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.draft-row small{color:var(--muted);font-size:10px}.editor-panel{flex-direction:column;min-width:0;min-height:0;padding:35px 40px 25px;display:flex}.editor-toolbar{flex-shrink:0;align-items:center;gap:12px;display:flex}.kind-select{color:#315d79;background:var(--selected);border-radius:20px;position:relative}.kind-select select{appearance:none;cursor:pointer;background:0 0;border:0;min-height:34px;padding:0 31px 0 16px;font-size:12px}.kind-select>svg{pointer-events:none;position:absolute;top:11px;right:12px}.toolbar-right{align-items:center;gap:12px;margin-left:auto;display:flex}.outline{background:#fff;border:1px solid #d6e0e6;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 15px;font-size:12px;display:inline-flex}.outline:hover{background:#f8fbfd}.text-button{color:#315d79;justify-content:center;align-items:center;gap:7px;padding:0 5px;font-size:12px;display:inline-flex}.text-button:hover{text-decoration:underline}.discard{color:var(--muted);font-size:11px}.editor-content{flex-direction:column;flex:1;min-height:0;margin-top:40px;display:flex}.title-input{letter-spacing:.025em;background:0 0;border:0;width:100%;min-width:0;padding:4px 0;font-size:26px;font-weight:650;line-height:1.55}.title-input::placeholder{color:#8b989f;font-weight:400}.editor-meta{color:#617482;align-items:center;gap:10px;margin:22px 0;font-size:11px;display:flex}.body-input{resize:none;letter-spacing:.015em;color:#344b58;scrollbar-width:thin;background:0 0;border:0;flex:1;width:100%;min-height:120px;padding:0 2px 20px;font-size:15px;line-height:1.95}.body-input::placeholder{color:#83929b}.editor-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;margin-top:16px;padding-top:22px;display:flex}.editor-footer>div{flex-direction:column;gap:7px;display:flex}.save-status{color:var(--muted);font-size:11px}.editor-footer small{color:#6d7e88;font-size:10px}.shortcut{opacity:.7;margin-left:4px;font-size:10px;font-weight:400}.url-field{border:1px solid var(--border);color:#56788c;border-radius:7px;align-items:center;gap:10px;margin-bottom:20px;padding:10px 12px;display:flex}.url-field input{background:0 0;border:0;flex:1;min-width:0;font-size:13px}.url-field a{place-items:center;min-width:30px;min-height:30px;display:grid}.task-check{align-items:center;gap:10px;min-height:44px;margin:0 0 15px;font-size:13px;display:flex}.task-check input{accent-color:#2c6788;width:18px;height:18px}.conflict-notice{color:#815019;background:#fff5e7;border-radius:7px;margin-top:15px;padding:8px 12px;font-size:12px;line-height:1.7}.conflict-notice button{color:#815019;min-height:32px;padding:0 5px;font-size:12px;text-decoration:underline}.editor-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:25px 0;display:flex}.empty-geometry{color:#3c5b6d;background:#f1f8fc;border:1px solid #bdcfdb;border-radius:16px;place-items:center;width:86px;height:94px;margin-bottom:42px;display:grid;position:relative;transform:rotate(-7deg)}.empty-geometry svg{transform:rotate(7deg)}.empty-geometry span{background:#fff;border:1px solid #bdd5e4;border-radius:50%;place-items:center;width:32px;height:32px;font-size:22px;display:grid;position:absolute;bottom:-10px;right:-12px}.eyebrow{letter-spacing:.22em;color:#6f8998;font-size:9px}.editor-empty h2{letter-spacing:.025em;margin:18px 0 8px;font-size:20px;font-weight:550;line-height:1.8}.editor-empty p{color:var(--muted);margin:0 0 28px;font-size:12px;line-height:1.8}.list-empty{text-align:center;color:#6d8390;flex-direction:column;align-items:center;gap:8px;padding:65px 5px;font-size:12px;display:flex}.list-empty p{line-height:1.8}.mobile-new,.mobile-back{display:none}.toast,.error-banner{z-index:20;border-radius:10px;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:13px 19px;font-size:13px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 5px 28px #233b5220}.toast{color:#fff;pointer-events:none;background:#20323e}.error-banner{color:#88491a;background:#fff3e5;border:1px solid #f2d3ad;bottom:80px}.error-banner button{min-width:30px;min-height:30px}.settings-dialog{border:1px solid var(--border);border-radius:17px;width:min(480px,100% - 32px);max-height:calc(100dvh - 40px);padding:28px;overflow-y:auto;box-shadow:0 24px 100px #122c4330}.settings-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#233a4c55}.dialog-heading{justify-content:space-between;align-items:center;display:flex}.dialog-heading h2{margin:0;font-size:21px}.setting-section{border-top:1px solid var(--border);margin-top:20px;padding:22px 0 2px}.setting-section h3{margin:0 0 10px;font-size:14px}.setting-section p{color:var(--muted);overflow-wrap:anywhere;font-size:12px;line-height:1.9}.setting-buttons{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.login-form{flex-direction:column;gap:13px;margin:20px 0 0;display:flex}.login-form label{flex-direction:column;gap:7px;font-size:12px;display:flex}.login-form input{border:1px solid #cfdae2;border-radius:7px;height:44px;padding:0 12px}.login-form button{margin-top:5px}.about{align-items:center;gap:13px;font-size:14px;display:flex}.about small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.dialog-error,.dialog-status{border-radius:8px;padding:12px;font-size:13px;line-height:1.8}.dialog-error{color:#88491a;background:#fff3e5}.dialog-status{color:#24546d;background:#edf6fc}@media (min-width:1600px){.workspace{grid-template-columns:230px 400px minmax(0,1fr)}.editor-panel{padding:40px 60px 30px}.editor-content,.editor-footer{width:100%;max-width:900px;margin-left:auto;margin-right:auto}}@media (max-width:1100px){.workspace{grid-template-columns:175px 310px minmax(0,1fr)}.sidebar{padding:25px 12px 20px}.list-panel{padding:28px 18px 0}.editor-panel{padding:28px 26px 22px}.topbar{padding:0 24px}.title-input{font-size:23px}.shortcut{display:none}.sidebar-footer{font-size:9px}}@media (max-width:760px){.app-shell{min-height:0}.topbar{height:65px;padding:0 17px;padding-top:env(safe-area-inset-top)}.brand{gap:10px;font-size:18px}.brand-mark{border-radius:9px;width:31px;height:34px}.brand small{display:none}.top-actions{gap:7px}.avatar{display:none}.sync-status{gap:5px;font-size:10px}.workspace{flex-direction:column;min-height:0;display:flex}.sidebar{border:0;border-bottom:1px solid var(--border);flex:none;padding:8px 12px;overflow-x:auto}.sidebar .new-button,.sidebar-footer{display:none}.sidebar nav{flex-direction:row;gap:4px;min-width:max-content}.nav-item{gap:6px;width:auto;min-height:40px;padding:0 10px;font-size:12px}.nav-item svg{width:14px}.nav-item small{display:none}.nav-break{margin-top:0}.list-panel{border:0;flex:1;min-height:0;padding:22px 18px 0}.list-heading{margin-bottom:12px}.list-heading h1{margin-right:auto;font-size:19px}.mobile-new{background:var(--blue);margin-left:6px;display:grid}.search{margin-bottom:17px}.note-card{padding:17px}.card-title h2{font-size:15px}.note-card p{font-size:13px}.card-meta{font-size:11px}.list-bottom{padding-bottom:max(15px,env(safe-area-inset-bottom))}.editor-panel{padding:15px 20px max(16px,env(safe-area-inset-bottom));flex:1;min-height:0;display:none}.show-editor .sidebar,.show-editor .list-panel{display:none}.show-editor .editor-panel{display:flex}.mobile-back{margin-left:-8px;display:grid}.editor-toolbar{gap:7px}.editor-content{margin-top:24px}.title-input{font-size:23px}.editor-meta{margin:15px 0 20px}.body-input{min-height:70px;font-size:16px;line-height:1.9}.editor-footer{margin-top:10px;padding-top:15px}.editor-footer .primary{white-space:nowrap;padding:0 13px}.save-status{font-size:10px}.toolbar-right{gap:5px}.toolbar-right .outline{min-height:40px;padding:0 10px}.discard{font-size:10px}.toast{white-space:normal;width:max-content;bottom:22px}.settings-dialog{padding:22px}.error-banner{width:max-content;bottom:82px}.editor-empty h2{font-size:17px}}.card-paragraph{align-items:flex-start;gap:8px;display:flex}.card-paragraph p{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:2;color:var(--ink);-webkit-box-orient:vertical;flex:1;margin:0;font-size:14px;line-height:1.8;display:-webkit-box}.card-paragraph svg,.card-paragraph .pending-dot{margin-top:5px}.editor-content{margin-top:24px}.legacy-paragraph{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.95}.note-card{min-height:44px;margin-bottom:7px;padding:10px 12px}.card-paragraph p{min-width:0;max-height:3.2em;line-height:1.6}.editor-label{color:var(--muted);font-size:13px}