@import"https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";:root{--forest:#182e2a;--forest-2:#203c35;--forest-3:#2a453e;--gold:#bc945c;--gold-light:#d6b57d;--ink:#283b35;--muted:#89938b;--cream:#f8f6ef;--paper:#fffdf8;--line:#e9e5d9}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--cream);color:var(--ink);font-family:IBM Plex Sans Arabic,Geeza Pro,Tahoma,sans-serif;font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button:focus:not(:focus-visible){outline:none}::selection{background:#d5c19e;color:var(--forest)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d8d3c6;border-radius:20px}.app-shell{display:grid;grid-template-columns:264px minmax(0,1fr);width:100%;min-height:100dvh;height:100dvh;overflow:hidden}.sidebar{background:var(--forest);color:#f7f3e7;height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:20;border-left:1px solid #31483e}.sidebar:after{content:"";position:absolute;top:0;bottom:0;left:0;width:1px;background:#ffffff08;pointer-events:none}.brand{display:flex;flex-shrink:0;align-items:center;gap:12px;padding:29px 22px 30px;cursor:pointer;border-bottom:1px solid #ffffff16}.brand-seal{width:51px;height:56px;border:1px solid #af8d5c;border-radius:8px 8px 6px 6px;display:grid;place-items:center;flex-shrink:0;position:relative;box-shadow:inset 0 0 0 4px var(--forest),inset 0 0 0 5px #ac8a5c77}.brand-seal:before,.brand-seal:after{content:"✦";position:absolute;font-size:8px;color:var(--gold-light);top:3px}.brand-seal:before{right:6px}.brand-seal:after{left:6px}.brand-seal span{font-family:Georgia,serif;font-size:36px;color:var(--gold-light);font-weight:400;line-height:1}.brand-eyebrow{display:block;font-size:8px;line-height:1;letter-spacing:2.1px;color:#baa681;font-family:Georgia,serif;direction:ltr;text-align:right;white-space:nowrap}.brand h1{font-family:Amiri,Georgia,serif;font-size:28px;font-weight:700;line-height:1.3;margin:6px 0 0;color:#f3eee2}.brand small{font-size:9px;letter-spacing:.1px;color:#adbcaf;white-space:nowrap}.sidebar-scroll{flex:1;min-height:0;overflow-y:auto;padding:28px 14px;scrollbar-width:thin;scrollbar-color:#456057 transparent}.sidebar-label,.books-heading{font-size:11px;color:#93a99d;letter-spacing:.5px;font-weight:600;padding:0 12px}.nav-links{display:flex;flex-direction:column;gap:3px;margin-top:11px}.nav-item{display:flex;align-items:center;width:100%;gap:13px;border:0;color:#c8d5cd;background:transparent;padding:11px 13px;border-radius:8px;text-align:right;font-size:12.5px;font-weight:500;transition:background .18s,color .18s;min-height:42px}.nav-item svg{opacity:.8;flex-shrink:0}.nav-item span:nth-of-type(1){flex:1}.nav-item small{margin-right:auto;direction:ltr;font-size:10px;color:#a1b0a3;min-width:17px;text-align:center}.nav-item:hover,.book-nav-wrap:hover{background:#ffffff0c;color:#fff}.nav-item.active,.book-nav-wrap.active{background:#b8966128;color:#f0d4a7}.nav-item.active:before{content:"";background:var(--gold);width:3px;height:21px;position:absolute;right:0;border-radius:5px 0 0 5px}.nav-item{position:relative}.books-heading{display:flex;align-items:center;justify-content:space-between;margin:31px 0 5px}.books-heading button{color:var(--gold-light);border:1px solid #b9955b55;border-radius:6px;width:25px;height:25px;display:grid;place-items:center;background:#c09e6320}.books-nav{gap:2px}.book-nav-wrap{display:flex;align-items:center;border-radius:8px;position:relative}.book-nav-wrap .nav-item{padding-right:13px;padding-left:8px}.book-dot{width:11px;height:11px;border-radius:3px;display:inline-block;flex:0 0 auto!important;box-shadow:inset 0 0 0 1px #ffffff20}.rename-icon{flex-shrink:0;margin-left:8px;background:transparent;border:0;color:#b6c5b8;opacity:0;display:grid;place-items:center;width:18px;height:25px}.book-nav-wrap:hover .rename-icon,.rename-icon:focus-visible{opacity:1}.new-book-side{color:#d2b381;width:calc(100% - 14px);margin:12px 7px;border:1px dashed #967c51aa;background:#ffffff04;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:9px;padding:11px;font-size:11px}.new-book-side:hover{background:#c19c6030}.sidebar-bottom{padding:12px 15px 23px;flex-shrink:0;border-top:1px solid #ffffff13}.sidebar-quote{font-family:Amiri,serif;color:#9fb1a2;text-align:center;font-size:15px;margin:1px 0 12px}.sidebar-quote span{color:#b79763;font-size:23px}.sidebar-settings{background:#ffffff0c;color:#cfdbd0;border:1px solid #ffffff16;border-radius:8px;width:100%;display:flex;align-items:center;gap:9px;text-align:right;padding:12px 10px;font-size:11px}.sidebar-settings svg:last-child{margin-right:auto;opacity:.6}.secure-mark{display:flex;gap:7px;align-items:center;justify-content:center;font-size:9px;color:#91a99a;margin-top:15px}.secure-dot{width:7px;height:7px;background:#8bb79d;border-radius:50%;box-shadow:0 0 0 4px #8bb79d15}.main-area{min-width:0;height:100dvh;display:flex;flex-direction:column;background:var(--cream)}.topbar{height:77px;flex-shrink:0;background:#fffefa;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 37px;gap:23px}.top-breadcrumb{color:#8e968d;display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:12px;flex-shrink:0}.top-breadcrumb strong{color:#2c4338;font-weight:700}.top-breadcrumb svg{color:#b5baaf}.top-search{position:relative;margin-right:auto;margin-left:auto;width:min(420px,34vw);height:42px;background:#f7f7f2;border:1px solid #ece9e1;border-radius:9px;display:flex;align-items:center;padding:0 12px;gap:9px;color:#84918a}.top-search:focus-within{background:#fff;border-color:#b89e73;box-shadow:0 0 0 3px #b8966119}.top-search input{flex:1;min-width:0;color:#26382f;outline:none;border:0;font-size:11.5px;background:transparent}.top-search input::placeholder{color:#acb1a9}.top-search kbd{direction:ltr;white-space:nowrap;font-family:Arial,sans-serif;font-size:10px;color:#9aa099;background:#eceee8;padding:3px 5px;border:1px solid #e4e6e0;border-radius:4px}.top-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.top-actions .top-date{display:flex;align-items:center;gap:6px;color:#849088;font-size:11px;white-space:nowrap}.top-settings,.editor-actions>button,.more-wrapper>button{border:0;color:#698075;background:transparent;display:grid;place-items:center;padding:8px;border-radius:7px}.top-settings:hover,.editor-actions>button:hover,.more-wrapper>button:hover{background:#f2eee5}.gold-button{background:linear-gradient(135deg,#c6a16b,#a7814b);color:#fffdf6;border:1px solid #ac8753;border-radius:8px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11.5px;font-weight:600;box-shadow:0 3px 8px #916e3920;transition:filter .18s,transform .18s;white-space:nowrap}.gold-button:hover{filter:brightness(1.07);transform:translateY(-1px)}.mobile-menu-button{display:none}.dashboard-scroll{min-height:0;flex:1;overflow-y:auto}.dashboard-content{max-width:1480px;padding:43px clamp(28px,4.3vw,76px) 25px;margin:auto}.intro-row{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px}.overline{display:flex;align-items:center;gap:11px;color:#a1845c;font-size:10px;letter-spacing:.7px;font-weight:600}.thin-gold-line{display:block;width:22px;height:1px;background:var(--gold)}.intro-row h2{font-family:Amiri,Georgia,serif;font-size:39px;line-height:1.3;color:#233b32;margin:6px 0 0;font-weight:700}.hello-star{color:#bd9b64;font-size:25px}.intro-row p{color:#89958e;font-size:12px;margin:0}.long-date{color:#8f978c;font-size:11px;display:flex;align-items:center;gap:9px;white-space:nowrap;margin-top:20px}.hero-card{border-radius:15px;background:radial-gradient(ellipse at 73% 32%,#38574a,#263e35 43%,#1d332c);position:relative;overflow:hidden;display:flex;align-items:stretch;min-height:286px;color:#faf9ec;border:1px solid #3c5246;box-shadow:0 12px 30px #13291a15}.hero-card:after{content:"";position:absolute;inset:10px;border:1px solid #c09e6140;border-radius:8px;pointer-events:none}.hero-copy{width:64%;padding:35px 50px 36px;z-index:2}.hero-eyebrow{color:#ceb48b;font-size:10.5px;display:flex;align-items:center;gap:9px;margin-bottom:14px;letter-spacing:.1px}.hero-copy h3{font-family:Amiri,Georgia,serif;font-size:34px;font-weight:700;line-height:1.47;letter-spacing:.05px;margin:0;color:#fff8ed}.hero-copy h3 em{color:#dfc18a;font-style:normal}.hero-copy p{color:#b6c8bb;font-size:11.5px;margin:9px 0 20px}.hero-copy button{background:#f8f1e3;color:#314539;border:0;border-radius:6px;padding:11px 18px;display:flex;align-items:center;gap:23px;font-size:11px;font-weight:700}.hero-copy button:hover{background:#fff}.hero-art{position:absolute;inset:0;pointer-events:none;overflow:hidden}.book-art{position:absolute;left:12%;top:28px;height:235px;width:178px;transform:rotate(-13deg);background:linear-gradient(115deg,#bd9455,#cba96c 2%,#16362d 5%,#264d3d 37%,#1a362d);border-radius:6px 12px 12px 6px;box-shadow:-18px 17px 20px #0f251e70,-2px 2px #8b744d,3px 1px 3px #1c3428}.book-art:after{content:"";position:absolute;height:100%;width:5px;left:12px;top:0;background:linear-gradient(90deg,#121f1b,#a18b5b55,#1f3e34)}.book-border{border:1px solid #bf9d61;border-radius:5px;position:absolute;inset:11px 12px 11px 18px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#bc9e68;box-shadow:inset 0 0 0 4px #204036,inset 0 0 0 5px #967b4d88}.book-crown{font-size:18px;line-height:1;margin-bottom:22px}.book-monogram{font-size:78px;line-height:.9;font-family:Georgia,serif;text-shadow:1px 1px 0 #0b2a1f}.book-engraving{font-size:8px;font-family:Georgia,serif;letter-spacing:1.5px;margin-top:16px;white-space:nowrap}.book-corner{font-size:29px;margin-top:15px}.hero-ring{border:1px solid #b7996260;position:absolute;left:3%;top:-62px;height:430px;width:430px;border-radius:50%}.ring-two{height:520px;width:520px;left:-.5%;top:-110px;border-color:#b7996220}.stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:21px 0 41px}.stat-card{background:#fffefa;border:1px solid #eae7df;border-radius:11px;padding:18px 19px;min-height:98px;display:flex;align-items:center;gap:13px;position:relative;overflow:hidden}.stat-icon{width:48px;height:48px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.stat-icon.green{background:#e8efea;color:#637f6d}.stat-icon.gold{background:#f5ecdc;color:#ac864f}.stat-icon.rose{background:#f6e9e7;color:#b47f75}.stat-icon.blue{background:#e9eef2;color:#708c9c}.stat-card div:nth-child(2){display:flex;flex-direction:column}.stat-card span{font-size:10px;color:#849088;white-space:nowrap}.stat-card strong{font-family:Georgia,serif;font-size:25px;color:#304a3c;font-weight:600;direction:ltr;text-align:right;line-height:1.5}.stat-line{position:absolute;width:18px;height:3px;border-radius:2px;background:#b89865;bottom:0;right:20px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}.section-heading div>span{color:#b49a73;font-family:Georgia,serif;direction:ltr;display:block;text-align:right;font-size:10px;letter-spacing:1.5px;margin-bottom:5px}.section-heading h3{font-family:Amiri,serif;font-size:30px;line-height:1.3;margin:0;color:#2b4438}.section-heading p{font-size:11px;color:#9aa49a;margin:1px 0 0}.section-heading>button{background:transparent;border:1px solid #e1dbd0;border-radius:7px;color:#617366;padding:9px 13px;display:flex;gap:8px;align-items:center;font-size:11px}.section-heading>button:hover{background:#fffdf9;color:#926c3e}.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.book-card{border:1px solid #e9e4d8;border-radius:11px;background:#fffdf9;text-align:right;padding:22px 19px 15px;display:flex;flex-direction:column;min-height:190px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}.book-card:hover{transform:translateY(-3px);box-shadow:0 13px 28px #344d3712;border-color:#d5c4a9}.book-icon{width:49px;height:49px;border-radius:10px;display:grid;place-items:center;margin-bottom:16px}.book-index{position:absolute;left:18px;top:20px;font-family:Georgia,serif;font-size:13px;letter-spacing:1px;color:#d4d4cc}.book-card h4{font-family:Amiri,serif;font-size:21px;color:#2b4036;line-height:1.3;margin:0}.book-card p{color:#a0a69e;font-size:10px;margin:5px 0 13px}.book-card-foot{border-top:1px solid #f0ece3;width:100%;padding-top:11px;display:flex;align-items:center;justify-content:space-between;margin-top:auto;color:#9fa69d}.book-card-foot span{display:block;width:18px;height:3px;border-radius:3px;background:#a2b19e}.add-book-card{border-style:dashed;background:#f9f7f0}.add-book-circle{background:#f0eadf;border:1px dashed #bdad90;color:#a58b5f;border-radius:50%;height:49px;width:49px;display:grid;place-items:center;margin-bottom:16px}.recent-heading{margin-top:39px}.recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.recent-card{border:1px solid #eae5d9;background:#fffef9;border-radius:10px;padding:20px 19px 15px;text-align:right;min-height:177px;transition:border-color .2s,transform .2s;display:flex;flex-direction:column}.recent-card:hover{border-color:#bc9f75;transform:translateY(-2px)}.recent-card-top{display:flex;align-items:center;justify-content:space-between;color:#a4aba0;font-size:9px;gap:7px}.recent-bookmark{display:flex;align-items:center;gap:6px;white-space:nowrap}.recent-card h4{font-family:Amiri,serif;font-size:20px;color:#2a4338;margin:11px 0 4px;line-height:1.5}.recent-card p{color:#9aa19a;font-size:10.5px;line-height:1.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.recent-card-bottom{border-top:1px solid #f0ece4;margin-top:auto;padding-top:12px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#98815c}.empty-recent{padding:24px;border-radius:10px;background:#fff;color:#869488;grid-column:1/-1;text-align:center}.empty-recent svg{margin:auto}.empty-recent button{border:0;background:transparent;color:#947246;display:inline-flex;align-items:center;gap:6px}.dashboard-footer{display:flex;justify-content:space-between;border-top:1px solid #eae7df;padding:24px 0 0;margin-top:37px;color:#b0b7ab;font-size:9px}.dashboard-footer span:first-child{font-family:Georgia,serif;letter-spacing:1.7px}.notes-layout{display:grid;grid-template-columns:310px minmax(0,1fr);flex:1;min-height:0}.notes-list-pane{display:flex;flex-direction:column;min-height:0;background:#fcfbf7;border-left:1px solid var(--line)}.list-head{padding:30px 23px 19px;border-bottom:1px solid #eae6da;flex-shrink:0}.list-mini-label{color:#b2966b;font-size:10px}.list-title{display:flex;justify-content:space-between;align-items:center;margin:5px 0}.list-title h2{font-family:Amiri,serif;font-size:29px;color:#263f34;margin:0;line-height:1.3}.list-head p{color:#a1aa9f;margin:0;font-size:11px}.round-add{border:0;background:#294338;color:#f4ebd6;width:32px;height:32px;border-radius:7px;display:grid;place-items:center}.round-add:hover{background:#405b4b}.note-list-items{overflow-y:auto;min-height:0;flex:1;padding:11px}.note-list-item{width:100%;border:1px solid transparent;border-bottom:1px solid #efece5;padding:15px 13px 13px;text-align:right;display:block;background:transparent;border-radius:7px;margin-bottom:3px}.note-list-item:hover{background:#f6f2e9}.note-list-item.selected{border:1px solid #dbc9a9;background:#f6f0e4;box-shadow:inset 3px 0 #bb9961}.list-note-top{display:flex;align-items:center;gap:7px;color:#7b9183;font-size:9px}.list-book-dot{width:7px;height:7px;border-radius:2px;flex-shrink:0}.list-time{margin-right:auto;color:#aab0a6}.note-list-item h3{color:#334a3e;font-family:Amiri,serif;font-size:20px;font-weight:700;line-height:1.4;margin:9px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-list-item p{font-size:10.5px;line-height:1.8;color:#9b9f97;margin:0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-note-bottom{display:flex;gap:5px;align-items:center;color:#a7aca3;font-size:9px}.favorite-tiny{color:#b9965b;margin-right:auto}.empty-list{text-align:center;padding:55px 14px;color:#96a397}.empty-list svg{margin:auto}.empty-list h3{font-family:Amiri,serif;font-size:21px;color:#4f6558;margin:12px 0 3px}.empty-list p{font-size:11px}.empty-list button{border:1px solid #b89a68;background:#fffaf0;color:#907244;padding:9px 12px;border-radius:6px;margin-top:12px}.editor-pane{min-width:0;display:flex;flex-direction:column;background:#f8f6f0;position:relative}.editor-toolbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #e8e5dc;background:#fffdf8;flex-shrink:0;gap:10px}.editor-toolbar-breadcrumb{display:flex;align-items:center;gap:9px;color:#8c998b;font-size:11px;white-space:nowrap}.editor-toolbar-breadcrumb strong{color:#4b6354;font-weight:600}.editor-toolbar-breadcrumb svg:nth-of-type(2){opacity:.6}.editor-actions{display:flex;align-items:center;gap:7px;position:relative}.save-indicator{color:#7a9a7c;font-size:10px;display:flex;align-items:center;gap:7px;white-space:nowrap;padding-left:11px;border-left:1px solid #e9e4db;margin-left:8px}.save-indicator.saving{color:#b19469}.save-indicator.error{color:#ad6555}.active-action{color:#b6924b!important}.more-wrapper{position:relative}.note-dropdown{position:absolute;top:36px;left:0;z-index:8;min-width:205px;padding:7px;background:#fffefa;border:1px solid #e7e1d4;box-shadow:0 14px 32px #213d2622;border-radius:9px}.note-dropdown button{display:flex;align-items:center;gap:10px;padding:10px 8px;width:100%;border:0;border-radius:5px;color:#40594a;background:transparent;font-size:11px;text-align:right}.note-dropdown button:hover{background:#f5f1e8}.note-dropdown button.danger{color:#ad6358}.editor-scroller{min-height:0;flex:1;overflow-y:auto;padding:24px clamp(20px,4.7vw,80px) 0}.paper{background:var(--paper);max-width:970px;min-height:100%;display:flex;flex-direction:column;margin:auto;border:1px solid #ece7db;border-radius:3px 3px 0 0;padding:39px clamp(35px,6.5vw,98px) 20px;box-shadow:0 7px 26px #4b60440c}.paper-heading{display:flex;align-items:center;justify-content:center;gap:17px;color:#baa581;font-size:10px}.paper-ornament{color:#bba174;font-size:11px}.note-title-input{font-family:Amiri,serif;font-weight:700;color:#2c473a;font-size:34px;line-height:1.5;background:transparent;border:0;outline:none!important;width:100%;margin:37px 0 14px;text-align:right;direction:inherit}.note-title-input::placeholder{color:#b7bcb2}.note-title-input:disabled,.note-body:disabled{opacity:.7}.title-divider{display:flex;align-items:center;gap:9px;color:#c0a77e;font-size:11px;width:100%;margin-bottom:25px}.title-divider span{height:1px;flex:1;background:#eee9dc}.note-body{outline:none!important;border:0;resize:none;min-height:450px;flex:1;width:100%;color:#42584a;font-size:15px;line-height:2.3;font-weight:400;background:transparent;padding:0;white-space:pre-wrap;overflow:visible}.note-body::placeholder{color:#b8bdb3}.editor-footer{height:50px;display:flex;justify-content:space-between;align-items:center;padding:0 29px;gap:10px;border-top:1px solid #e8e5dc;font-size:10px;color:#a0a99e;background:#fdfcf8;flex-shrink:0}.editor-footer>div{display:flex;align-items:center;gap:6px}.footer-dot{width:6px;height:6px;background:#8cae93;border-radius:50%}.footer-divide{color:#c1c6bf}.empty-editor{margin:auto;padding:32px;text-align:center;max-width:400px;display:flex;flex-direction:column;align-items:center}.empty-editor-art{height:115px;width:115px;border:1px solid #e8dfcb;color:#b69b72;background:#fffaf0;border-radius:50%;display:grid;place-items:center;margin-bottom:28px;box-shadow:0 0 0 10px #eee9dd55}.empty-editor h2{font-family:Amiri,serif;color:#355044;font-size:33px;margin:13px 0 1px}.empty-editor p{font-size:12px;line-height:2.1;color:#929e92;margin:0 0 23px}.start-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:#d8bea0;background:var(--forest)}.start-emblem{width:85px;height:100px;display:grid;place-items:center;color:#d8bf8a;border:2px solid #a18b5f;font-family:Georgia,serif;font-size:67px}.start-screen h1{color:#f6f1e7;font-family:Amiri,serif;font-size:36px;margin:0}.start-screen p{font-size:13px;color:#c3d0c6}.spin{animation:rotate 1.3s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.modal-layer{position:fixed;z-index:90;inset:0;background:#0e251dcc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px}.modal-card{background:#fffefa;border:1px solid #d9c8aa;box-shadow:0 30px 65px #0a1d1970;width:min(100%,490px);border-radius:13px;position:relative;padding:35px 39px 32px;max-height:90dvh;overflow-y:auto}.modal-close{position:absolute;left:19px;top:18px;background:#f5f0e6;border:0;color:#718175;display:grid;place-items:center;width:29px;height:29px;border-radius:50%}.modal-top-icon{background:#f5eee0;color:#a98a57;width:53px;height:53px;display:grid;place-items:center;border-radius:10px;margin-bottom:16px}.modal-eyebrow{color:#b69561;font-size:10px}.modal-card h2{font-size:28px;color:#2f4b3a;font-family:Amiri,serif;line-height:1.5;margin:5px 0 0}.modal-description{font-size:11px;color:#8c988d;line-height:2;margin:0 0 23px}.field-label{font-size:11px;color:#617567;display:block;margin-bottom:10px;font-weight:600}.modal-input{background:#faf8f3;border:1px solid #e4ddd1;border-radius:7px;width:100%;padding:12px 14px;margin-bottom:19px;font-size:12px;color:#30473a;outline:none}.modal-input:focus{border-color:#b69b70}.color-options,.icon-options{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:23px}.color-options button{width:30px;height:30px;border:2px solid transparent;border-radius:50%;display:grid;place-items:center;color:#fff}.color-options button.chosen{outline:2px solid #b59c70;outline-offset:3px}.icon-options button{height:36px;width:39px;color:#799084;display:grid;place-items:center;border:1px solid #ebe5d8;border-radius:7px;background:#faf8f2}.icon-options button.chosen{background:#eadcc1;border-color:#b89b6c;color:#947241}.modal-buttons{display:flex;gap:11px;justify-content:flex-end;border-top:1px solid #eee9e0;padding-top:23px}.ghost-button{border:1px solid #e5e0d6;background:transparent;color:#829087;border-radius:7px;padding:11px 18px;font-size:11px}.settings-feature{border:1px solid #eee8dd;border-radius:9px;padding:15px;margin-bottom:10px;display:flex;align-items:center;gap:13px;color:#ae905e}.settings-feature div{flex:1;display:flex;flex-direction:column;gap:4px}.settings-feature strong{color:#425a48;font-size:12px}.settings-feature small{color:#9ca79b;font-size:9px;line-height:1.8}.settings-feature>button{border:1px solid #d6c4a6;padding:7px 11px;background:#fff9ed;border-radius:5px;color:#89683f;font-size:10px}.settings-note{background:#f9f4e9;border-radius:7px;color:#877b67;padding:13px;display:flex;align-items:flex-start;gap:9px;line-height:1.9;font-size:10px;margin-top:18px}.settings-note svg{flex-shrink:0}.modal-finish{background:#314c3f;color:#fff;margin-top:22px;border:0;border-radius:6px;padding:11px 25px;width:100%}.toast{position:fixed;bottom:26px;left:30px;z-index:100;display:flex;align-items:center;gap:10px;background:#273f33;color:#fff8e7;border:1px solid #b3915d66;box-shadow:0 8px 23px #142a1e50;padding:12px 16px;border-radius:8px;font-size:11px;max-width:min(420px,calc(100vw - 35px))}.toast>button{margin-right:auto;border:0;background:transparent;color:#d3cbb9;display:grid;place-items:center}.mobile-back{display:none}@media(min-width:1600px){.notes-layout{grid-template-columns:360px minmax(0,1fr)}.hero-card{min-height:320px}.hero-copy,.dashboard-content{padding-top:53px}}@media(max-width:1250px){.app-shell{grid-template-columns:239px minmax(0,1fr)}.topbar{padding:0 23px;gap:15px}.top-date{display:none!important}.hero-copy{padding:32px 38px}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-row{gap:10px}.stat-card{padding:14px 11px;gap:9px}.stat-icon{width:39px;height:43px}.notes-layout{grid-template-columns:285px minmax(0,1fr)}}@media(max-width:1000px){.app-shell{grid-template-columns:218px minmax(0,1fr)}.brand{padding-right:13px;gap:8px}.brand-seal{width:44px;height:49px}.brand h1{font-size:25px}.brand-eyebrow{font-size:7px;letter-spacing:1.1px}.top-search kbd{display:none}.top-search{width:28vw}.dashboard-content{padding:33px 28px}.stats-row,.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notes-layout{grid-template-columns:260px minmax(0,1fr)}.editor-toolbar{padding:0 15px}.save-indicator span{display:none}.paper{padding:26px 35px}.editor-scroller{padding:18px 20px 0}}@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;right:0;top:0;bottom:0;width:min(86vw,295px);transform:translate(105%);transition:transform .23s;box-shadow:-12px 0 26px #071f2355}.sidebar.open{transform:translate(0)}.mobile-backdrop{position:fixed;z-index:15;inset:0;background:#0e2319aa}.main-area{width:100vw}.topbar{height:66px;padding:0 15px;gap:10px}.mobile-menu-button{display:block}.mobile-menu-button button{color:#40594a;border:0;background:#f3f0e8;display:grid;place-items:center;padding:8px;border-radius:7px}.top-breadcrumb{display:none}.top-search{width:auto;flex:1}.top-settings{display:none}.top-actions{gap:0}.top-new{padding:10px}.top-new span{display:none}.dashboard-content{padding:29px 19px}.intro-row{align-items:flex-start}.intro-row h2{font-size:31px}.long-date{display:none}.hero-card{min-height:255px}.hero-copy{width:80%;padding:31px 27px}.hero-copy h3{font-size:28px}.hero-copy p{max-width:210px;line-height:1.7}.book-art{left:-65px;transform:rotate(-16deg) scale(.82);opacity:.6}.hero-ring{left:-90px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.book-card{padding:17px 14px 11px;min-height:173px}.recent-grid{grid-template-columns:1fr}.stats-row{gap:9px}.stat-card{padding:12px 10px;min-height:81px}.stat-icon{width:37px;height:39px}.stat-card strong{font-size:22px}.stat-card span{font-size:9px}.section-heading h3{font-size:26px}.section-heading>button{font-size:10px;padding:7px 9px}.dashboard-footer span:first-child{display:none}.notes-layout{grid-template-columns:1fr}.notes-list-pane{width:100%}.notes-layout.show-mobile-editor .notes-list-pane{display:none}.notes-layout:not(.show-mobile-editor) .editor-pane{display:none}.editor-toolbar{height:63px}.mobile-back{display:grid;place-items:center;border:0;color:#536b5c;background:transparent;padding:6px 2px}.editor-scroller{padding:9px 8px 0}.paper{border:0;padding:24px 25px 0;box-shadow:none}.note-title-input{font-size:30px}.note-body{font-size:14px;min-height:50vh}.editor-footer{padding:0 13px;font-size:9px}.list-head{padding:22px 23px}.note-list-items{padding:13px}.note-list-item{padding:20px 17px}.note-list-item h3{font-size:23px}.modal-card{padding:28px 23px}.toast{left:14px;bottom:14px}}@media(max-width:380px){.stats-row{grid-template-columns:1fr 1fr}.stat-card{gap:6px}.stat-icon{width:31px}.hero-copy{width:92%;padding-right:23px}.book-art{opacity:.35}.book-card{min-height:163px}.intro-row h2{font-size:27px}.editor-toolbar-breadcrumb{font-size:10px;gap:5px}.save-indicator{margin-left:0;padding-left:3px}}@media print{.sidebar,.topbar,.notes-list-pane,.editor-toolbar,.editor-footer{display:none!important}.app-shell,.main-area,.notes-layout,.editor-pane,.editor-scroller,.paper{display:block!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important;border:0!important;box-shadow:none!important;background:#fff!important;padding:0!important}.note-title-input,.note-body{width:100%;font-family:Amiri,serif;resize:none;overflow:visible}.note-body{min-height:80vh}}.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:24px 15px;background:radial-gradient(circle at 50% 15%,#456354,#1c362d 61%,#10291f)}.auth-card{width:min(100%,460px);background:#fffdf6;border:1px solid #d0ac72;box-shadow:0 30px 100px #05180ecc;border-radius:16px;padding:31px clamp(22px,5vw,46px) 25px;text-align:center;color:#314738;position:relative}.auth-card:before{content:"";pointer-events:none;position:absolute;inset:9px;border:1px solid #d8c8a9;border-radius:9px}.auth-monogram{display:grid;place-items:center;margin:0 auto 15px;width:66px;height:79px;border:2px double #b49561;background:#244135;color:#dec18e;font:52px Georgia,serif;box-shadow:inset 0 0 0 4px #244135,inset 0 0 0 5px #b49561}.auth-eyebrow{font-family:Georgia,serif;letter-spacing:2px;font-size:9px;color:#a58a62}.auth-card h1{font:700 42px Amiri,serif;line-height:1.45;margin:5px 0 0}.auth-subtitle{font-size:12px;color:#8f9e90;margin:0}.auth-divider{color:#b59a6d;display:flex;align-items:center;gap:15px;justify-content:center;margin:23px 0;font-size:15px}.auth-divider:before,.auth-divider:after{content:"";height:1px;width:32%;background:#e5d9c2}.auth-card h2{font:700 25px Amiri,serif;margin:0}.auth-hint{font-size:12px;line-height:1.9;color:#768779;margin:3px 0 20px}.auth-card form{text-align:right}.auth-card form label{display:block;color:#4f6354;margin-bottom:9px;font-size:12px;font-weight:600}.auth-input-wrap{display:flex;gap:12px;align-items:center;background:#faf7ef;border:1px solid #ded1b9;color:#ad8d5c;padding:0 13px;border-radius:8px;height:48px}.auth-input-wrap:focus-within{border-color:#b18e57;box-shadow:0 0 0 3px #b18e571b}.auth-input-wrap input{border:0;outline:0;background:transparent;min-width:0;flex:1;color:#2b4335;font-size:14px;direction:ltr;text-align:left}.auth-submit{border:1px solid #96784d;color:#fff6e7;border-radius:8px;background:linear-gradient(135deg,#c3a16e,#a78350);min-height:47px;width:100%;margin-top:16px;display:flex;gap:10px;justify-content:center;align-items:center;font-size:13px;font-weight:700}.auth-submit:disabled{opacity:.65;cursor:wait}.auth-error,.auth-success{padding:9px 11px;margin-top:12px;border-radius:7px;font-size:11px;line-height:1.7}.auth-error{color:#a33c31;background:#fff0ed}.auth-success{color:#36694a;background:#eef7ef;display:flex;gap:7px;align-items:center}.auth-secondary{display:flex;justify-content:space-between;margin-top:14px}.auth-secondary button{font-size:11px;color:#8a6c3e;background:none;border:0;text-decoration:underline}.auth-foot{margin-top:29px;padding-top:14px;border-top:1px solid #e8e0d2;display:flex;align-items:center;justify-content:center;gap:9px;color:#728878;font-size:10px}