:root{font-family:Inter,Segoe UI,sans-serif;color:#393c34;background:#fbfaf6;font-synthesis:none;font-weight:400;--green:#344e42;--muted:#77796f;--line:#e4e2d8}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button,input,textarea{-webkit-tap-highlight-color:transparent}button{border:0;background:none}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #7b9580;outline-offset:3px}button:hover{color:var(--green)}.app{height:100dvh;display:grid;grid-template-columns:232px 330px minmax(0,1fr);overflow:hidden}.sidebar{background:#eeeee5;border-right:1px solid #dedfd3;padding:37px 19px 20px;display:flex;flex-direction:column;min-height:0}.brand{display:flex;align-items:center;gap:12px;padding:0 12px;color:var(--green)}.brand>span{font-family:Georgia,serif;font-size:36px;font-weight:700;letter-spacing:-1.5px}.brand-dot{color:#a18459}.notebook-label{font-size:10px;letter-spacing:2px;padding:13px 13px 31px;color:#797d70}.new-note{display:flex;align-items:center;gap:10px;background:var(--green);color:#fff;border-radius:6px;padding:13px 15px;font-size:14px;margin-bottom:30px;box-shadow:0 3px 5px #344e4212}.new-note:hover{background:#263d31;color:#fff}.new-note>span{margin-left:auto;opacity:.5}.nav-item{display:flex;width:100%;align-items:center;gap:12px;text-align:left;padding:12px 13px;margin:3px 0;font-size:14px;border-radius:5px;min-width:0;overflow-wrap:anywhere}.nav-item>svg{flex-shrink:0;color:#787f71}.nav-item>span{margin-left:auto;color:#7a8073;font-size:12px}.nav-item.active{background:#dfe4d6;color:#304a36;font-weight:600}.nav-item.active svg{color:#456140}.nav-item:hover{background:#e3e6da}.section-label{display:flex;justify-content:space-between;padding:36px 13px 12px;font-size:10px;letter-spacing:1.7px;color:#767c6d}.tag-hint{font-size:12px;line-height:1.8;color:#87897f;margin:8px 13px}.tag-nav{overflow:auto}.sidebar-bottom{margin-top:auto;padding-top:20px}.local-info{border-top:1px solid #d9dccf;display:flex;align-items:center;gap:11px;margin:20px 12px 0;padding-top:24px;color:#727969;font-size:12px}.local-info small{display:block;font-size:11px;color:#929589;margin-top:5px}.note-list{display:flex;flex-direction:column;background:#f7f6f0;border-right:1px solid var(--line);min-height:0}.list-header{padding:39px 25px 20px}.list-header>div{display:flex;align-items:center;gap:10px}h1{font-size:21px;font-weight:600;letter-spacing:-.6px;margin:0}.count{background:#eaeade;border-radius:20px;padding:3px 7px;font-size:11px;color:#818471}.list-header p{font-size:12px;color:#87897e;margin:9px 0 0}.search{display:flex;gap:9px;align-items:center;margin:0 24px;background:#eeeee6;padding:10px 11px;border:1px solid #e6e6dc;border-radius:5px;color:#96998a}.search input{width:100%;min-width:0;border:0;background:none;font-size:13px;color:#3e4538;outline-offset:6px}.search input::placeholder{color:#949788}.list-caption{display:flex;justify-content:space-between;margin:26px 25px 12px;font-size:10px;color:#8a8c80;letter-spacing:1.2px}.list-caption span:last-child{letter-spacing:0}.note-cards{overflow:auto;flex:1;padding:0 12px}.note-card{display:block;width:100%;text-align:left;padding:20px 14px;border-bottom:1px solid #e5e5da;position:relative}.note-card.selected{background:#eaeedf;border-radius:5px;border-bottom-color:transparent}.note-card.selected:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;background:#758461;border-radius:4px}.note-card:hover{background:#eeefe5}.card-title{display:flex;align-items:center;gap:8px}.card-title strong{font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:1.45;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.card-title svg{color:#7b856c;flex-shrink:0}.note-card p{font-size:12px;line-height:1.8;color:#8a8d7f;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:7px 0 14px;white-space:pre-line}.card-meta{display:flex;gap:9px;align-items:center;color:#929683;font-size:10px}.card-meta>svg{margin-left:auto}.mini-tag{border:1px solid #dcded1;border-radius:3px;padding:2px 5px;max-width:130px;overflow:hidden;text-overflow:ellipsis}.list-footer{display:flex;justify-content:space-between;padding:17px 25px;border-top:1px solid var(--line);font-size:10px;color:#96998b}.editor-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fcfbf7}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:23px 32px;border-bottom:1px solid #efeee6;min-height:76px;gap:12px}.save-status{display:flex;align-items:center;gap:7px;font-size:11px;color:#88927d}.editor-actions{display:flex;align-items:center;gap:12px}.icon{display:inline-flex;align-items:center;justify-content:center;padding:7px;color:#85877b;border-radius:4px}.icon:hover{background:#eaece1}.icon.is-on{color:#526a47;background:#edf0e4}.separator{width:1px;height:18px;background:var(--line);margin:0 1px}.paper{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;max-width:920px;margin:0 auto;padding:49px 62px 10px}.paper-date{font-size:10px;color:#929686;letter-spacing:.5px}.paper-date span{margin:0 12px;color:#c5c6b8}.title-input{font-family:Georgia,Times New Roman,serif;font-size:36px;line-height:1.3;letter-spacing:-1px;border:0;background:transparent;width:100%;color:#3c4433;padding:0;margin:23px 0 17px}.title-input::placeholder{color:#a4a792}.editor-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-height:27px}.tag-chip{display:flex;align-items:center;gap:4px;background:#eff0e7;border:1px solid #e5e7da;border-radius:4px;padding:4px 7px;font-size:11px;color:#778169}.tag-chip button{padding:0;display:flex}.editor-tags input{width:125px;border:0;background:transparent;color:#848b75;font-size:11px;padding:6px}.paper-rule{height:1px;background:#e7e7dc;margin:24px 0}.paper textarea{resize:none;width:100%;flex:1;min-height:120px;border:0;background:transparent;outline:none;font-family:Georgia,Times New Roman,serif;font-size:18px;line-height:1.95;color:#555a4c;padding:0 0 20px}.paper textarea::placeholder{color:#afb29f}.editor-footer{display:flex;justify-content:space-between;border-top:1px solid #eeeee4;padding:16px 33px;color:#969a88;font-size:10px}.editor-footer span span{margin:0 7px}.editor-footer>span:last-child{letter-spacing:2px}.edition{color:#c0c2b5}.blank-page{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}.blank-icon{border:1px solid #dbdfcc;border-radius:50%;width:78px;height:78px;display:grid;place-items:center;color:#788b66;margin-bottom:35px;background:#f2f3e9}.eyebrow{font-size:10px;letter-spacing:2.3px;color:#90997e}.blank-page h2{font-family:Georgia,serif;font-weight:400;font-size:35px;letter-spacing:-1px;color:#46523b;margin:19px 0 9px}.blank-page p{font-size:14px;color:#949986;line-height:1.9}.start-note{display:flex;align-items:center;gap:8px;background:var(--green);color:#fff;padding:13px 20px;border-radius:5px;margin-top:18px;font-size:13px}.start-note:hover{background:#263d31;color:#fff}.blank-foot{font-family:Georgia,serif;font-style:italic;font-size:12px;color:#a3a693;margin-top:65px}.list-empty{padding:45px 15px;color:#939986;text-align:center;font-size:13px;line-height:1.7}.text-button{display:inline-flex;align-items:center;color:#5e7450;font-size:13px}.tool-button{display:flex;align-items:center;gap:7px;font-size:13px}.error,.delete-confirm{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fbefdb;color:#785327;font-size:13px;padding:15px 25px}.error button,.delete-confirm button{border:1px solid #c6b491;padding:6px 10px;border-radius:4px}.mobile,.scrim{display:none}@media(min-width:1400px){.app{grid-template-columns:250px 360px minmax(0,1fr)}.paper{padding-top:62px}}@media(max-width:1100px){.app{grid-template-columns:200px 285px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.paper{padding:35px 30px 10px}.title-input{font-size:30px}.editor-toolbar{padding:18px}.editor-actions{gap:5px}}@media(max-width:800px){.app{grid-template-columns:290px minmax(0,1fr)}.sidebar{position:fixed;z-index:5;left:0;top:0;bottom:0;width:240px;transform:translate(-100%);transition:none}.sidebar.open{transform:translate(0)}.mobile{display:inline-flex}.brand .mobile{margin-left:auto}.scrim{display:block;position:fixed;inset:0;background:#25302355;z-index:4}.list-header{padding-top:26px}.paper{padding:32px 25px 10px}.editor-toolbar{min-height:75px}.save-status{font-size:10px}.editor-toolbar .save-status .mobile{display:none}.blank-page h2{font-size:28px}.editor-actions{gap:1px}}@media(max-width:600px){.app{display:block}.note-list{height:100dvh;width:100%}.editor-panel{display:none;height:100dvh;width:100%}.has-selection .note-list{display:none}.has-selection .editor-panel{display:flex}.editor-toolbar .save-status .mobile{display:inline-flex}.list-header{padding:27px 22px 22px}.list-header h1{font-size:24px}.note-card{padding:22px 15px}.card-title strong{font-size:19px}.note-card p{font-size:14px}.card-meta{font-size:12px}.new-note,.nav-item{font-size:15px}.paper{padding:29px 24px 10px}.title-input{font-size:31px}.editor-toolbar{padding:14px 13px;min-height:64px}.editor-actions .icon{padding:9px}.editor-tags input,.tag-chip{font-size:13px}.editor-footer{padding:15px 22px}.paper textarea{font-size:18px}.list-caption,.list-footer{font-size:11px}.search input{font-size:16px}.search{padding:12px}.tag-chip button{padding:4px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.sync-panel{border-top:1px solid var(--line);padding:12px 8px;font-size:12px}.sync-panel p{line-height:1.5;overflow-wrap:anywhere;color:#68725e}.sync-panel form{display:grid;gap:10px}.sync-panel label{display:grid;gap:5px}.sync-panel input{width:100%;min-width:0;padding:7px;border:1px solid #c8cebc;border-radius:4px;background:#fcfbf7}.sidebar-bottom{overflow:auto;flex-shrink:0;max-height:55vh}.sync-panel small{line-height:1.5}