:root{color:#16201d;background:#f4f1ea;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:linear-gradient(180deg,#ffffffc2,#fff0),#f4f1ea}#app{height:100vh;overflow:hidden}button,input,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);height:100vh;overflow:hidden}.sidebar{display:flex;flex-direction:column;min-width:0;min-height:0;height:100vh;overflow:hidden;border-right:1px solid rgba(28,38,34,.12);background:#ffffff8f}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px}.sidebar-header h1,.mini-header h1{margin:0;color:#14231f;line-height:1.15}.sidebar-header p,.eyebrow{margin:4px 0 0;color:#6a746f;font-size:13px}.note-list{flex:1;height:0;min-height:0}.note-list-content{padding:0 12px 20px}.note-item{position:relative;display:grid;width:100%;min-height:92px;margin:0 0 8px;padding:14px;text-align:left;border:1px solid transparent;border-radius:8px;color:#1e2b27;background:transparent;cursor:pointer}.note-item:hover{background:#2f6f5e14}.note-item.active{border-color:#2f6f5e9e;background:#eaf5ef;box-shadow:0 8px 24px #1f2c271f}.note-item.active:before{position:absolute;top:12px;bottom:12px;left:7px;width:4px;border-radius:999px;background:#2f6f5e;content:""}.note-preview,.note-time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-preview{color:#52615b}.note-preview.primary{color:#1e2b27;font-weight:700}.note-time{color:#7b8580;font-size:12px}.workspace{min-width:0;min-height:0;overflow:hidden;padding:32px}.editor-toolbar,.mini-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.toolbar-actions{display:flex;gap:8px}.editor-form{display:flex;flex-direction:column;max-width:760px;height:min(calc(100vh - 132px),600px);min-height:min(320px,calc(100vh - 132px))}.editor-form .n-form-item:first-child{min-height:0}.editor-form .n-input--textarea{height:100%}.editor-form .n-input-wrapper{height:100%;--n-padding-left: 0;--n-padding-right: 0}.editor-form .n-input.n-input--textarea .n-input__textarea-el,.editor-form .n-input.n-input--textarea .n-input__textarea-mirror,.mini-form .n-input.n-input--textarea .n-input__textarea-el,.mini-form .n-input.n-input--textarea .n-input__textarea-mirror{padding-left:12px;padding-right:12px}.editor-form .n-input.n-input--textarea .n-input__textarea-el,.mini-form .n-input.n-input--textarea .n-input__textarea-el{cursor:text}.editor-actions,.mini-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.save-status{min-height:22px;color:#6a746f;font-size:13px}.save-status.error{color:#b42318}.empty-workspace{display:grid;min-height:calc(100vh - 64px);place-items:center}.mini-shell{display:flex;flex-direction:column;height:100vh;min-height:0;overflow:hidden;padding:22px;background:#f8f6f0}.mini-form{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0}.mini-shell .n-spin-container,.mini-shell .n-spin-content{display:flex;flex:1;flex-direction:column;min-height:0}.mini-form .n-form-item:first-child{flex:0 1 min(420px,calc(100vh - 132px));max-height:min(420px,calc(100vh - 132px));min-height:min(240px,calc(100vh - 132px))}.mini-form .n-form-item-blank{min-height:0}.mini-form .n-input--textarea{height:100%;--n-padding-left: 0;--n-padding-right: 0}.mini-form .n-input-wrapper{height:100%}.mini-form .n-input__textarea-el{height:100%;overflow:auto}@media(max-width:760px){.app-shell{grid-template-rows:minmax(220px,42vh) minmax(0,1fr);grid-template-columns:1fr}.sidebar{height:auto;min-height:0;border-right:0;border-bottom:1px solid rgba(28,38,34,.12)}.workspace{padding:20px}.editor-form{height:calc(58vh - 100px)}}