@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
.sidebar .brand{width:max-content;display:block}.brand-logo-frame{position:relative;display:block;width:112px;height:112px;overflow:hidden;border-radius:18px;background:white}.sidebar .brand-logo-frame .brand-mark{position:absolute;display:block;width:108.225%;height:153.07%;max-width:none;left:-4.113%;top:-29.697%;object-fit:fill}
.color-scale{position:relative}.color-scale summary{display:flex;align-items:center;gap:7px;min-height:40px;padding:7px 10px;border:1px solid #dceaf5;border-radius:8px;cursor:pointer;font-size:11px;color:#55758f;list-style:none}.color-scale summary::-webkit-details-marker{display:none}.spectrum-icon{width:20px;height:20px;border-radius:50%;background:conic-gradient(#f66,#fc5,#8d8,#5cf,#98f,#f66)}.color-scale[open] summary{background:#edf6ff;border-color:#8cbce2}.color-panel{position:absolute;top:calc(100% + 8px);right:0;width:250px;padding:17px;background:white;border:1px solid #dceaf5;border-radius:12px;box-shadow:0 8px 30px #315b7c25;z-index:5}.color-field,.hue-field{display:flex;flex-direction:column;gap:10px;font-size:11px;color:#55758f}.color-field input{width:100%;height:48px;padding:3px;border:1px solid #dceaf5;border-radius:7px;background:white;cursor:pointer}.hue-field{margin-top:16px}#color-hue{appearance:none;-webkit-appearance:none;width:100%;height:18px;margin:4px 0 8px;border-radius:9px;background:linear-gradient(to right,#f44,#ff4,#4e4,#4ee,#44f,#e4e,#f44);cursor:pointer;touch-action:pan-y}#color-hue::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:25px;height:25px;background:transparent;border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px #55758f}#color-hue::-moz-range-thumb{width:20px;height:20px;background:transparent;border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px #55758f}.color-current{display:flex;align-items:center;gap:9px;margin-top:13px}.color-current>span{width:23px;height:23px;border:1px solid #dceaf5;border-radius:6px}.color-current output{font-size:12px;font-family:monospace;color:#355775}.color-current small{font-size:9px;color:#819aaf;margin-left:auto}@media(max-width:720px){.color-panel{right:auto;left:0;width:230px}}
.toolbar{flex-wrap:wrap}.brush-picker{display:flex;flex-wrap:wrap;gap:4px;border-left:1px solid #e1ebf3;padding-left:8px}.brush-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;min-width:54px;padding:6px;border-radius:7px;font-size:9px;color:#6688a2;touch-action:manipulation}.brush-button.active{background:#ffead9;color:#a95321;box-shadow:inset 0 0 0 1px #efbc95}.brush-symbol{font-size:20px;line-height:20px}.tool{min-height:40px}.drawing-mode{touch-action:none;user-select:none;-webkit-user-select:none}.drawing-mode textarea{pointer-events:none}.drawing-mode canvas{z-index:1}.editor-footer{flex-wrap:wrap;gap:8px}
:root{--accent:#c66a2b;--ink:#293c50;--muted:#8499ad;--border:#dfeaf3;--bg:#f4f9fd}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:var(--bg);display:flex;height:100dvh;font-size:14px}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #68aee1;outline-offset:3px}button:hover{filter:brightness(.94)}.sidebar{width:252px;flex-shrink:0;background:#eaf4fc;padding:36px 23px 0;display:flex;flex-direction:column;border-right:1px solid var(--border)}.brand{font-family:Manrope,sans-serif;font-size:31px;font-weight:800;color:#315b7c;text-decoration:none;letter-spacing:-1.7px;display:flex;align-items:center;gap:9px}.brand{gap:11px;letter-spacing:-1px}.brand-mark{width:52px;height:52px;flex-shrink:0}.brand-name{display:flex;align-items:baseline;font-size:33px;letter-spacing:-1.5px}.brand-dot{color:#ed934d;margin-left:2px}.tagline{font-size:11px;color:#7b96ac;margin:7px 0 32px}.primary{background:var(--accent);color:white;border-radius:9px;padding:14px;width:100%;font-weight:600;box-shadow:0 4px 9px #c66a2b14}.search{display:flex;align-items:center;gap:9px;border:1px solid #d1e4f2;border-radius:8px;padding:8px 11px;margin:21px 0 30px;color:#819aaf}.search span{font-size:24px;line-height:1}.search input{width:100%;border:0;outline:0;background:none;font-size:12px}.section-label{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#7e9ab0;margin:0 10px 13px}nav button{width:100%;display:flex;align-items:center;text-align:left;gap:12px;padding:13px 12px;border-radius:7px;margin-bottom:4px;font-size:12px;color:#5c7e99}nav button.active{background:#d7eafb;color:#315f83;font-weight:700}nav button .nav-icon{font-size:18px}nav button small{margin-left:auto;color:#7798b3;font-weight:400}.book-dot{width:9px;height:9px;border-radius:3px;margin:4px;background:var(--book-color)}.add-book{font-size:12px;text-align:left;padding:15px 12px;color:#7895ad}.sidebar-bottom{margin-top:auto;padding:30px 12px 24px}.privacy-icon{font-size:24px;color:#80b6de;margin-bottom:8px}.sidebar-bottom strong{font-size:12px;font-weight:500}.sidebar-bottom p{font-size:11px;color:#8199ae;line-height:1.9}.sidebar-bottom button{font-size:11px;color:#4d83aa;padding:8px 7px 8px 0}.profile{border-top:1px solid #d3e5f3;display:flex;align-items:center;gap:10px;padding:20px 2px;font-size:12px}.profile>span:first-child{display:grid;place-items:center;width:33px;height:33px;background:#d7eafa;border-radius:50%;color:#4b7d9f}.profile small{display:block;font-size:10px;color:#809ab0;margin-top:4px}.online{width:6px;height:6px;background:#f3a25f;border-radius:50%;margin-left:auto}main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:77px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--border);background:#fcfeff}.breadcrumb{font-size:12px;color:#8da1b3}.breadcrumb span{padding:0 13px;color:#c5d7e5}.breadcrumb strong{font-weight:500;color:#55758f}.top-actions{display:flex;align-items:center;gap:23px}.top-actions>span{font-size:11px;color:#5984a5}.icon{min-width:36px;min-height:36px;border-radius:7px;font-size:22px;color:#6b8ba4;display:inline-grid;place-items:center}.icon:hover{background:#e2f0fb}.workspace{display:flex;flex:1;min-height:0}.page-list{width:300px;flex-shrink:0;padding:37px 20px 20px;border-right:1px solid var(--border);display:flex;flex-direction:column}.list-heading{display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:8px;letter-spacing:1.8px;color:#8aa3b6;font-weight:700;margin:0 0 11px}h1{font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.8px;margin:0}h1 span{font-family:'DM Sans',sans-serif;font-size:10px;vertical-align:middle;letter-spacing:0;color:#b96b36;background:#fff0e2;border-radius:5px;padding:3px 6px;margin-left:7px}.list-subtitle{color:#90a6b8;font-size:11px;margin:12px 0 28px}#notes{overflow:auto;flex:1}.note-card{text-align:left;width:100%;padding:19px 17px;background:#ffffff;border:1px solid #dfebf5;border-radius:10px;margin-bottom:12px;min-height:135px;position:relative}.note-card.active{background:#edf6ff;border-color:#8cbce2;box-shadow:0 3px 8px #4279a106}.note-card .category{font-size:9px;color:#6292b5;display:block;margin-bottom:12px}.note-card strong{font-family:Manrope,sans-serif;font-size:13px;display:block;font-weight:700}.note-card p{font-size:11px;color:#829db2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:9px 0 16px}.note-card .card-bottom{display:flex;justify-content:space-between;color:#91a8ba;font-size:9px}.card-star{position:absolute;right:15px;top:15px;color:#df8a40}.list-footer{color:#a0b6c7;text-align:center;font-size:10px;padding-top:15px}.editor{flex:1;min-width:0;display:flex;flex-direction:column;background:#edf5fb}.editor-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 32px 17px}.notebook-label{color:#be703a;background:#fff0e2;font-size:10px;padding:5px 9px;border-radius:4px}.date{font-size:10px;color:#90a5b6;margin-left:13px}.toolbar{display:flex;align-items:center;gap:13px;margin:0 32px 21px;padding:8px 10px;background:#ffffff;border:1px solid #dceaf5;border-radius:10px;box-shadow:0 2px 6px #00000002}.tool-group{display:flex;gap:3px}.tool{height:36px;padding:0 10px;font-size:20px;border-radius:6px;display:flex;align-items:center;gap:6px}.tool span{font-size:10px}.tool.active{background:#ffead9;color:#a95321}.divider{height:22px;width:1px;background:#e1ebf3}.colors{display:flex;gap:9px}.colors button{background:var(--color);width:15px;height:15px;border-radius:50%;padding:0;border:3px solid transparent;background-clip:padding-box;box-sizing:content-box}.colors button.selected{border-color:#a9cce8}.toolbar select{font-size:10px;color:#6688a2;border:0;background:transparent;max-width:78px;padding:6px 0}.toolbar-end{margin-left:auto;display:flex;align-items:center;gap:6px}.paper-scroll{overflow:auto;flex:1;padding:0 32px 25px}.paper{background-color:#ffffff;box-shadow:0 3px 18px #365b7d10;min-height:820px;max-width:900px;margin:auto;padding:35px 47px 20px;position:relative;border:1px solid #e1edf6;border-radius:3px}.paper-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#92aabc;padding-bottom:28px}.paper-meta span{letter-spacing:1px}#note-title{border:0;outline:none;background:none;width:100%;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:32px;color:#355775;padding:0 0 24px;letter-spacing:-.8px}.writing-area{position:relative;height:650px;background-position:0 0}.lined .writing-area{background-image:repeating-linear-gradient(transparent 0,transparent 35px,#e2edf7 35px,#e2edf7 36px)}.grid .writing-area{background-image:linear-gradient(#e2edf7 1px,transparent 1px),linear-gradient(90deg,#e2edf7 1px,transparent 1px);background-size:24px 24px}#note-body{height:100%;width:100%;border:0;resize:none;background:none;outline:0;padding:3px 0 0;line-height:36px;font-size:14px;color:#56738b;font-family:'DM Sans',sans-serif}#note-body::placeholder{color:#a4b8c8}canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;touch-action:none}.paper-foot{text-align:center;font-size:7px;letter-spacing:2px;color:#b2c5d4;padding-top:26px}.editor-footer{display:flex;justify-content:space-between;padding:13px 33px;border-top:1px solid var(--border);font-size:9px;color:#8ca6ba}.editor-footer i{display:inline-block;height:5px;width:5px;background:#ee9a57;border-radius:50%;margin-left:6px}.mobile-menu{display:none}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#c66a2b;color:white;padding:12px 22px;border-radius:9px;display:none;z-index:20;font-size:12px}.empty{color:#829fb5;font-size:12px;padding:30px 10px;text-align:center}@media(min-width:1500px){.page-list{width:330px}.paper-scroll{padding-left:55px;padding-right:55px}}@media(max-width:1150px){.sidebar{width:208px;padding-left:17px;padding-right:17px}.page-list{width:245px;padding-left:15px;padding-right:15px}.toolbar{gap:6px;margin-left:20px;margin-right:20px}.tool span{display:none}.paper-scroll{padding-left:20px;padding-right:20px}.paper{padding-left:32px;padding-right:32px}.colors{gap:3px}}@media(max-width:900px){.sidebar{width:184px}.page-list{width:210px}.date{display:none}.editor-heading{padding:18px 20px}.toolbar{flex-wrap:wrap}.toolbar-end{margin-left:0}.tool{padding:0 7px}.paper{padding:27px 23px}#note-title{font-size:27px}}@media(max-width:720px){.sidebar{display:none;position:fixed;top:62px;bottom:0;z-index:10;width:235px;box-shadow:10px 0 40px #0002}.sidebar.open{display:flex}.mobile-menu{display:grid}.topbar{height:62px;padding:0 15px;gap:8px}.breadcrumb{margin-right:auto;font-size:10px}.breadcrumb span{padding:0 6px}.top-actions{gap:7px}.top-actions>span{font-size:9px}.workspace{flex-direction:column}.page-list{width:100%;height:170px;padding:15px;border-right:0;border-bottom:1px solid var(--border)}.eyebrow,.list-subtitle,.list-footer{display:none}h1{font-size:18px}.list-heading{margin-bottom:8px}#notes{display:flex;gap:8px;overflow-x:auto}.note-card{width:190px;min-width:190px;min-height:78px;padding:10px;margin:0}.note-card .category{margin:0 0 6px;font-size:8px}.note-card strong{font-size:11px}.note-card p,.card-bottom{display:none!important}.editor{min-height:0}.editor-heading{padding:10px 17px 5px}.toolbar{margin:0 12px 12px;padding:5px;gap:5px}.toolbar-end{margin-left:auto}.paper-scroll{padding:0 12px 15px}.paper{padding:23px;min-height:800px}.paper-meta{padding-bottom:20px}#note-title{font-size:26px}.editor-footer{padding:10px 15px}}@media print{body{height:auto;background:white}.sidebar,.topbar,.page-list,.editor-heading,.toolbar,.editor-footer{display:none}.workspace,.editor,main{display:block}.paper-scroll{overflow:visible;padding:0}.paper{box-shadow:none;border:0}.paper-foot{display:none}}