@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#242623;background:#f7f7f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,p{margin-top:0}.brand-mark{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;background:#c9f169;color:#263419;box-shadow:0 5px 16px #b3d97a38}.brand-dot,.heading-period{color:#8ec944}.center-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px}.center-screen h1{font:800 32px Manrope,sans-serif;margin:10px 0 0}.center-screen p{color:#7c8177;max-width:420px;line-height:1.6}.primary-button{border:0;background:#20271c;color:#fff;border-radius:11px;padding:13px 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700}.primary-button:hover{background:#38452e}.welcome-screen{position:relative;overflow:hidden;min-height:100vh;background:#f8f9f5;padding:42px clamp(28px,6.5vw,110px);display:flex;flex-direction:column}.welcome-glow{position:absolute;right:-14%;top:-28%;width:78vw;height:78vw;border-radius:50%;background:radial-gradient(circle,#e6f6d4 0%,#f2f8e9 42%,transparent 69%);pointer-events:none}.welcome-header{position:relative;display:flex;align-items:center;gap:12px;font:800 20px Manrope,sans-serif;letter-spacing:-1px}.welcome-header .brand-mark{width:39px;height:39px}.welcome-content{position:relative;margin:auto 0;max-width:620px;padding:66px 0}.eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:2px;font-weight:800;color:#76a93c}.eyebrow-line{display:inline-block;width:22px;height:1px;background:#8ab94b}.welcome-content h1{font:800 clamp(48px,5.3vw,84px)/1.13 Manrope,sans-serif;letter-spacing:-5px;margin:28px 0 23px;color:#1e281d}.welcome-content h1 em{font-style:normal;color:#8dbd52}.welcome-content p{max-width:470px;color:#747c70;font-size:17px;line-height:1.75;margin-bottom:32px}.login-button{background:#1c271b;color:#fff;border:0;border-radius:12px;padding:17px 21px;min-width:220px;display:inline-flex;align-items:center;justify-content:space-between;gap:55px;font-weight:700;box-shadow:0 12px 22px #1b2b1c21;transition:transform .2s,background .2s}.login-button:hover{background:#344630;transform:translateY(-2px)}.welcome-footnote{display:block;margin-top:22px;font-size:12px;color:#9ca599}.welcome-footer{position:relative;font-size:12px;color:#a7aea2}.welcome-art{position:absolute;right:clamp(80px,14vw,270px);top:50%;width:320px;height:415px;transform:translateY(-45%) rotate(-5deg)}.art-sheet{position:absolute;width:300px;height:400px;border-radius:20px;border:1px solid #e6e9df;box-shadow:0 24px 60px #3d563121;background:#fff}.art-sheet-back{transform:translate(60px,18px) rotate(15deg);background:#e6efdb}.art-sheet-middle{transform:translate(29px,9px) rotate(7deg);background:#f5f7f0}.art-sheet-front{padding:45px 39px}.art-circle{display:block;width:54px;height:54px;background:#d7eeaf;border-radius:16px;margin-bottom:39px}.art-line{display:block;width:77%;height:10px;border-radius:8px;background:#e8ede5;margin-bottom:17px}.art-line-long{width:92%;height:14px;background:#d6dfd0;margin-bottom:33px}.art-line-short{width:55%}.art-line-mid{width:70%}.art-star{position:absolute;right:33px;bottom:32px;font-size:39px;color:#a7d566}.app-shell{min-height:100vh;display:flex}.sidebar{width:254px;background:#f1f2ee;border-right:1px solid #e9eae4;display:flex;flex-direction:column;padding:27px 17px 16px;flex-shrink:0;min-height:100vh}.sidebar-top{display:flex;align-items:center;justify-content:space-between;margin:0 11px 43px}.brand{display:flex;align-items:center;gap:11px;font:800 18px Manrope,sans-serif;letter-spacing:-.8px}.brand .brand-mark{width:35px;height:35px;border-radius:11px}.new-note-button{border:0;background:#c9ef82;color:#273520;border-radius:11px;width:100%;height:44px;display:flex;align-items:center;gap:10px;padding:0 13px;font-weight:700;font-size:13px;box-shadow:0 5px 13px #bed89943}.new-note-button:hover{background:#b9e669}.new-note-button span{margin-left:auto;font-size:18px;font-weight:400;color:#708b55}.section-label{display:flex;justify-content:space-between;color:#a0a69b;font-size:10px;letter-spacing:1.4px;font-weight:800;margin:37px 12px 15px}.sidebar-nav .nav-active{height:39px;display:flex;align-items:center;gap:12px;padding:0 13px;background:#e2e6db;color:#39492f;border-radius:9px;font-size:12px;font-weight:700}.sidebar-spacer{flex:1}.sidebar-bottom{display:flex;align-items:center;gap:9px;border-top:1px solid #e1e4db;padding:17px 5px 0}.avatar{height:34px;width:34px;border-radius:10px;background:#dae8c8;color:#65843f;display:grid;place-items:center;font-weight:800;font-size:14px}.account-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.account-text strong{font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.account-text span{font-size:10px;color:#a0a69c}.icon-button{border:0;background:transparent;color:#8d9589;display:grid;place-items:center;padding:7px;border-radius:8px}.icon-button:hover{background:#e4e9dd;color:#333e31}.mobile-close,.mobile-header,.mobile-overlay{display:none}.workspace{flex:1;min-width:0;padding:48px clamp(28px,4.6vw,78px) 48px;max-width:1690px;margin:0 auto}.workspace-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:40px}.eyebrow.small{font-size:10px;letter-spacing:1.6px}.workspace-header h1{font:800 38px Manrope,sans-serif;letter-spacing:-2.2px;margin:12px 0 3px}.workspace-header p{font-size:13px;color:#9aa197;margin:0}.header-new-button{display:flex;align-items:center;gap:8px;border:0;background:#273324;color:#fff;border-radius:9px;padding:12px 16px;font-size:12px;font-weight:700}.header-new-button:hover{background:#415338}.content-grid{display:grid;grid-template-columns:minmax(270px,350px) minmax(400px,1fr);gap:22px;min-height:calc(100vh - 215px)}.notes-panel,.editor-panel{background:#fff;border:1px solid #ebede7;border-radius:16px;box-shadow:0 8px 28px #24331908}.notes-panel{padding:18px 12px;display:flex;flex-direction:column}.search-box{display:flex;align-items:center;gap:9px;height:43px;border:1px solid #eaede6;border-radius:9px;color:#a3aca0;padding:0 12px;margin:0 7px 23px}.search-box:focus-within{border-color:#bddb9f;box-shadow:0 0 0 3px #dcf0c864}.search-box input{background:transparent;border:0;outline:0;min-width:0;flex:1;font-size:12px;color:#283527}.search-box input::placeholder{color:#a9afa7}.search-box>span{font-size:20px;color:#b9c0b5}.list-header{display:flex;justify-content:space-between;padding:0 13px 15px;color:#9fa79b;font-size:10px;letter-spacing:1.1px;font-weight:800}.list-header span:last-child{letter-spacing:0;text-transform:none;font-weight:500}.note-list{overflow:auto;flex:1}.note-card{width:100%;display:flex;flex-direction:column;text-align:left;background:#fff;border:1px solid transparent;border-radius:10px;padding:16px 14px;margin-bottom:4px;min-height:117px;color:#263027}.note-card:hover{background:#f7faf3}.note-card.selected{background:#f3f8ec;border-color:#e8f0df}.note-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.note-card strong{font:700 13px Manrope,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-indicator{height:6px;width:6px;flex-shrink:0;border-radius:50%;background:transparent}.selected .card-indicator{background:#a1cf66}.note-excerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#90998e;font-size:11px;line-height:1.6;margin:8px 0 10px}.note-date{font-size:10px;color:#aeb6aa}.list-message{font-size:13px;color:#9fa79d;text-align:center;padding:35px 10px}.list-empty{text-align:center;display:flex;align-items:center;flex-direction:column;gap:9px;padding:48px 16px}.empty-icon{width:42px;height:42px;background:#f0f5e9;border-radius:12px;color:#8db75e;display:grid;place-items:center;margin-bottom:7px}.list-empty strong{font-size:12px}.list-empty span{font-size:11px;color:#9ba497;line-height:1.6}.editor-panel{display:flex;flex-direction:column;min-height:510px;overflow:hidden}.editor-toolbar{height:69px;border-bottom:1px solid #eff0eb;padding:0 27px;display:flex;align-items:center;justify-content:space-between;gap:10px}.editor-type{font-size:10px;color:#9ca89a;letter-spacing:1.2px;font-weight:800;display:flex;align-items:center;gap:9px}.editor-type-dot{width:7px;height:7px;background:#a4d16a;border-radius:50%}.editor-actions{display:flex;align-items:center;gap:10px}.delete-button{border:0;background:transparent;color:#a6afa2;width:34px;height:34px;border-radius:8px;display:grid;place-items:center}.delete-button:hover{background:#fff0ed;color:#bc5142}.save-button{display:inline-flex;align-items:center;gap:8px;background:#c9ed8c;color:#2e4125;border:0;border-radius:8px;padding:10px 13px;font-size:11px;font-weight:800}.save-button:hover:not(:disabled){background:#b9e379}.save-button:disabled{opacity:.5}.editor-body{display:flex;flex-direction:column;flex:1;padding:43px clamp(28px,5vw,72px) 15px}.title-input{font:800 clamp(26px,2.4vw,36px)/1.3 Manrope,sans-serif;letter-spacing:-1.5px;border:0;outline:0;width:100%;color:#263126;background:transparent}.title-input::placeholder{color:#c2cbbd}.editor-meta{font-size:11px;color:#aeb6a9;margin-top:14px}.editor-meta span{margin:0 7px}.editor-rule{height:1px;background:#edf0e9;margin:30px 0 26px}.description-input{border:0;outline:0;resize:none;width:100%;min-height:240px;flex:1;color:#4f594e;font-size:14px;line-height:1.9;background:transparent}.description-input::placeholder{color:#bec8b9}.editor-footer{height:45px;border-top:1px solid #f0f1ee;display:flex;align-items:center;justify-content:space-between;padding:0 26px;color:#aeb6aa;font-size:10px}.editor-empty{margin:auto;text-align:center;display:flex;flex-direction:column;align-items:center;max-width:290px;padding:28px}.editor-empty-icon{width:66px;height:66px;border-radius:20px;background:#f0f8e9;color:#a0c96e;display:grid;place-items:center;margin-bottom:24px}.editor-empty h2{font:800 20px Manrope,sans-serif;letter-spacing:-.7px;margin-bottom:10px}.editor-empty p{color:#a4ada0;font-size:12px;line-height:1.7;margin-bottom:24px}.editor-empty .primary-button{font-size:11px}.error-banner{background:#fff1ed;color:#a94737;padding:12px 17px;display:flex;justify-content:space-between;gap:12px;font-size:12px;line-height:1.5}.error-banner button{background:transparent;border:0;color:inherit;display:grid;place-items:center;padding:0}.retry-button{margin-top:9px;border:1px solid #dce8d0;background:#f5faef;color:#526a3d;border-radius:7px;padding:8px 12px;font-size:11px;font-weight:700}.retry-button:hover{background:#e9f5db}@media(max-width:1200px){.welcome-art{right:5vw;transform:translateY(-45%) rotate(-5deg) scale(.8);transform-origin:right center}.welcome-content{max-width:530px}.welcome-content h1{font-size:60px}.content-grid{grid-template-columns:300px minmax(360px,1fr)}.workspace{padding-left:30px;padding-right:30px}}@media(max-width:950px){.welcome-art{opacity:.25;right:-100px}.welcome-content{z-index:1}.sidebar{width:225px}.content-grid{grid-template-columns:245px minmax(320px,1fr);gap:14px}.workspace{padding:40px 20px}.editor-body{padding-left:30px;padding-right:30px}}@media(max-width:750px){.sidebar{position:fixed;z-index:30;left:0;top:0;bottom:0;transform:translate(-100%);transition:transform .2s;width:270px}.sidebar-open{transform:translate(0)}.mobile-close,.mobile-header,.mobile-overlay{display:flex}.mobile-overlay{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;background:#17231674;border:0;width:100%;height:100%}.mobile-header{align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid #e9ece6;background:#fff;font:800 17px Manrope,sans-serif}.workspace{padding:0 0 30px}.workspace-header{padding:30px 22px 0;margin-bottom:23px}.workspace-header h1{font-size:31px}.header-new-button{display:none}.content-grid{grid-template-columns:1fr;padding:0 16px}.notes-panel{max-height:300px;min-height:240px}.editor-panel{min-height:490px}.note-list{display:flex;overflow-x:auto;overflow-y:hidden;gap:7px;min-height:128px}.note-card{min-width:220px;max-width:220px}.list-empty{width:100%;padding:20px}.search-box{margin-bottom:15px}.welcome-screen{padding:27px}.welcome-art{display:none}.welcome-content h1{font-size:clamp(44px,9vw,65px);letter-spacing:-3px}.welcome-content p{font-size:15px}}@media(max-width:420px){.workspace-header{padding-left:18px}.content-grid{padding:0 10px}.editor-toolbar{padding:0 15px}.editor-body{padding:32px 19px 15px}.editor-footer{padding:0 18px}.save-button{font-size:0;gap:0}.save-button svg{width:18px}.welcome-content h1{font-size:45px}}