:root{--desk-bg:#2c1f14;--page-cream:#f7f3ec;--grid-line:#b4a58c38;--ink-black:#1a1a1a;--ink-blue:#3a5fa0;--ink-red:#c0392b;--font-title:var(--font-architects), var(--font-caveat), cursive, sans-serif;--font-body:var(--font-patrick), var(--font-caveat), cursive, sans-serif}html,body{margin:0;padding:0}@keyframes scribX{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#0000004d;border-radius:5px}#desk{box-sizing:border-box;width:max-content;min-width:100%;min-height:100vh;font-family:var(--font-body);background-color:#2c1f14;background-image:radial-gradient(90% 60% at 50% -10%,#8c62384d,#0000 70%),radial-gradient(70% 80% at 50% 120%,#0000008c,#0000 70%),repeating-linear-gradient(91deg,#00000021 0 3px,#0000 3px 9px),repeating-linear-gradient(91deg,#ffddb007 0 1px,#0000 1px 6px);flex-direction:column;align-items:center;padding:34px 24px 60px;display:flex}#closed-overlay{z-index:38;background-color:#2c1f14;background-image:radial-gradient(90% 60% at 50% -10%,#8c62384d,#0000 70%),radial-gradient(70% 80% at 50% 120%,#0000008c,#0000 70%),repeating-linear-gradient(91deg,#00000021 0 3px,#0000 3px 9px),repeating-linear-gradient(91deg,#ffddb007 0 1px,#0000 1px 6px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#cover{cursor:pointer;background:linear-gradient(135deg,#34302b,#1b1a18 52%,#0c0b0a);border-radius:5px 12px 12px 5px;width:540px;height:740px;position:relative;overflow:hidden;box-shadow:0 50px 100px #0000009e,0 18px 40px #00000080,inset 0 1px #ffffff12,inset -3px 0 10px #00000080,inset 10px 0 18px #0000008c}#cover .grain{background-image:repeating-linear-gradient(94deg,#fff0dc05 0 2px,#0000 2px 5px),radial-gradient(at 30% 18%,#ffe6c80d,#0000 60%);position:absolute;inset:0}#cover .spine-edge{background:linear-gradient(90deg,#0000008c,#ffffff0d 60%,#0003);width:16px;position:absolute;top:0;bottom:0;left:0}#cover .band{background:linear-gradient(90deg,#2f3d57,#52688f 50%,#283349);width:10px;position:absolute;top:0;bottom:0;right:46px;box-shadow:0 0 8px #00000073}#cover .frame{border:1px solid #d6c9b429;border-radius:3px;position:absolute;inset:46px 40px}#cover .title{text-align:center;font-family:var(--font-caveat),cursive;color:#dcceb86b;letter-spacing:2px;text-shadow:0 1px 2px #000000b3;font-size:50px;font-weight:700;position:absolute;top:39%;left:0;right:0}#cover .year{text-align:center;font-family:var(--font-caveat),cursive;color:#dcceb84d;letter-spacing:10px;font-size:26px;position:absolute;top:51%;left:0;right:0}#cover .hint{text-align:center;font-family:var(--font-caveat),cursive;color:#dcceb88c;letter-spacing:1px;font-size:20px;position:absolute;bottom:42px;left:0;right:0}.page{box-sizing:border-box;width:600px;min-height:944px;font-family:var(--font-body);background-color:#f7f3ec;background-image:repeating-linear-gradient(90deg,#b4a58c38 0 1px,#0000 1px 24px),repeating-linear-gradient(#b4a58c38 0 1px,#0000 1px 24px);transition:box-shadow .2s;position:relative}.page-left{border-radius:12px 0 0 12px;padding:24px 24px 48px;box-shadow:-2px 2px #f0ebdf,-3px 3px #4a341e1f,-4px 4px #ebdcb9,-5px 5px #4a341e1f,-6px 6px 1px #d6cbab,-10px 10px 24px #00000059}.page-right{border-radius:0 12px 12px 0;padding:24px 48px 48px 24px;box-shadow:2px 2px #f0ebdf,3px 3px #4a341e1f,4px 4px #ebdcb9,5px 5px #4a341e1f,6px 6px 1px #d6cbab,10px 10px 24px #00000059}.month-title{font-family:var(--font-title);letter-spacing:2px;color:#2a2118;font-size:38px;font-weight:700;line-height:.95}.month-title-wrap{align-items:center;min-width:180px;display:inline-flex;position:relative}.month-title-input{font-family:var(--font-title);letter-spacing:2px;color:#0000;caret-color:#2a2118;text-transform:uppercase;background:0 0;border:none;outline:none;width:100%;margin:0;padding:0;font-size:38px;font-weight:700;line-height:.95}.month-title-ink{font-family:var(--font-title);letter-spacing:2px;color:#2a2118;text-transform:uppercase;pointer-events:none;white-space:pre;align-items:center;font-size:38px;font-weight:700;line-height:.95;display:flex;position:absolute;inset:0;overflow:hidden}.month-year{font-family:var(--font-title);letter-spacing:5px;color:#5a4632;margin-top:2px;font-size:22px;font-weight:600}.month-rule{border-bottom:2.5px solid #2a2118;border-radius:40%;width:188px;height:0;margin-top:5px;transform:rotate(-.4deg)}.motto-bubble{width:150px;height:92px;position:relative}.motto-border{background:#f7f3ec66;border:2px solid #2a2118;border-radius:14px 16px 13px 17px;position:absolute;inset:0}.motto-tail{background:#f7f3ec;border-bottom:2px solid #2a2118;border-right:2px solid #2a2118;width:14px;height:14px;position:absolute;bottom:-9px;left:30px;transform:rotate(45deg)}.motto-input{resize:none;text-align:center;font-family:var(--font-body);letter-spacing:1px;color:#0000;caret-color:#2a2118;text-transform:uppercase;background:0 0;border:none;outline:none;padding:18px 12px;font-size:18px;font-weight:600;line-height:1.05;position:absolute;inset:0}.motto-input:focus{caret-color:#2a2118}.motto-ink{box-sizing:border-box;color:#2a2118;letter-spacing:1px;text-transform:uppercase;pointer-events:none;white-space:pre-wrap;flex-wrap:wrap;justify-content:center;align-items:center;padding:18px 12px;font-size:21px;font-weight:600;line-height:1.05;display:flex;position:absolute;inset:0}.section-label{font-family:var(--font-title);letter-spacing:2.5px;color:#2a2118;font-size:21px;font-weight:700}.section-rule{border-bottom:1.5px solid #6b563d;width:232px;height:0;margin-top:2px}.moment-row{align-items:flex-end;height:24px;display:flex}.day-num{box-sizing:border-box;text-align:right;color:#7a6244;flex:none;width:24px;padding-right:6px;font-size:14px;line-height:23px}.moment-wrap{flex:1;min-width:0;display:flex;position:relative}.moment-input{min-width:0;font-family:var(--font-body);color:#0000;caret-color:#1f1b16;background:0 0;border:none;border-bottom:1px solid #96826480;outline:none;flex:1;height:22px;padding:0 5px;font-size:16px}.moment-input:focus{border-bottom-color:#3a2d1e}.moment-ink{box-sizing:border-box;color:#1f1b16;pointer-events:none;white-space:pre;align-items:center;padding:0 5px;font-size:16px;display:flex;position:absolute;inset:0;overflow:hidden}.habit-head{box-sizing:border-box;justify-content:center;align-items:flex-end;height:144px;display:flex}.habit-head:hover{background:#1a1a1a0a}.habit-head-label{writing-mode:vertical-rl;color:#2a2118;white-space:nowrap;letter-spacing:.4px;margin-bottom:5px;font-size:14px;font-weight:600;transform:rotate(180deg)}.habit-dot{flex:none;margin-bottom:4px}.add-habit-btn{cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:flex-end;width:24px;height:144px;padding:0;display:flex}.add-habit-btn span{color:#1a1a1a38;padding-bottom:2px;font-size:22px;line-height:1}.add-habit-btn:hover span{color:#1a1a1a99}.habit-cell{box-sizing:border-box;flex:none;justify-content:center;align-items:center;height:24px;display:flex;position:relative}.habit-cell:not(.weight):hover{background:#1a1a1a0d}.weight-input{text-align:center;width:100%;height:100%;font-family:var(--font-body);color:#0000;caret-color:#1a1a1a;background:0 0;border:none;outline:none;padding:0;font-size:15px}.weight-ink{color:#1a1a1a;pointer-events:none;justify-content:center;align-items:center;font-size:15px;display:flex;position:absolute;inset:0}.x-bar{pointer-events:none;border-radius:1px;height:1.8px;position:absolute;top:50%;left:50%}.score-input{text-align:center;width:22px;height:20px;font-family:var(--font-body);color:#0000;caret-color:#3a2d1e;background:0 0;border:none;outline:none;padding:0;font-size:13px}.score-ink{color:#3a2d1e;pointer-events:none;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;inset:0}.next-month-input{min-width:0;font-family:var(--font-body);color:#0000;caret-color:#1f1b16;background:0 0;border:none;border-bottom:1px solid #96826480;outline:none;flex:1;height:20px;padding:0 5px;font-size:15px}.next-month-input:focus{border-bottom-color:#3a2d1e}.next-month-ink{box-sizing:border-box;color:#1f1b16;pointer-events:none;white-space:pre;align-items:center;padding:0 5px;font-size:15px;display:flex;position:absolute;inset:0;overflow:hidden}.habit-popover{z-index:30;background:#fbf8f1;border:1.5px solid #2a2118;border-radius:6px;width:196px;padding:14px 14px 12px;position:absolute;top:10px;right:10px;box-shadow:0 12px 26px #281a0c66}.habit-popover .pop-title{letter-spacing:1px;color:#2a2118;margin-bottom:8px;font-size:18px;font-weight:700}.habit-popover input[type=text]{box-sizing:border-box;width:100%;font-family:var(--font-body);color:#1f1b16;text-transform:uppercase;background:0 0;border:none;border-bottom:1.5px solid #8a7458;outline:none;margin-bottom:12px;padding:2px 2px 4px;font-size:18px}.habit-popover input[type=text]:focus{border-bottom-color:#2a2118}.pop-color-row{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:2px 4px;display:flex}.pop-swatch{flex:none;width:14px;height:14px;box-shadow:0 0 0 1px #00000026}.pop-confirm{color:#f7f3ec;cursor:pointer;background:#2a2118;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;line-height:1;display:flex}#book{transform-origin:64% 11%;background:linear-gradient(150deg,#2a2724,#161514 60%,#0e0d0c);border-radius:7px 9px 9px 7px;padding:15px;position:relative;box-shadow:0 38px 70px #0009,0 14px 26px #00000073,inset 0 1px #ffffff0d}#book .band{display:none}#stage{perspective:2400px;background:0 0;border-radius:12px;display:flex;position:relative}#stage .spine-shadow{z-index:6;pointer-events:none;background:linear-gradient(90deg,#0000,#4a341e0d 24%,#281a0c42 50%,#4a341e0d 76%,#0000);width:42px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}#stage .curl{z-index:4;pointer-events:none;background:linear-gradient(#0000,#4a341e1a);border-radius:0 0 12px 12px;height:34px;position:absolute;bottom:0;left:0;right:0}.blank-title-input{box-sizing:border-box;width:100%;font-family:var(--font-title);color:#2a2118;background:0 0;border:none;border-bottom:1.5px solid #6b563d80;outline:none;padding:0 4px 4px;font-size:24px;font-weight:600}.blank-title-input:focus{border-bottom-color:#2a2118}.blank-textarea{resize:none;font-family:var(--font-body);color:#1f1b16;caret-color:#1f1b16;box-sizing:border-box;background:0 0;border:none;outline:none;flex:1;width:100%;margin-top:24px;padding:0 4px;font-size:17px;line-height:24px}.bottom-action-btn{cursor:pointer;font-family:var(--font-body);color:#e6d7c1;background:0 0;border:1px solid #e6d7c152;border-radius:20px;padding:5px 16px;font-size:17px}.bottom-action-btn:hover{background:#e6d7c11a}@media (max-width:900px){#desk,#spread-wrap{width:100%}#book{box-sizing:border-box;width:100%}#stage{width:100%}#stage .spine-shadow{display:none}#left-page-slot,#right-page-slot{flex:0 0 100%;width:100%}#right-page-slot,#stage.mobile-show-right #left-page-slot{display:none}#stage.mobile-show-right #right-page-slot{display:block}.page{width:100%}.page-right{overflow-x:auto}}.float-nav{z-index:40;width:48px;height:48px;font-family:var(--font-caveat),cursive;color:#e6d7c1;cursor:pointer;-webkit-user-select:none;user-select:none;background:#140c0452;border:1px solid #e6d7c138;border-radius:50%;justify-content:center;align-items:center;font-size:34px;line-height:1;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.float-nav:hover{background:#140c0480}.float-prev{left:18px}.float-next{right:18px}.float-shelf{z-index:40;color:#e6d7c1;cursor:pointer;background:#140c0452;border:1px solid #e6d7c138;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex;position:fixed;top:18px;left:18px}.float-shelf:hover{background:#140c0480}.float-contents{z-index:40;color:#e6d7c1;cursor:pointer;background:#140c0452;border:1px solid #e6d7c138;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex;position:fixed;top:18px;left:70px}.float-contents:hover{background:#140c0480}.right-actions{z-index:40;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:flex-end;gap:10px;position:fixed;top:80px;right:18px}@media (max-width:900px){.right-actions{top:auto;bottom:14px;right:8px}}.page-turn-anim{animation:.4s cubic-bezier(.36,.02,.26,1) mobile-page-turn}@keyframes mobile-page-turn{0%{opacity:.35;transform-origin:0;transform:translate(7%)rotateY(11deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.page-turn-anim{animation:none}}@media (max-width:900px){.float-prev{left:6px}.float-next{right:6px}.float-nav{width:40px;height:40px;font-size:28px}}.example-stamp{z-index:20;font-family:var(--font-caveat),cursive;letter-spacing:6px;color:#c0392b57;pointer-events:none;text-transform:uppercase;border:4px solid #c0392b57;border-radius:8px;padding:4px 22px;font-size:46px;font-weight:700;position:absolute;top:60px;left:50%;transform:translate(-50%)rotate(-8deg)}#stationery-pen-btn{z-index:34;color:#1c0e07;cursor:pointer;background:linear-gradient(135deg,#e6c280,#c5a018,#aa820a);border:2.5px solid #1c0e07;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s;display:none;position:fixed;top:100px;left:24px;box-shadow:0 6px 16px #00000073,inset 0 1px 2px #ffffff40}#stationery-pen-btn:hover{transform:scale(1.1)rotate(10deg);box-shadow:0 8px 20px #0000008c}#stationery-pen-btn:active{transform:scale(.95)}#stationery-tray{z-index:35;box-sizing:border-box;background:linear-gradient(135deg,#443124,#2c1a0e);border:3px solid #1c0e07;border-left:5px solid #c5a018;border-radius:6px;width:170px;padding:14px 10px;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:100px;left:-184px;box-shadow:0 16px 36px #0000008c,inset 0 1px 3px #ffffff14}#stationery-tray.open{left:24px}#tray-close-btn{color:#e6d7c173;cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:22px;line-height:1;transition:color .15s,transform .1s;position:absolute;top:6px;right:6px}#tray-close-btn:hover{color:#e6d7c1;transform:scale(1.15)}.tray-title{font-family:var(--font-title);text-transform:uppercase;color:#ebdcb9;text-shadow:0 1.5px 2px #000000e6;letter-spacing:1.5px;text-align:center;border-bottom:1.5px solid #e6d7c124;margin-bottom:10px;padding-bottom:6px;font-size:18px;font-weight:700}.tray-section-label{font-family:var(--font-title);color:#e6d7c173;text-transform:uppercase;letter-spacing:1px;text-align:center;margin-top:10px;margin-bottom:6px;font-size:13px;font-weight:600}.tray-btn-grid{flex-direction:column;gap:6px;display:flex}.tray-btn{color:#3d2f23;font-family:var(--font-body);cursor:pointer;box-sizing:border-box;text-align:center;background:#fcfaf6;border:1.5px solid #3d2f23;border-radius:4px;width:100%;padding:6px 8px;font-size:15px;font-weight:600;transition:background .15s,transform .1s,box-shadow .15s;box-shadow:0 2px 4px #00000026}.tray-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #00000040}.tray-btn:active{box-shadow:none;transform:translateY(0)}.tray-inks{flex-wrap:wrap;justify-content:center;gap:6px;margin:6px 0;display:flex}.tray-ink-well{cursor:pointer;border:1.5px solid #1c0e07;border-radius:50%;width:20px;height:20px;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 4px #0006}.tray-ink-well:hover,.tray-ink-well.active{border-color:#e6d7c1;transform:scale(1.22);box-shadow:0 4px 8px #00000080}.tray-stickers-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px;display:grid}.tray-sticker-item{cursor:pointer;box-sizing:border-box;background:#0c060373;border:1.5px solid #b4a58c26;border-radius:4px;justify-content:center;align-items:center;height:32px;padding:4px;transition:transform .15s,background-color .15s,border-color .15s,box-shadow .15s;display:flex;box-shadow:inset 0 2px 4px #00000080}.tray-sticker-item:hover{background-color:#ffffff14;border-color:gold;transform:scale(1.18)rotate(-3deg);box-shadow:0 4px 8px #0000004d}.tray-sticker-item svg{width:100%;max-width:24px;height:100%;max-height:24px}@media (max-width:1300px){#stationery-pen-btn{width:44px;height:44px;top:90px;left:8px}#stationery-tray{left:-184px}#stationery-tray.open{left:8px}}.marker-highlight{color:#1a1a1a;text-shadow:0 .5px #fff6;background:#f1c40f52;border-radius:3px 12px 4px 10px;padding:0 6px;font-weight:700;display:inline-block;transform:rotate(-1.5deg);box-shadow:1px 1px 3px #f1c40f1f}.tracker-tab-switcher{align-items:flex-end;gap:16px;display:flex}.tracker-tab{font-family:var(--font-title);color:#5a4632;cursor:pointer;opacity:.45;-webkit-user-select:none;user-select:none;text-transform:lowercase;letter-spacing:.5px;background:0 0;border:none;border-radius:0;padding:0 1px 4px;font-size:18px;font-weight:600;transition:opacity .15s,color .15s;position:relative}.tracker-tab:hover{opacity:.8}.tracker-tab.active{opacity:1;color:#2a2118}.tracker-tab.active:after{content:"";border-bottom:2px solid #2a2118;border-radius:40%;height:0;position:absolute;bottom:0;left:0;right:0;transform:rotate(-.5deg)}.mood-btn-container{justify-content:space-between;align-items:center;width:48px;height:100%;display:flex}.mood-btn{cursor:pointer;opacity:.45;background:0 0;border:none;justify-content:center;align-items:center;width:15px;height:15px;margin:0;padding:0;font-size:13px;transition:opacity .15s,transform .15s;display:flex}.mood-btn:hover{opacity:.95;transform:scale(1.2)}.mood-btn.selected{opacity:1;outline-offset:1px;border-radius:50%;outline:1.2px dashed #2a2118;transform:scale(1.3)}.habit-cell .cell-glyph{width:100%;height:100%;font-family:var(--font-title);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:16px;font-weight:600;line-height:1;display:flex}.settings-section{margin-bottom:30px}.settings-section-label{font-family:var(--font-title);text-transform:uppercase;letter-spacing:1px;color:#7a6244;font-size:16px;font-weight:700}.settings-rule{border-bottom:2px solid #2a2118;border-radius:40%;width:60%;height:0;margin:2px 0 12px;transform:rotate(-.4deg)}.settings-mode-row{align-items:flex-end;gap:18px;display:flex}.settings-mode-btn{font-family:var(--font-title);color:#5a4632;cursor:pointer;opacity:.45;text-transform:lowercase;background:0 0;border:none;padding:0 1px 5px;font-size:22px;font-weight:600;transition:opacity .15s,color .15s;position:relative}.settings-mode-btn:hover{opacity:.8}.settings-mode-btn.active{opacity:1;color:#2a2118}.settings-mode-btn.active:after{content:"";border-bottom:2px solid #2a2118;border-radius:40%;height:0;position:absolute;bottom:0;left:0;right:0;transform:rotate(-.5deg)}.settings-doodle-arrow{font-family:var(--font-title);color:#9b8a6f;margin-left:4px;padding-bottom:6px;font-size:15px}.settings-title-input{box-sizing:border-box;width:100%;font-family:var(--font-title);color:#2a2118;background:0 0;border:none;border-bottom:2px solid #6b563d80;outline:none;padding:2px 2px 5px;font-size:24px}.settings-title-input:focus{border-bottom-color:#2a2118}.editor-rail{z-index:40;-webkit-backdrop-filter:blur(8px)saturate(1.1);background:#f7f3ecb8;border:1.5px solid #2a21182e;border-radius:22px;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;display:flex;position:fixed;top:50%;left:14px;transform:translateY(-50%);box-shadow:0 10px 24px #281a0c40}.editor-rail .rail-ink{cursor:pointer;border:1.5px solid #00000026;border-radius:50%;width:18px;height:18px;padding:0;transition:transform .12s}.editor-rail .rail-ink:hover{transform:scale(1.18)}.editor-rail .rail-divider{background:#2a21182e;width:60%;height:1px;margin:3px 0}.editor-rail .rail-btn{width:30px;height:30px;font-family:var(--font-title);color:#2a2118;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex}.editor-rail .rail-btn:hover{background:#2a21181a}@media (max-width:760px){.editor-rail{gap:4px;padding:8px 5px;left:6px}.editor-rail .rail-btn{width:26px;height:26px;font-size:15px}}.rail-pill-btn{-webkit-backdrop-filter:blur(8px)saturate(1.1);transition:background .15s,transform .12s;box-shadow:0 10px 24px #281a0c40;color:#2a2118!important;background:#f7f3ecb8!important;border:1.5px solid #2a21182e!important;border-radius:22px!important;padding:8px 20px!important}.rail-pill-btn:hover{transform:translateY(-1px);background:#f7f3eceb!important}@media (max-width:900px){html,body{overflow-x:hidden}#desk{padding:16px 10px 64px}.month-title{font-size:30px}.motto-bubble{width:116px;height:74px}.motto-input,.motto-ink{padding:12px 8px;font-size:16px}.page{min-height:auto}.page-left,.page-right{border-radius:12px;padding:18px 16px 28px;box-shadow:0 8px 20px #0000004d}.page-right{-webkit-overflow-scrolling:touch;overflow-x:auto}.blank-title-input,.month-title-input,.moment-input,.next-month-input,.weight-input,.score-input,.settings-title-input,.default-name-input,.habit-popover input[type=text],.auth-input{font-size:16px!important}.editor-rail{flex-direction:row;gap:8px;max-width:calc(100vw - 20px);padding:8px 12px;top:auto;bottom:14px;right:auto;overflow-x:auto;transform:translate(-50%);left:50%!important}.editor-rail .rail-divider{width:1px;height:22px;margin:0 2px}.editor-rail .rail-ink{width:20px;height:20px}.editor-rail .rail-btn{width:34px;min-width:34px;height:34px;font-size:16px}.float-shelf{top:12px;left:12px}.float-contents{top:12px;left:62px}.habit-popover{width:auto;max-width:calc(100vw - 16px);left:8px;right:8px}}
.tiptap-editor-container{flex-direction:column;flex:1;min-height:100%;display:flex}.tiptap{min-height:400px;font-family:var(--font-body);color:#1f1b16;caret-color:#1f1b16;box-sizing:border-box;outline:none;flex:1;margin-top:6px;font-size:20px;line-height:24px}.tiptap p{min-height:24px;margin:0;line-height:24px}.tiptap p.is-empty:before{color:#7a624473;content:attr(data-placeholder);float:left;pointer-events:none;height:0}.tiptap h1{font-family:var(--font-title);color:#2a2118;margin:0;font-size:28px;font-weight:700;line-height:48px}.tiptap h2{font-family:var(--font-title);color:#2a2118;margin:0;font-size:24px;font-weight:600;line-height:24px}.tiptap ul,.tiptap ol{margin:0;padding-left:24px}.tiptap [data-type=taskList],.tiptap [data-type=tasklist],.tiptap [data-type=taskList i],.tiptap [data-type=tasklist i]{margin:0!important;padding:0!important;list-style:none!important}.tiptap [data-type=taskList]>li,.tiptap [data-type=tasklist i]>li{flex-direction:row!important;align-items:flex-start!important;gap:8px!important;margin:0!important;padding:0!important;list-style:none!important;display:flex!important}.tiptap [data-type=taskList]>li>label,.tiptap [data-type=tasklist i]>li>label{flex:none!important;margin:0!important}.tiptap [data-type=taskList]>li>div,.tiptap [data-type=tasklist i]>li>div{flex:auto!important;min-width:0!important;margin:0!important}.tiptap [data-type=taskList]>li input[type=checkbox],.tiptap [data-type=tasklist i]>li input[type=checkbox]{appearance:none;cursor:pointer;box-sizing:border-box;background-color:#0000;border:1.5px solid #2a2118;border-radius:3px;flex-shrink:0;width:15px;height:15px;margin:0;position:relative}.tiptap [data-type=taskList]>li[data-checked=true] input[type=checkbox],.tiptap [data-type=tasklist i]>li[data-checked=true] input[type=checkbox]{background-color:#2a2118}.tiptap [data-type=taskList]>li[data-checked=true] input[type=checkbox]:after,.tiptap [data-type=tasklist i]>li[data-checked=true] input[type=checkbox]:after{content:"✓";color:#f7f3ec;font-size:11px;font-weight:700;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tiptap [data-type=taskItem],.tiptap [data-type=taskitem],.tiptap [data-type=taskItem i],.tiptap [data-type=taskitem i]{flex-flow:row!important;align-items:flex-start!important;min-height:24px!important;margin:0!important;padding:0!important;list-style:none!important;display:flex!important}.tiptap [data-type=taskItem] label,.tiptap [data-type=taskitem] label,.tiptap [data-type=taskItem i] label,.tiptap [data-type=taskitem i] label{-webkit-user-select:none!important;user-select:none!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:24px!important;height:24px!important;margin-right:8px!important;display:inline-flex!important}.tiptap [data-type=taskItem] label input[type=checkbox],.tiptap [data-type=taskitem] label input[type=checkbox],.tiptap [data-type=taskItem i] label input[type=checkbox],.tiptap [data-type=taskitem i] label input[type=checkbox]{appearance:none!important;cursor:pointer!important;box-sizing:border-box!important;background-color:#0000!important;border:1.5px solid #2a2118!important;border-radius:3px!important;flex-shrink:0!important;width:15px!important;height:15px!important;margin:0!important;padding:0!important;display:inline-block!important;position:relative!important}.tiptap [data-type=taskItem][data-checked=true] label input[type=checkbox],.tiptap [data-type=taskitem][data-checked=true] label input[type=checkbox],.tiptap [data-type=taskItem i][data-checked=true] label input[type=checkbox],.tiptap [data-type=taskitem i][data-checked=true] label input[type=checkbox]{background-color:#2a2118!important}.tiptap [data-type=taskItem][data-checked=true] label input[type=checkbox]:after,.tiptap [data-type=taskitem][data-checked=true] label input[type=checkbox]:after,.tiptap [data-type=taskItem i][data-checked=true] label input[type=checkbox]:after,.tiptap [data-type=taskitem i][data-checked=true] label input[type=checkbox]:after{content:"✓"!important;color:#f7f3ec!important;font-size:11px!important;font-weight:700!important;line-height:1!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.tiptap [data-type=taskItem]>:not(label),.tiptap [data-type=taskitem]>:not(label),.tiptap [data-type=taskItem i]>:not(label),.tiptap [data-type=taskitem i]>:not(label){flex:auto!important;min-width:0!important;margin:0!important;padding:0!important;line-height:24px!important;display:block!important}.tiptap [data-type=taskItem][data-checked=true]>:not(label),.tiptap [data-type=taskitem][data-checked=true]>:not(label),.tiptap [data-type=taskItem i][data-checked=true]>:not(label),.tiptap [data-type=taskitem i][data-checked=true]>:not(label){color:#1f1b1673!important;text-decoration:line-through!important}.tiptap li{margin:0;line-height:24px}.stickers-overlay{pointer-events:none;z-index:15;position:absolute;inset:0}.placed-sticker{pointer-events:auto;cursor:grab;-webkit-user-select:none;user-select:none;box-sizing:border-box;position:absolute}.placed-sticker:active{cursor:grabbing}.placed-sticker .sticker-img{pointer-events:none;filter:drop-shadow(0 4px 8px #281a0c47);width:100%;height:100%;transition:filter .15s;display:block}.placed-sticker.selected .sticker-img{filter:drop-shadow(0 6px 14px #281a0c61)}.placed-sticker.selected:after{content:"";pointer-events:none;border:1.5px dashed #8a7458;border-radius:4px;position:absolute;inset:-3px}.sticker-delete-btn{color:#fff;cursor:pointer;z-index:20;background:#c0392b;border:1.5px solid #f7f3ec;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:14px;font-weight:700;line-height:14px;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 4px #0000004d}.sticker-delete-btn:hover{background:#d62c1a;transform:scale(1.1)}.sticker-resize-handle{cursor:se-resize;z-index:20;background:#e6d7c1;border:1.5px solid #2a2118;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-6px;right:-6px;box-shadow:0 2px 4px #0000004d}.sticker-resize-handle:hover{background:#fff;transform:scale(1.1)}.slash-menu-popup{width:210px;max-height:280px;font-family:var(--font-body);background:#fbf8f1;border:1.5px solid #2a2118;border-radius:6px;overflow:hidden auto;box-shadow:0 12px 26px #281a0c59}.slash-menu-list{flex-direction:column;padding:4px 0;display:flex}.slash-menu-item{cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);background:0 0;border:none;flex-direction:column;align-items:flex-start;padding:6px 12px;transition:background .15s;display:flex}.slash-menu-item:hover,.slash-menu-item.is-selected{background:#2a211814;outline:none}.slash-menu-item-title{color:#2a2118;font-size:18px;font-weight:700;line-height:1.2}.slash-menu-item-desc{color:#7a6244;margin-top:1px;font-size:13px;line-height:1.1}.tiptap .blank-date-title-block{font-family:var(--font-title);color:#2a2118;box-sizing:border-box;border-bottom:1.5px solid #6b563d80;outline:none;width:100%;min-height:32px;padding-bottom:4px;font-size:24px;font-weight:600;line-height:24px;margin-bottom:12px!important}.tiptap .blank-date-title-block:focus{border-bottom-color:#2a2118}.tiptap .blank-date-title-block.is-empty:before{content:attr(data-placeholder);color:#7a624473;float:left;pointer-events:none;height:0}
.avatar-creator-panel{box-sizing:border-box;flex-direction:column;justify-content:space-between;height:800px;max-height:100%;padding:8px 4px;display:flex}.creator-header{margin-bottom:12px}.creator-title{font-family:var(--font-title);color:#2a2118;letter-spacing:.5px;text-transform:uppercase;margin:0 0 2px;font-size:26px;font-weight:700}.creator-subtitle{font-family:var(--font-body);color:#7a6244;opacity:.85;margin:0;font-size:16px}.creator-tabs{border-bottom:2px solid #2a2118;flex-wrap:wrap;gap:4px;margin-bottom:14px;padding-bottom:4px;display:flex}.creator-tab-btn{font-family:var(--font-title);color:#7a6244;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:1.5px solid #0000;border-bottom:none;border-radius:8px 8px 0 0;margin-bottom:-6px;padding:4px 10px;font-size:14px;font-weight:600;transition:all .2s}.creator-tab-btn:hover{color:#2a2118;background:#2a21180d}.creator-tab-btn.active{color:#2a2118;background:#f7f3ec;border-color:#2a2118;font-weight:700;box-shadow:0 -2px #f7f3ec}.creator-content{flex:1;min-height:0;margin-bottom:14px;padding-right:4px;overflow-y:auto}.options-section{flex-direction:column;gap:16px;display:flex}.section-group{flex-direction:column;gap:8px;display:flex}.group-label{font-family:var(--font-title);color:#2a2118;text-transform:uppercase;letter-spacing:.5px;font-size:15px;font-weight:700}.options-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;display:grid}.scrollable-grid{background:#f7f3ec59;border:1.5px dashed #8a74584d;border-radius:8px;max-height:250px;padding:8px;overflow-y:auto}.small-cells{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.option-card{cursor:pointer;box-sizing:border-box;background:#fbf8f1;border:1.5px solid #2a211840;border-radius:10px;outline:none;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:relative}.option-card:hover{border-color:#2a2118;transform:translateY(-2px);box-shadow:0 4px 8px #281a0c1a}.option-card.selected{background:#ebdcb9;border-width:2px;border-color:#2a2118;box-shadow:inset 0 0 6px #281a0c26}.option-preview-img{object-fit:contain;pointer-events:none;width:72px;height:72px}.small-cells .option-preview-img{width:56px;height:56px}.option-name{font-family:var(--font-body);color:#5a4632;text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;margin-top:6px;font-size:13px;overflow:hidden}.option-preview-placeholder{width:72px;height:72px;font-family:var(--font-body);color:#8a7458;border:1px dashed #2a211833;border-radius:4px;justify-content:center;align-items:center;font-size:14px;display:flex}.color-palette{flex-wrap:wrap;gap:8px;padding:4px 0;display:flex}.color-swatch{cursor:pointer;box-sizing:border-box;border:1.5px solid #2a21184d;border-radius:50%;outline:none;width:30px;height:30px;padding:0;transition:all .2s;position:relative;box-shadow:0 2px 4px #281a0c14}.color-swatch:hover{border-color:#2a2118;transform:scale(1.15)}.color-swatch.selected{border-width:2px;border-color:#2a2118;box-shadow:0 0 0 2px #f7f3ec,0 0 0 3.5px #2a2118}.bg-palette .color-swatch{border-radius:6px}.swatch-trans-x{color:#c0392b;justify-content:center;align-items:center;font-size:16px;font-weight:700;line-height:1;display:flex;position:absolute;inset:0}.toggle-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.switch-container{cursor:pointer;width:44px;height:22px;display:inline-block;position:relative}.switch-container input{opacity:0;width:0;height:0}.switch-slider{background-color:#2a21181a;border:1.8px solid #2a2118;border-radius:20px;transition:all .25s;position:absolute;inset:0}.switch-slider:before{content:"";background-color:#2a2118;border-radius:50%;width:12px;height:12px;transition:all .25s;position:absolute;bottom:3.5px;left:4px}.switch-container input:checked+.switch-slider{background-color:#ebdcb9}.switch-container input:checked+.switch-slider:before{transform:translate(20px)}.font-split{gap:12px;display:flex}.half-width{flex:1;min-width:0}.sub-color-group{align-items:center;gap:12px;margin-top:4px;display:flex}.sub-label{font-family:var(--font-body);color:#7a6244;font-size:14px}.mini-palette .color-swatch{width:22px;height:22px}.creator-footer{z-index:5;background:#f7f3ec;border-top:2px solid #2a2118;justify-content:space-between;align-items:center;margin-top:6px;padding-top:12px;display:flex}.creator-btn{color:#2a2118;font-family:var(--font-title);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:2px solid #2a2118;border-radius:12px;outline:none;padding:6px 12px;font-size:14px;font-weight:700;transition:all .15s;position:relative;top:-4px;box-shadow:0 4px #2a2118}.creator-btn:hover{background:#ebdcb9}.creator-btn:active{box-shadow:none;top:0}.btn-primary{color:#f7f3ec;background:#2a2118;box-shadow:0 4px #1b150f}.btn-primary:hover{background:#3e3328}.btn-primary:active{box-shadow:none;top:0}.creator-cancel-link{font-family:var(--font-body);color:#7a6244;cursor:pointer;background:0 0;border:none;margin-right:14px;padding:0;font-size:16px;line-height:1;text-decoration:underline}.creator-cancel-link:hover{color:#2a2118}.footer-right{align-items:center;display:flex}
.auth-desk{min-height:100vh;font-family:var(--font-patrick), cursive;background-color:#2c1f14;background-image:radial-gradient(90% 60% at 50% -10%,#8c62384d,#0000 70%),radial-gradient(70% 80% at 50% 120%,#0000008c,#0000 70%),repeating-linear-gradient(91deg,#00000021 0 3px,#0000 3px 9px),repeating-linear-gradient(91deg,#ffddb007 0 1px,#0000 1px 6px);justify-content:center;align-items:center;padding:24px;display:flex}.auth-journal{background-color:#1c1c1c;border-radius:6px;width:100%;max-width:1160px;height:780px;display:flex;position:relative;box-shadow:0 45px 90px #000000a6,0 18px 40px #00000080}.auth-edge{background-color:#141414;border-radius:6px 0 0 6px;flex:none;width:18px;height:100%;box-shadow:inset -2px 0 5px #0000004d}.auth-edge-right{border-radius:0 6px 6px 0;box-shadow:inset 2px 0 5px #0000004d}.auth-spine{z-index:5;background:linear-gradient(90deg,#00000059,#ffffff0d 50%,#00000059);flex:none;width:22px;height:100%;box-shadow:0 0 8px #00000059}.auth-leaf{box-sizing:border-box;background-color:#f7f3ec;flex-direction:column;flex:1;justify-content:space-between;min-width:0;padding:48px 44px;display:flex;position:relative;overflow-y:auto}.auth-leaf-grid{background-image:repeating-linear-gradient(90deg,#b4a58c38 0 1px,#0000 1px 24px),repeating-linear-gradient(#b4a58c38 0 1px,#0000 1px 24px)}.auth-leaf-left{border-radius:2px 0 0 2px;box-shadow:inset -10px 0 20px #0000000d}.auth-leaf-right{border-radius:0 2px 2px 0;box-shadow:inset 10px 0 20px #0000000d}.auth-howto-title{font-family:var(--font-architects), cursive;text-transform:uppercase;letter-spacing:.5px;color:#c0392b;border-bottom:2px dashed #1a1a1a2e;padding-bottom:6px;font-size:32px;font-weight:700;display:inline-block}.auth-howto-copy{font-family:var(--font-patrick), cursive;color:#5a4632;margin:24px 0 0;font-size:22px;line-height:1.35}.auth-howto-list{font-family:var(--font-patrick), cursive;color:#7a6244;flex-direction:column;gap:8px;margin:24px 0 0;padding-left:20px;font-size:20px;line-height:1.4;display:flex}.auth-howto-foot{border-top:1px dashed #00000026;margin-top:24px;padding-top:16px}.auth-howto-foot-h{font-family:var(--font-architects), cursive;text-transform:uppercase;letter-spacing:1px;color:#8a7458;font-size:16px;font-weight:700;display:block}.auth-howto-foot-s{font-family:var(--font-patrick), cursive;color:#9b8a6f;margin-top:4px;font-size:17px;display:block}.auth-stamp{text-align:center;background:#1a1a1a03;border:2px solid #1a1a1a38;border-radius:3px;margin-bottom:28px;padding:16px}.auth-stamp-sub{font-family:var(--font-architects), cursive;text-transform:uppercase;letter-spacing:2px;color:#8a7458;opacity:.75;font-size:15px;display:block}.auth-stamp-title{font-family:var(--font-architects), cursive;text-transform:uppercase;letter-spacing:1px;color:#2a2118;margin-top:4px;font-size:26px;font-weight:700;display:block}.auth-form{flex-direction:column;display:flex}.auth-field{flex-direction:column;margin-bottom:18px;display:flex}.auth-label{font-family:var(--font-architects), cursive;text-transform:uppercase;letter-spacing:.5px;color:#5a4632;opacity:.85;margin-bottom:6px;font-size:16px;font-weight:700;display:block}.auth-input{box-sizing:border-box;width:100%;font-family:var(--font-patrick), cursive;color:#1f1b16;background:0 0;border:none;border-bottom:1.5px solid #6b563d66;outline:none;padding:4px 4px 8px;font-size:22px;display:block}.auth-input:focus{border-bottom-color:#2a2118}.auth-pw-row{position:relative}.auth-pw-toggle{font-family:var(--font-patrick), cursive;color:#8a7458;cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:8px;right:6px}.auth-stamp-btn{cursor:pointer;font-family:var(--font-architects), cursive;text-transform:uppercase;letter-spacing:2px;color:#2a2118;background:0 0;border:2.5px solid #2a2118;border-radius:4px;align-self:center;margin-top:16px;padding:8px 32px;font-size:19px;font-weight:700;transition:background .2s,color .2s,transform .2s}.auth-stamp-btn:hover{color:#f7f3ec;background:#2a2118;transform:scale(1.02)}.auth-stamp-btn:disabled{opacity:.5;cursor:default}.auth-error{color:#c0392b;font-family:var(--font-patrick), cursive;margin:0 0 12px;font-size:19px}.auth-status{color:#2a2118;font-family:var(--font-patrick), cursive;font-size:20px}.auth-links{text-align:center;margin-top:20px;font-size:18px}.auth-links p{margin:8px 0}.auth-linkbtn{font-family:var(--font-patrick), cursive;color:#5a4632;cursor:pointer;background:0 0;border:none;padding:0;font-size:18px;text-decoration:underline}.auth-linkbtn:hover{color:#2a2118}@media (max-width:760px){.auth-journal{flex-direction:column;max-width:480px;height:auto}.auth-edge,.auth-edge-right,.auth-spine{display:none}.auth-leaf{padding:32px 24px;overflow:visible}}.shelf-desk{box-sizing:border-box;min-height:100vh;font-family:var(--font-patrick), cursive;background-color:#2c1f14;background-image:radial-gradient(90% 60% at 50% -10%,#8c62384d,#0000 70%),radial-gradient(70% 80% at 50% 120%,#0000008c,#0000 70%);padding:48px 24px 80px}.shelf-heading{text-align:center;color:#e6d7c1;font-family:var(--font-architects), cursive;letter-spacing:1px;margin:0 0 8px;font-size:38px}.shelf-sub{text-align:center;color:#e6d7c18c;font-family:var(--font-patrick), cursive;margin:0 0 40px;font-size:20px}.shelf-row{border-bottom:14px solid #20160d;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:30px;max-width:1000px;margin:0 auto;padding-bottom:18px;display:flex;box-shadow:0 18px 30px -18px #000000b3}.shelf-book{cursor:pointer;background:linear-gradient(135deg,#34302b,#1b1a18 52%,#0c0b0a);border-radius:4px 10px 10px 4px;justify-content:center;align-items:center;width:150px;height:210px;transition:transform .18s;display:flex;position:relative;box-shadow:0 22px 40px #00000080,inset 0 1px #ffffff12,inset 10px 0 18px #0000008c}.shelf-book:hover{transform:translateY(-8px)}.shelf-book .band{background:linear-gradient(90deg,#2f3d57,#52688f 50%,#283349);width:8px;position:absolute;top:0;bottom:0;right:18px}.shelf-book .year{color:#dcceb880;font-family:var(--font-patrick), cursive;letter-spacing:2px;font-size:34px;font-weight:700}.shelf-add{color:#e6d7c180;width:150px;height:210px;font-family:var(--font-patrick), cursive;cursor:pointer;background:0 0;border:2px dashed #e6d7c14d;border-radius:4px 10px 10px 4px;justify-content:center;align-items:center;font-size:24px;display:flex}.shelf-add:hover{color:#e6d7c1;border-color:#e6d7c199}.shelf-signout{font-family:var(--font-patrick), cursive;color:#e6d7c18c;cursor:pointer;background:0 0;border:none;margin:36px auto 0;font-size:19px;text-decoration:underline;display:block}.shelf-signout:hover{color:#e6d7c1}.auth-or{text-align:center;color:#8a7458;font-family:var(--font-patrick), cursive;align-items:center;margin:16px 0;font-size:18px;display:flex}.auth-or:before,.auth-or:after{content:"";border-bottom:1px solid #6b563d4d;flex:1}.auth-or:before{margin-right:10px}.auth-or:after{margin-left:10px}.auth-google{box-sizing:border-box;cursor:pointer;width:100%;font-family:var(--font-patrick), cursive;color:#2a2118;background:#fbf8f1;border:1.5px solid #6b563d80;border-radius:22px;justify-content:center;align-items:center;gap:10px;padding:8px 16px;font-size:20px;font-weight:600;display:flex}.auth-google:hover{background:#fff;border-color:#2a2118}.auth-google:disabled{opacity:.5;cursor:default}.auth-google-icon{flex:none}.auth-back-btn{cursor:pointer;font-family:var(--font-patrick), cursive;color:#e6d7c1;z-index:10;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-size:20px;transition:transform .18s,color .18s;display:flex;position:absolute;top:24px;left:24px}.auth-back-btn img{filter:invert(94%)sepia(9%)saturate(456%)hue-rotate(339deg)brightness(96%)contrast(88%);width:24px;height:24px;transition:transform .18s}.auth-back-btn:hover{color:#fff;transform:scale(1.05)rotate(-2deg)}.auth-back-btn:hover img{filter:invert()sepia(0%)saturate(7500%)hue-rotate()brightness()contrast();transform:translate(-3px)}@media (max-width:760px){.auth-back-btn{align-self:flex-start;margin-bottom:16px;position:relative;top:0;left:0}}.auth-consent{font-family:var(--font-caveat),cursive;color:#5a4632;cursor:pointer;align-items:flex-start;gap:8px;margin:4px 0 12px;font-size:15px;line-height:1.3;display:flex}.auth-consent input{cursor:pointer;flex:none;width:15px;height:15px;margin-top:3px}.auth-consent a{color:#3a5fa0}.auth-consent a:hover{color:#2a2118}