:root{color:#172026;background:#f5f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}.login-shell{display:grid;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(120deg,rgba(39,80,86,.08),transparent 45%),linear-gradient(240deg,rgba(133,71,45,.08),transparent 40%),#f5f7f4}.login-panel{width:min(420px,100%);border:1px solid #dfe6de;border-radius:8px;background:#fff;padding:34px;box-shadow:0 18px 50px #17202614}.brand-mark{display:grid;width:48px;height:48px;place-items:center;border-radius:8px;color:#fff;background:#275056}.login-panel h1{margin:18px 0 6px;font-size:32px;line-height:1}.login-panel p{margin:0 0 28px;color:#69757a}.login-panel label{display:block;margin-bottom:8px;color:#465257;font-size:14px}.login-panel input,.search-box input,.tag-input input,.title-input,.content-input{width:100%;border:1px solid #d6dfd7;border-radius:8px;outline:none;color:#172026;background:#fff}.login-panel input{height:46px;padding:0 13px}.login-panel input:focus,.search-box:focus-within,.tag-input:focus-within,.title-input:focus,.content-input:focus{border-color:#2f6f68;box-shadow:0 0 0 3px #2f6f681f}.primary-button,.new-button{display:inline-flex;align-items:center;justify-content:center;width:100%;height:44px;gap:8px;border:0;border-radius:8px;color:#fff;background:#275056;font-weight:700}.primary-button{margin-top:18px}.error-text,.banner-error{color:#9a2e2c}.error-text{margin-top:10px;font-size:14px}.workspace{display:grid;min-height:100vh;grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.sidebar{display:flex;min-height:100vh;flex-direction:column;border-right:1px solid #dfe6de;background:#fff;padding:22px}.sidebar-header,.editor-toolbar,.note-row,.note-meta,.search-box,.tag-input{display:flex;align-items:center}.sidebar-header{justify-content:space-between;gap:16px;margin-bottom:20px}.eyebrow{color:#7a5a2e;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.sidebar h1{margin:4px 0 0;font-size:24px}.icon-button,.clear-button,.toggle-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d6dfd7;border-radius:8px;color:#465257;background:#fff}.icon-button{width:38px;height:38px;flex:0 0 auto}.icon-button:hover,.toggle-button:hover,.clear-button:hover{border-color:#b8c8bc;color:#172026;background:#f8faf7}.icon-button.danger:hover{border-color:#e1b5b2;color:#9a2e2c;background:#fff7f6}.search-box,.tag-input{height:42px;gap:8px;border:1px solid #d6dfd7;border-radius:8px;padding:0 10px;color:#69757a;background:#fff}.search-box input,.tag-input input{min-width:0;height:100%;border:0;padding:0;box-shadow:none}.clear-button{width:28px;height:28px;border:0}.new-button{margin:14px 0}.note-list{display:flex;min-height:0;flex:1;flex-direction:column;gap:8px;overflow:auto;padding-right:2px}.note-item{width:100%;border:1px solid transparent;border-radius:8px;padding:13px;text-align:left;color:inherit;background:#f7f9f6}.note-item.active{border-color:#86a99e;background:#edf5f1}.note-row{justify-content:space-between;gap:8px}.note-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-item p{display:-webkit-box;min-height:38px;margin:7px 0 10px;overflow:hidden;color:#69757a;font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.note-meta{gap:5px;color:#7a8588;font-size:12px}.empty-list{padding:22px 8px;color:#7a8588;text-align:center}.editor{display:flex;min-width:0;min-height:100vh;flex-direction:column;padding:24px clamp(18px,4vw,54px)}.banner-error{margin-bottom:14px;border:1px solid #e1b5b2;border-radius:8px;padding:11px 13px;background:#fff7f6}.editor-toolbar{gap:10px;justify-content:flex-end;margin-bottom:18px}.toggle-button{height:38px;gap:7px;padding:0 12px}.toggle-button.active{border-color:#275056;color:#fff;background:#275056}.save-state{display:inline-flex;min-width:74px;align-items:center;gap:5px;color:#69757a;font-size:13px}.save-state.saved{color:#2f6f68}.save-state.error{color:#9a2e2c}.title-input{height:auto;border:0;padding:4px 0 12px;font-size:clamp(30px,5vw,54px);font-weight:800;line-height:1.08;background:transparent;box-shadow:none}.tag-input{width:min(680px,100%);margin:4px 0 18px}.content-input{flex:1;min-height:420px;resize:none;border-color:transparent;padding:18px 0;font-size:18px;line-height:1.75;background:transparent;box-shadow:none}.content-input:focus,.title-input:focus{border-color:transparent;box-shadow:none}@media(max-width:780px){.workspace{grid-template-columns:1fr}.sidebar{min-height:auto;border-right:0;border-bottom:1px solid #dfe6de}.note-list{max-height:260px}.editor{min-height:62vh;padding-top:18px}.editor-toolbar{justify-content:flex-start}}