@import"https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600&family=Lora:ital,wght@0,400;0,500;1,400&display=swap";:root{font-family:Golos Text,Arial,sans-serif;color:#44483f;background:#f1ede5;font-synthesis:none;font-weight:400;--muted:#8a8c80;--line:#dcdcd0;--accent:#6d795c}*{box-sizing:border-box}body{margin:0;overscroll-behavior:none}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #899872;outline-offset:4px}button,select,.date-picker{touch-action:manipulation}svg{width:22px;height:22px;flex-shrink:0}button svg{vertical-align:middle}a{color:inherit;text-decoration:none}.app-shell{height:100dvh;min-height:530px;display:flex;flex-direction:column;padding:max(0px,var(--tg-content-safe-area-inset-top,0px),env(safe-area-inset-top)) max(20px,var(--tg-content-safe-area-inset-right,0px),env(safe-area-inset-right)) max(12px,var(--tg-content-safe-area-inset-bottom,0px),env(safe-area-inset-bottom)) max(20px,var(--tg-content-safe-area-inset-left,0px),env(safe-area-inset-left));background-image:radial-gradient(#9e927e0d .7px,transparent .7px);background-size:5px 5px}.app-header{height:86px;min-height:86px;display:flex;align-items:center;justify-content:space-between;max-width:1480px;width:100%;margin:0 auto;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:10px;font-family:Lora,Georgia,serif;font-size:29px;letter-spacing:-1px}.wordmark-dot{color:#984d40}.seal{font-family:serif;font-size:20px;color:#fcf6e7;background:#934d40;width:29px;height:32px;display:grid;place-items:center;transform:rotate(-4deg);border-radius:2px;letter-spacing:0}.header-caption{font-size:11px;color:#8c8b7d;letter-spacing:1.2px}.save-status{font-size:11px;display:flex;align-items:center;gap:8px;color:#737d69}.save-status>span{width:5px;height:5px;background:#7a8865;border-radius:50%}.save-status.saving>span{background:#c49b57}.save-status.error{color:#a04a3b}.save-status.error>span{background:#a04a3b}.journal-layout{width:100%;max-width:1300px;display:grid;grid-template-columns:200px minmax(0,1fr) 170px;gap:44px;flex:1;min-height:0;margin:0 auto}.day-sidebar{padding-top:61px;position:relative}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#96988a}.month{font-family:Lora,Georgia,serif;font-size:23px;margin-top:26px;text-transform:capitalize}.month span{font-family:Golos Text,sans-serif;font-size:11px;color:#919282;margin-left:4px}.big-day{font-family:Lora,Georgia,serif;font-size:88px;line-height:1.3;font-weight:400;letter-spacing:-6px;color:#67745a;margin-left:-5px}.weekday{font-size:12px;color:#7f856f;letter-spacing:1px;text-transform:capitalize}.side-rule{width:30px;height:1px;background:#c7caba;margin-top:36px}.side-note{font-family:Lora,Georgia,serif;font-size:17px;line-height:1.65;color:#7d806e;margin:24px 0}.leaf-mark{color:#80906c;margin:26px 0 15px;transform:rotate(-12deg);width:34px}.leaf-mark svg{width:32px;height:32px;stroke-width:1}.sidebar-small{font-size:10px;line-height:1.9;color:#989989}.volume{position:absolute;bottom:30px;font-size:9px;letter-spacing:2px;color:#939784;line-height:2.7}.volume span{font-size:13px;letter-spacing:7px;opacity:.6}.journal{display:flex;flex-direction:column;min-height:0;min-width:0}.date-toolbar{height:94px;min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:12px}.date-eyebrow{font-size:8px;letter-spacing:2px;color:#969485}.date-title h1{font-family:Lora,Georgia,serif;font-size:21px;font-weight:400;margin:7px 0 0;white-space:nowrap}.date-actions{display:flex;align-items:center;gap:1px}.icon-button{display:inline-grid;place-items:center;width:38px;height:40px;border-radius:6px}.icon-button:hover:not(:disabled){background:#dfdfd2}.icon-button svg{width:18px;height:18px}.today-button{font-size:10px;border:1px solid #d6d8c9;padding:8px 10px;border-radius:5px;margin-left:7px}.date-picker{width:34px;height:40px;display:grid;place-items:center;position:relative;cursor:pointer}.date-picker svg{width:17px;height:17px}.date-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;color-scheme:light}.date-picker input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;cursor:pointer}.canvas-wrap{position:relative;flex:1;min-height:0}.canvas-host{width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:none;outline:none}.canvas-host[data-tool=pen]{cursor:crosshair}.canvas-host[data-tool=hand]{cursor:grab}.canvas-host[data-tool=hand]:active{cursor:grabbing}.canvas-host[data-tool=eraser]{cursor:cell}.paper-tab{position:absolute;z-index:0;right:8%;top:65px;background:#849173;color:#f7f4e9;padding:12px 6px;writing-mode:vertical-rl;font-family:serif;font-size:11px;letter-spacing:5px;border-radius:0 3px 3px 0;display:none}.first-stroke{position:absolute;top:29%;left:0;right:0;text-align:center;pointer-events:none;color:#a0a18f;-webkit-user-select:none;user-select:none}.first-stroke>span{font-family:Lora,Georgia,serif;font-size:20px;font-style:italic}.first-stroke small{display:block;margin-top:12px;font-size:10px;letter-spacing:.4px;color:#a8a999}.first-stroke svg{display:block;width:75px;height:42px;margin:14px auto;stroke:#a8ac95;stroke-width:1.2;fill:none}.page-footer{height:40px;min-height:40px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#989889;padding:0 18px}.page-footer>span{text-transform:capitalize}.zoom-controls{display:flex;align-items:center;gap:5px}.zoom-controls button{height:30px;min-width:26px;font-size:16px}.zoom-controls .zoom-value{font-size:10px;min-width:39px;font-variant-numeric:tabular-nums}.zoom-controls svg{width:15px;height:15px}.right-sidebar{padding-top:66px}.right-sidebar>p{font-family:Lora,Georgia,serif;font-size:18px;line-height:1.7;margin-top:23px;color:#818571}.right-sidebar>p em{font-style:italic}.paper-sample{position:relative;background:#e1e6d8;width:132px;height:156px;box-shadow:1px 3px 10px #7169510c;transform:rotate(5deg);margin:44px 0 50px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.paper-sample:before{content:"";position:absolute;top:-10px;left:35px;width:57px;height:23px;background:repeating-linear-gradient(90deg,#beaa7b75 0 3px,#cdbb9280 3px 6px);transform:rotate(-7deg);opacity:.7}.paper-sample>span{font-family:serif;color:#768165;font-size:31px;letter-spacing:10px;margin-left:10px}.paper-sample>small{font-size:8px;letter-spacing:.7px;color:#8a927b}.paper-setting{font-size:10px}.paper-setting label{display:block;margin-bottom:10px;color:#a0a18d}.paper-setting select{max-width:160px;border:0;border-bottom:1px solid #d4d7c7;border-radius:0;background:transparent;padding:8px 16px 8px 0;color:#7c806c;font-size:10px;outline-offset:4px}.text-button{display:flex;align-items:center;gap:6px;font-size:9px;color:#969987;margin-top:21px;padding:5px 0}.text-button svg{width:13px;height:13px}.desk-footer{max-width:1050px;width:100%;margin:0 auto;flex-shrink:0;padding-top:8px}.pencil-case{display:flex;justify-content:center;align-items:center;gap:23px;background:#fcfaf4;border:1px solid #e1dfd3;border-radius:13px;padding:10px 22px;width:max-content;max-width:100%;margin:0 auto;box-shadow:0 4px 16px #55482c06}.tool-group{display:flex;gap:6px}.tool{display:flex;flex-direction:column;gap:7px;align-items:center;width:60px;height:62px;justify-content:center;border-radius:8px;color:#8b8e80;font-size:9px}.tool.selected{background:#e8ecdf;color:#59684a}.tool svg{width:21px;height:21px}.case-divider{height:40px;width:1px;background:#e3e4da}.pen-settings{width:157px}.colors{display:flex;align-items:center;gap:13px;padding:4px 2px}.swatch{background:var(--swatch);height:18px;width:18px;border-radius:50%;position:relative;border:2px solid #fcfaf4;outline:1px solid transparent;padding:0}.swatch.chosen{outline-color:var(--swatch)}.width-control{display:flex;align-items:center;gap:9px;font-size:8px;color:#9b9c8e;margin-top:10px}.width-control input{width:76px;height:2px;accent-color:#758163}.width-control>span{width:12px;text-align:right;font-variant-numeric:tabular-nums}.history-controls{display:flex;gap:1px}.gesture-hint{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#999c8c;margin:17px 0 0;min-height:15px}.gesture-hint i{display:inline-block;width:3px;height:3px;border-radius:50%;background:#b8bdac;margin:0 10px 2px}.local-note{font-size:8px;letter-spacing:.3px}.local-note button{font-size:10px;color:#7e876e}.empty-state{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:#8a907b;font-size:12px;text-align:center;padding:20px}.empty-state button{border:1px solid #ccc;padding:10px}.tab-warning{position:absolute;inset:0;background:#f1ede5e8;display:flex;align-items:center;padding:40px;font-size:13px}.save-error{background:#fae9df;color:#8c4c39;font-size:11px;padding:12px;border-radius:7px;margin-bottom:6px;display:flex;align-items:center;gap:10px}.save-error button{border:1px solid #b8876a;white-space:nowrap;padding:6px;border-radius:4px}@media(min-width:1500px){.journal-layout{max-width:1350px;grid-template-columns:225px minmax(0,1fr) 200px;gap:65px}.app-shell{padding-left:60px;padding-right:60px}}@media(max-height:810px)and (min-width:1000px){.sidebar-small,.leaf-mark{display:none}.side-rule{margin-top:20px}.side-note{margin-top:18px}.paper-sample{margin:30px 0;height:135px}.app-header{height:68px;min-height:68px}.date-toolbar{height:77px;min-height:77px}}@media(max-width:1100px){.journal-layout{grid-template-columns:155px minmax(0,1fr);gap:24px;max-width:930px}.right-sidebar{display:none}.header-caption{font-size:9px}.pencil-case{gap:18px}.desk-footer{max-width:790px}.day-sidebar{padding-left:10px}}@media(max-width:700px){.app-shell{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right));padding-bottom:max(10px,env(safe-area-inset-bottom),var(--tg-content-safe-area-inset-bottom,0px));min-height:480px}.app-header{height:58px;min-height:58px;margin:0 9px;width:calc(100% - 18px)}.wordmark{font-size:25px;gap:8px}.seal{width:24px;height:27px;font-size:17px}.header-caption{display:none}.save-status{font-size:9px;gap:5px}.day-sidebar{display:none}.journal-layout{display:flex}.journal{width:100%}.date-toolbar{height:72px;min-height:72px;padding:0 10px;gap:6px}.date-title h1{font-size:16px;margin-top:5px}.date-eyebrow{font-size:7px;letter-spacing:1.5px}.date-actions .icon-button{width:30px}.date-picker{width:26px}.today-button{display:none}.canvas-wrap{margin:0 -5px}.page-footer{height:34px;min-height:34px;padding:0 11px}.first-stroke>span{font-size:16px}.first-stroke small{font-size:9px}.first-stroke{top:28%}.desk-footer{padding-top:4px}.pencil-case{width:100%;padding:9px 10px;gap:10px;border-radius:12px}.tool-group{gap:2px}.tool{width:40px;height:51px;font-size:8px;gap:6px}.tool svg{width:20px;height:20px}.case-divider{height:35px}.pen-settings{width:120px;flex-shrink:0}.colors{gap:8px;padding:1px}.swatch{width:17px;height:17px;min-width:17px}.width-control{font-size:7px;gap:4px;margin-top:10px}.width-control input{width:65px}.history-controls{flex-direction:column;gap:0}.history-controls .icon-button{width:27px;height:26px}.history-controls svg{width:17px;height:17px}.gesture-hint{display:flex;flex-direction:column;gap:7px;justify-content:center;margin-top:11px;font-size:8px}.local-note{font-size:7px}.gesture-hint i{margin-left:7px;margin-right:7px}.save-error{font-size:9px;flex-wrap:wrap}.paper-tab{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}