@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Libre+Caslon+Display&display=swap');
:root{--bg:#f8f7f3;--ink:#2c3830;--muted:#85877f;--line:#e7e7df;--green:#355847;--sidebar:#efefe8;--cream:#f5f0e1;--pink:#f5eae7;--blue:#eaf0f3;--yellow:#f6f0d7;--sage:#eaf0e5;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{touch-action:manipulation}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #608871;outline-offset:4px}button{border:0;background:none}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--sidebar);border-right:1px solid #e1e3d9;padding:32px 22px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;font-size:23px;font-weight:650;letter-spacing:-1px}.brand-icon{width:35px;height:37px;position:relative;display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#fff8df;border-radius:10px;font:italic 34px Georgia;margin-right:10px}.brand-icon span{position:absolute;font:12px Georgia;right:4px;top:4px}.brand-dot{color:#859969}.workspace-label{display:flex;align-items:center;gap:10px;margin:37px 0 26px;font-size:12px;font-weight:550}.workspace-label small{display:block;color:var(--muted);font-size:10px;margin-top:5px;font-weight:400}.workspace-avatar,.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#e2e5d5;font-size:12px}.primary{background:var(--green);color:#fffdf2;border-radius:7px;padding:12px 18px;font-size:13px;font-weight:500}.primary:hover{background:#254936}.new-note{display:flex;align-items:center;gap:9px;text-align:left;height:43px}.new-note span{font-size:20px;font-weight:400}.new-note kbd{margin-left:auto;border:1px solid #789080;padding:1px 5px;border-radius:3px;font:10px inherit;opacity:.7}.nav-label{font-size:9px;letter-spacing:1.5px;font-weight:600;color:#91938a;margin:31px 12px 12px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;font-size:12px;text-align:left;padding:12px;border-radius:7px;margin:3px 0;color:#777e71}.nav-item>span{font-size:18px;width:18px;text-align:center;line-height:16px}.nav-item b{margin-left:auto;font-size:10px;font-weight:500;color:#858d7c}.nav-item.active{background:#e0e5d9;color:#36523e}.nav-item:hover{background:#e5e8df}.notebooks-label{margin-top:28px}.notebook-dot{width:8px!important;height:8px;border-radius:3px;background:#8b9d7e;margin:0 5px}.notebook-dot.work{background:#c2a381}.notebook-dot.learning{background:#91a5b5}.sidebar-bottom{margin-top:auto;padding-top:35px}.local-card{border:1px solid #dddfd2;border-radius:9px;padding:15px 13px;font-size:11px;font-weight:550}.status-dot{display:inline-block;width:6px;height:6px;background:#72925b;border-radius:50%;margin-right:6px}.local-card p{font-size:10px;color:#8a8d80;line-height:1.8;font-weight:400;margin:9px 0}.local-card button{font-size:11px;padding:0;color:#516747}.local-card button span{margin-left:68px}.utility{display:flex;justify-content:space-between;margin:19px 0 0}.utility button{font-size:10px;color:#84897b;padding:4px}.main-shell{margin-left:248px}.topbar{height:78px;border-bottom:1px solid var(--line);padding:0 48px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:11px;color:#95958c}.breadcrumb span{margin:0 12px;color:#c2c3b8}.breadcrumb strong{font-weight:450;color:#5e675b}.top-right{display:flex;align-items:center;gap:22px}.private-label{font-size:10px;color:#8c9282}.avatar{background:#ece6d7;color:#7b775f}main{max-width:1500px;margin:auto;padding:43px 48px 0}.intro{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:161px;margin-bottom:29px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#88917e;font-weight:600}h1{font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(35px,3.5vw,53px);letter-spacing:-1.3px;font-weight:400;margin:15px 0 11px;line-height:1.1}h1 em{font-style:normal;color:#7b8869}.intro p{font-size:12px;color:#8c8e84;line-height:1.6;margin:0}.notebook-art{height:164px;width:178px;flex-shrink:0;position:relative;margin-right:13px}.paper{height:126px;width:96px;border-radius:3px;position:absolute;top:12px;left:34px;box-shadow:0 4px 5px #525e3210}.paper-back{background:#e3e9d6;transform:rotate(-15deg);left:29px;top:16px;border:1px solid #d0dac0}.paper-front{background:#f9f4df;transform:rotate(10deg);padding:18px 13px;border:1px solid #e5dec4}.paper-front span{font:italic 20px 'Libre Caslon Display',Georgia;display:block;color:#7d8067}.paper-front i{display:block;height:1px;background:#d8d5bf;margin-top:9px}.paper-front i+i{width:65%}.paper-front b{display:block;text-align:right;font-size:20px;font-weight:400;color:#9da67e;line-height:20px}.orbit{position:absolute;right:8px;top:10px;color:#c2ba8c;font-size:32px}.art-star{position:absolute;left:7px;bottom:15px;color:#879774;font-size:23px}.discovery{display:flex;align-items:center;gap:17px;border:1px solid #dfe4d6;border-radius:10px;background:linear-gradient(105deg,#eff2e7,#f3f5ec);padding:20px 22px;margin-bottom:40px}.discovery-icon{height:38px;width:38px;background:#e5ead8;border:1px solid #d5dfc6;border-radius:10px;display:grid;place-items:center;font-size:27px;color:#73885c}.discovery h2{font-size:12px;font-weight:550;margin:0 0 6px}.discovery p{font-size:11px;color:#8b9480;margin:0}.discovery button{border:1px solid #d4dbca;border-radius:6px;font-size:10px;padding:10px 14px;margin-left:auto;white-space:nowrap;background:#f7f9f0}.discovery button span{margin-left:14px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-heading{display:flex;align-items:center;gap:12px}.section-heading h2{font-size:20px;font-weight:500;letter-spacing:-.5px;margin:0}.section-heading>span{font-size:10px;color:#9a9c91;background:#efefe8;border-radius:12px;padding:5px 8px;white-space:nowrap}.controls{display:flex;gap:12px}.search{display:flex;align-items:center;border:1px solid #e4e5dc;border-radius:6px;padding:0 10px;background:#fbfbf7;gap:9px}.search span{font-size:23px;color:#9a9f90}.search input{border:0;outline:none;background:none;width:146px;height:34px;font-size:10px;color:var(--ink)}.search input::placeholder{color:#a1a498}.search kbd{font:9px sans-serif;border:1px solid #e4e6dc;padding:2px 4px;color:#a6aa9e}select{border:1px solid #e4e5dc;border-radius:6px;background:#fbfbf7;color:#858b7d;font-size:10px;padding:7px 10px}.filter-row{display:flex;align-items:center;justify-content:space-between;margin:22px 0 21px;gap:8px}.filter-row #tags{display:flex;gap:7px;flex-wrap:wrap}.tag-filter{font-size:9px;padding:6px 11px;border-radius:20px;border:1px solid var(--line);color:#94998b;background:transparent}.tag-filter.active{background:#e9eddf;border-color:#dce2d1;color:#657853}.view-hint{font-size:10px;color:#a3a799;white-space:nowrap}.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.note-card{border:1px solid #e5e4d7;border-radius:10px;min-height:242px;padding:19px 21px 15px;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s;position:relative}.note-card:hover{transform:translateY(-3px);box-shadow:0 6px 17px #48533c09}.note-card.cream{background:var(--cream)}.note-card.green{background:var(--sage);border-color:#dde5d7}.note-card.pink{background:var(--pink);border-color:#ecdfd9}.note-card.blue{background:var(--blue);border-color:#dfe7ea}.note-card.yellow{background:var(--yellow);border-color:#e9e3c9}.note-top{display:flex;align-items:center;justify-content:space-between;color:#90917e;margin-bottom:19px}.note-category{font-size:8px;letter-spacing:1.1px;text-transform:uppercase;font-weight:550}.pin{font-size:18px;color:#9b9d86;line-height:1;padding:3px}.pin.pinned{color:#72865b}.note-open{text-align:left;padding:0;flex:1;min-width:0;display:block;width:100%}.note-open h3{font:24px/1.2 'Libre Caslon Display',Georgia,serif;letter-spacing:-.15px;margin:0 0 12px;overflow-wrap:anywhere}.note-preview{font-size:10px;line-height:1.9;color:#858c7c;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 14px;overflow-wrap:anywhere}.note-tags{display:flex;gap:5px;margin:6px 0 16px;flex-wrap:wrap}.note-tag{border:1px solid #7b826719;background:#ffffff25;font-size:8px;color:#8a907e;border-radius:4px;padding:3px 6px}.note-bottom{border-top:1px solid #7c826514;padding-top:12px;display:flex;align-items:center;justify-content:space-between;margin-top:auto;color:#9b9e8c;font-size:8px}.note-actions{display:flex;gap:7px}.note-actions button{font-size:9px;color:#89917d;padding:2px}.note-actions button:hover{color:#344d34;text-decoration:underline}.add-card{min-height:242px;border:1px dashed #d8dccd;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9aa08e;background:transparent;gap:10px}.add-card:hover{background:#f0f2e8}.add-card .plus{border:1px solid #e0e4d6;background:#eef1e7;border-radius:50%;height:35px;width:35px;display:grid;place-items:center;font-size:21px;color:#929e80}.add-card strong{font-size:11px;font-weight:500;color:#828c73}.add-card small{font-size:9px;color:#aaae9f}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:42px;padding:20px 0;font-size:9px;color:#a2a694}.footer-star{margin-left:8px;color:#8c9879}.empty{text-align:center;padding:50px 0}.empty>span{font-size:40px;color:#8b9b71}.empty h3{font:28px 'Libre Caslon Display',Georgia;margin:10px}.empty p{font-size:12px;color:var(--muted)}.empty button{margin-top:10px}dialog{border:1px solid var(--line);background:#fcfbf7;border-radius:16px;box-shadow:0 25px 100px #22302435;width:min(650px,calc(100% - 28px));padding:28px;color:var(--ink);max-height:90vh}dialog::backdrop{background:#28302455;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.icon-button{font-size:25px;line-height:1;padding:3px 8px;border-radius:4px;color:#8b917f}.title-input{width:100%;font:36px 'Libre Caslon Display',Georgia;border:0;background:none;color:var(--ink);padding:6px 0 18px;outline:none}.editor-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:15px}.editor-meta select{margin-left:5px}#note-content{resize:vertical;width:100%;height:260px;min-height:140px;border:0;outline:none;background:none;padding:20px 0;font-size:13px;line-height:1.9;color:#58624f}.tags-label{font-size:10px;color:#8b917f;display:flex;gap:12px;align-items:center}.tags-label input{border:0;border-bottom:1px solid var(--line);padding:10px;background:none;flex:1;font-size:11px;min-width:0}.editor-bottom{border-top:1px solid var(--line);padding-top:19px;margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.editor-bottom>span{font-size:10px;color:#969b8b}.editor-bottom>div{display:flex;gap:8px}.subtle{font-size:12px;padding:10px;color:#8b927f}#info-dialog{width:min(500px,calc(100% - 28px))}#info-dialog h2{font:34px/1.15 'Libre Caslon Display',Georgia;margin:20px 0}#info-dialog p{font-size:12px;line-height:1.85;color:#78836c}#info-dialog a{font-size:12px;text-decoration:underline}.info-status{padding:14px;background:#eef2e6;border-radius:8px;font-size:12px;margin:20px 0}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10;max-width:90vw;background:#334b3c;color:#f9f8ed;padding:13px 20px;border-radius:9px;font-size:12px;box-shadow:0 8px 30px #21332122}.toast button{color:#e4f0bf;text-decoration:underline;margin-left:15px}.muted{color:var(--muted)}
@media(min-width:1600px){main{padding-top:60px}.note-card,.add-card{min-height:280px}.note-open h3{font-size:29px}.note-preview{font-size:12px}.intro{margin-bottom:40px}}
@media(max-width:1150px){.sidebar{width:215px;padding:27px 17px}.main-shell{margin-left:215px}.topbar{padding:0 30px}main{padding:32px 30px 0}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notebook-art{width:128px;margin-right:0}.paper{left:13px}.paper-back{left:8px}.view-hint{display:none}.section-top{align-items:flex-start;flex-direction:column;gap:17px}.controls{width:100%}.search{flex:1}.search input{width:100%}.local-card button span{margin-left:42px}h1{font-size:39px}.intro{gap:10px}}
@media(max-width:740px){.sidebar{position:static;width:auto;padding:18px 20px 12px;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:14px}.brand{font-size:22px}.workspace-label,.nav-label,.sidebar-bottom,#notebooks{display:none}.new-note{grid-column:2;grid-row:1;height:36px;padding:7px 12px;font-size:11px}.new-note kbd{display:none}.sidebar nav[aria-label="Notes filters"]{grid-column:1/-1;display:flex;gap:10px}.nav-item{width:auto;margin:0;padding:8px 12px;font-size:11px;flex:1;gap:7px}.nav-item b{font-size:9px}.main-shell{margin:0}.topbar{height:50px;padding:0 20px}.private-label{font-size:8px}.top-right{gap:10px}.avatar{height:25px;width:25px;font-size:10px}.breadcrumb{font-size:9px}.breadcrumb span{margin:0 5px}main{padding:28px 20px 0}.intro{margin-bottom:25px;min-height:auto}.eyebrow{font-size:8px;letter-spacing:1.3px}h1{font-size:39px;max-width:270px;line-height:1.02;margin-top:16px}.intro p{font-size:10px;max-width:230px}.notebook-art{width:85px;height:130px;transform:scale(.78);transform-origin:right center;flex-shrink:0;margin-right:9px}.paper{left:0}.paper-back{left:-7px}.orbit{right:-31px}.art-star{left:-19px;bottom:-8px}.discovery{padding:14px;gap:11px;margin-bottom:28px;flex-wrap:wrap}.discovery-icon{width:31px;height:31px;font-size:23px}.discovery>div:nth-child(2){flex:1}.discovery h2{font-size:11px}.discovery p{font-size:9px;line-height:1.6}.discovery button{margin-left:42px;padding:6px 10px;font-size:9px}.notes-grid{gap:12px}.note-card{padding:15px 14px;min-height:235px}.note-open h3{font-size:22px}.note-preview{font-size:10px;-webkit-line-clamp:4}.note-category{font-size:7px}.note-top{margin-bottom:14px}.note-tags{margin-bottom:12px}.note-bottom{font-size:7px;gap:5px;flex-wrap:wrap}.note-actions{gap:6px}.note-actions button{font-size:8px}.section-heading h2{font-size:19px}.section-top{gap:15px}.controls{gap:8px}select{padding:7px;font-size:9px}.search input{font-size:10px}.search kbd{display:none}.add-card{min-height:235px}.filter-row{margin:16px 0}.tag-filter{padding:5px 9px}.note-tag{font-size:7px}.editor-meta{gap:10px}dialog{padding:20px}.title-input{font-size:30px}.editor-bottom .primary{padding:10px 14px}footer{font-size:8px;margin-top:28px}.breadcrumb{max-width:190px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}
.mobile-backup{display:none}
@media(max-width:740px){.mobile-backup{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);margin-top:28px;padding-top:18px;font-size:9px;color:#7c8870}.mobile-backup>span{margin-right:auto}.mobile-backup button{font-size:10px;padding:5px 0}.mobile-backup+footer{margin-top:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}