@font-face{font-family:Hauora;src:url(/fonts/Hauora-Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Gogol;src:url(/fonts/Gogol%20Regular.ttf) format("truetype");font-weight:400;font-style:normal}body{margin:0;font-family:Hauora;background-image:url(/assets/wood1-CXZWODLP.jpg);background-attachment:fixed;background-size:cover}body.cursor-highlight{cursor:url(/cursors/pen1.png) 8 24,auto}body.cursor-erase{cursor:url(/cursors/eraser1.png) 8 24,auto}.toolbar-wrapper{position:sticky;top:12px;z-index:100;display:flex;justify-content:center}.toolbar{display:flex;align-items:center;gap:16px;padding:10px 16px;background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;transition:all .2s ease}.toolbar-icon{width:22px;height:22px;cursor:pointer}.toolbar span{cursor:pointer}.collapse{margin-left:8px}.toolbar.collapsed .collapse{margin-left:0}.toolbar.collapsed{padding:8px 12px;gap:0}.toolbar.collapsed span:not(.collapse){display:none}.layout{display:flex;gap:24px;padding:24px;align-items:flex-start}.text-area{background-image:url(/assets/paper-Cr-_hIP0.jpg);background-attachment:fixed;background-size:cover;flex:1;box-shadow:0 8px 24px #0000000d;padding:24px;margin-left:50px}.notes-sidebar{background-image:url(/assets/paper-Cr-_hIP0.jpg);background-attachment:fixed;background-size:cover;font-family:Gogol;font-size:22px;width:350px;padding:16px;top:64px;position:sticky;clip-path:polygon(0% 2%,15% 3%,35% 2%,55% 4%,75% 3%,100% 2%,100% 98%,85% 97%,65% 99%,45% 96%,25% 98%,0% 97%);max-height:calc(100vh - 120px);overflow-y:auto}.note-title{font-family:Gogol;font-size:30px}.note-btn{font-family:Hauora;padding:8px 16px;border-radius:12px;border-width:1px;border-color:#000;margin:4px;font-size:12px;cursor:pointer;background-color:#fff}.note-item{font-family:Hauora;font-size:14px;line-height:1;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #eee}.note-text{font-family:Gogol;font-size:22px;background:#fff3a0;padding:4px 6px;border-radius:6px;margin-bottom:6px}.notes-sidebar textarea{font-family:Hauora;width:100%;margin-top:6px}.story-block{max-width:850px;margin:0 auto 120px}.story-layout{display:flex;gap:18px}.story-decor{width:150px;flex-shrink:0;background-image:url(/src/assets/test.png);background-repeat:repeat-y;background-size:100px 200px}.story-content{text-indent:50px;flex:1}.story-title{text-indent:0px;font-size:40px;margin-bottom:60px}.text-area p{font-size:16px;text-align:justify;line-height:1.5;margin-bottom:20px}.contents{position:absolute;top:56px;left:50vw;background:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 8px 24px #0000001f;min-width:200px}.contents h4{margin:0 0 8px;font-size:14px}.contents ul{list-style:none;padding:0;margin:0}.contents li{padding:6px 0;cursor:pointer}.contents li:hover{text-decoration:underline}.highlight{-webkit-user-select:none;user-select:none;padding:2px 4px;border-radius:4px}.highlight.yellow{background:#bcc5d6}.highlight.pink{background:#fcd4b0}.highlight.green{background:#f3eac8}.color-picker{display:flex;gap:6px;position:absolute;top:56px;background:#fff;padding:6px;border-radius:8px;box-shadow:0 4px 12px #00000026}.color-btn{width:20px;height:20px;border-radius:50%;border:none;cursor:pointer}.color-btn.yellow{background:#bcc5d6}.color-btn.pink{background:#fcd4b0}.color-btn.green{background:#f3eac8}.color-btn.active{outline:2px solid black}.highlight-wrapper{position:relative;display:inline}.note-icon{margin-left:4px;cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none}.note-popup{text-indent:0px;position:fixed;right:360px;top:120px;width:260px;background:#fff;padding:12px;border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:1000}.note-popup textarea{font-family:Hauora;font-size:12px;width:100%;min-height:80px;resize:none}.note-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.clamped-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.landing{font-family:Hauora;padding:60px 100px;background-image:url(/assets/paper1-Bhtpxgrx.jpg);background-attachment:fixed;background-size:cover;color:#111}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:start;margin-bottom:120px}.hero-left h1{font-size:88px;font-weight:400;line-height:.95;letter-spacing:-1px;margin:0}.btn{margin-top:40px;padding:10px 26px;border:1px solid #111;border-radius:999px;background:transparent;cursor:pointer;font-size:20px}.hero-right{display:flex;justify-content:flex-end}.hero-right img{margin-top:200px;width:600px;height:350px;object-fit:cover}.description{margin:140px 0 100px}.big-text{margin-left:200px;font-size:40px;line-height:1.3;max-width:820px}.accent{font-family:Gogol;font-size:60px;margin-left:20px;display:inline-block}.about{display:grid;grid-template-columns:320px 1fr;gap:60px;align-items:start;margin-bottom:140px}.about img{margin-top:50px;width:422px;height:340px;object-fit:cover}.about-text{margin-top:50px;margin-left:340px;max-width:700px;font-size:24px;line-height:1}.features{line-height:.8;font-size:40px;display:grid;grid-template-columns:1fr 360px;gap:80px;margin-bottom:140px}.features-left h2{font-size:30px;line-height:1.3;font-weight:400;margin-bottom:30px}.placeholder{width:100%;height:240px;border:1px solid #aaa}.content{margin-top:40px}.content h2{font-size:36px;margin-bottom:20px}.hand{font-size:60px;font-family:Gogol;margin-right:10px}.features-list{font-size:24px;line-height:.2}.contents-list{font-size:24px;line-height:.1}.fade-section{opacity:0;transform:translateY(30px) scale(.98);transition:opacity .8s ease,transform .8s ease}.fade-section.visible{opacity:1;transform:translateY(0) scale(1)}.footer{margin-top:160px;background:#111;color:#fff;padding:60px 100px}.footer-content{max-width:600px;font-size:14px;line-height:1.6}.footer p{font-family:Hauora;font-size:16px;margin:6px 0;opacity:.8}