: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}}
#book.book-turning{transition:transform .65s cubic-bezier(.5,0,.28,1)}.habit-head.he-editing-head{overflow:visible}.he-overlay-input{text-align:center;width:150px;font-family:var(--font-title,cursive);letter-spacing:.4px;text-transform:uppercase;color:#2a2118;background:#3a5fa01a;border:none;border-radius:2px;outline:none;padding:2px 4px;font-size:14px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.he-overlay-input:focus{background:#3a5fa033}.habit-head.he-active .he-overlay-input{background:#3a5fa038;box-shadow:0 0 0 1px #3a5fa066}.habit-edit-rail{z-index:60;position:fixed;top:50%;left:auto;right:14px;transform:translateY(-50%)}.habit-edit-rail .rail-btn:disabled,.habit-edit-rail .rail-ink:disabled{opacity:.35;cursor:default;pointer-events:none}#habit-edit-done{z-index:60;cursor:pointer;font-family:var(--font-body,cursive);color:#f7f3ec;background:#2a2118eb;border:1.5px solid #e6d7c166;border-radius:22px;padding:8px 24px;font-size:18px;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000073}#habit-edit-done:hover{background:#2a2118}@media (prefers-reduced-motion:reduce){#book.book-turning{transition:none}}
.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}
.landing-page-root{width:100%;min-height:100vh;font-family:var(--font-patrick), var(--font-caveat), var(--font-architects), cursive;box-sizing:border-box;background-image:radial-gradient(#b4a08c1f 1.5px,#0000 1.5px);background-size:24px 24px;flex-direction:column;display:flex;position:relative;overflow-x:hidden;color:#1a1a1a!important;background-color:#fdfbf7!important}.landing-page-root:before{content:"";filter:blur(80px);z-index:1;pointer-events:none;background:radial-gradient(circle,#fed7aa40 0%,#0000 70%);width:600px;height:600px;position:absolute;top:10%;left:-250px}.landing-page-root:after{content:"";filter:blur(100px);z-index:1;pointer-events:none;background:radial-gradient(circle,#fda4ba2e 0%,#0000 70%);width:700px;height:700px;position:absolute;bottom:20%;right:-250px}.landing-nav{z-index:10;justify-content:space-between;align-items:center;width:100%;max-width:1100px;margin:0 auto;padding:24px 32px;display:flex;position:relative}.landing-nav-logo{cursor:pointer;width:auto;height:48px;transition:transform .2s}.landing-nav-logo:hover{transform:scale(1.06)rotate(-2deg)}.landing-login-btn{font-family:var(--font-architects), cursive;color:#1a1a1a;cursor:pointer;background:0 0;border:2px solid #1a1a1a;border-radius:20px;margin-right:200px;padding:6px 20px;font-size:17px;transition:transform .2s,background-color .2s,color .2s}.landing-login-btn:hover{color:#fff;background-color:#1a1a1a;transform:scale(1.04)rotate(1deg)}.landing-hero{text-align:center;z-index:5;flex-direction:column;align-items:center;width:100%;max-width:800px;margin:0 auto;padding:40px 20px 80px;display:flex;position:relative}.landing-logo-img{pointer-events:none;width:100%;max-width:240px;height:auto;margin-bottom:20px}.landing-nav-floral{pointer-events:none;z-index:12;width:320px;height:auto;position:absolute;top:-10px;right:-30px}.landing-subtitle-img{pointer-events:none;width:100%;max-width:380px;height:auto;margin-bottom:36px}.landing-paragraph-img{pointer-events:none;width:100%;max-width:540px;height:auto;margin-bottom:48px}.landing-hero-preview-wrapper{cursor:pointer;box-sizing:border-box;background-color:#faf8f5;border:2px solid #1a1a1a;border-radius:12px;width:100%;max-width:1000px;margin:20px 0 54px;padding:10px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;position:relative;transform:rotate(-1.2deg);box-shadow:10px 10px #1a1a1a}.landing-hero-preview-wrapper:before{content:"";clip-path:polygon(0% 0%,8% 25%,15% 0%,25% 25%,35% 0%,45% 25%,55% 0%,65% 25%,75% 0%,85% 25%,100% 0%,96% 100%,5% 100%);z-index:10;pointer-events:none;background-color:#f1948abf;width:75px;height:20px;position:absolute;top:-12px;left:-18px;transform:rotate(-35deg);box-shadow:0 1.5px 3px #0000000d}.landing-hero-preview-wrapper:after{content:"";clip-path:polygon(0% 0%,8% 25%,15% 0%,25% 25%,35% 0%,45% 25%,55% 0%,65% 25%,75% 0%,85% 25%,100% 0%,96% 100%,5% 100%);z-index:10;pointer-events:none;background-color:#85c1e9bf;width:75px;height:20px;position:absolute;top:-12px;right:-18px;transform:rotate(35deg);box-shadow:0 1.5px 3px #0000000d}.landing-hero-preview-wrapper:hover{transform:scale(1.025)rotate(0);box-shadow:14px 14px #1a1a1a}.landing-hero-preview-img{border-radius:6px;width:100%;height:auto;display:block}.landing-accent-star1{pointer-events:none;opacity:.8;width:54px;height:auto;animation:6s ease-in-out infinite landingFloatSlow;position:absolute;top:8%;left:6%}.landing-accent-star2{pointer-events:none;opacity:.8;width:48px;height:auto;animation:8s ease-in-out infinite landingFloatSlower;position:absolute;top:12%;right:8%}.landing-accent-sparkle{pointer-events:none;opacity:.85;width:60px;height:auto;animation:4s ease-in-out infinite landingSparklePulse;position:absolute;bottom:30%;left:10%}.landing-cta-wrapper{flex-direction:column;align-items:center;margin-top:16px;margin-bottom:64px;display:flex;position:relative}.landing-cta-wrapper.bottom-cta{margin:0}.landing-cta-btn{cursor:pointer;background:0 0;border:none;outline:none;padding:0;transition:transform .2s}.landing-cta-btn img{width:100%;max-width:280px;height:auto;display:block}.landing-cta-btn:hover{transform:scale(1.06)rotate(3deg)}.landing-pointer-img{pointer-events:none;width:130px;height:auto;position:absolute;top:-15px;left:-125px;transform:rotate(-5deg)}.landing-annotation-free{pointer-events:none;width:110px;height:auto;position:absolute;top:15px;right:-110px;transform:rotate(8deg)}.landing-annotation-thoughts{pointer-events:none;width:320px;height:auto;position:absolute;bottom:-64px}.landing-bento-grid{box-sizing:border-box;z-index:5;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(140px,auto);gap:28px;width:100%;max-width:1200px;margin:0 auto;padding:60px 24px 100px;display:grid}.bento-card{z-index:1;box-sizing:border-box;background-color:#faf8f5;border:2px solid #1a1a1a;border-radius:12px;flex-direction:column;padding:24px;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:6px 6px #1a1a1a}.bento-card:hover{z-index:5;box-shadow:10px 10px #1a1a1a;transform:translateY(-5px)rotate(0)!important}.bento-card:before{content:"";clip-path:polygon(0% 0%,5% 20%,10% 5%,15% 25%,20% 0%,25% 15%,30% 5%,35% 20%,40% 0%,45% 10%,50% 5%,55% 15%,60% 0%,65% 25%,70% 10%,75% 20%,80% 0%,85% 15%,90% 5%,95% 20%,100% 0%,98% 100%,0% 100%);z-index:10;pointer-events:none;background-color:#f5b04199;width:90px;height:22px;position:absolute;top:-10px;left:50%;transform:translate(-50%)rotate(2deg);box-shadow:0 1px 2px #0000000d}.bento-card-header{margin-bottom:12px}.bento-card-tag{font-family:var(--font-architects), cursive;text-transform:uppercase;letter-spacing:.5px;border:1.5px solid #1a1a1a;border-radius:12px;margin-bottom:6px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.bento-card-tag.color-red{color:#a93226;background-color:#ffdcd6;border-color:#a93226}.bento-card-tag.color-blue{color:#1f618d;background-color:#d6eaf8;border-color:#1f618d}.bento-card-tag.color-black{color:#7d3c98;background-color:#f5eef8;border-color:#7d3c98}.bento-card-title{font-family:var(--font-architects), cursive;color:#1a1a1a;text-shadow:.5px .5px .5px #0000001f;margin:0;font-size:20px;font-weight:700}.bento-card-media-wrapper{background:#fff;border:2px solid #1a1a1a;border-radius:8px;flex-grow:1;justify-content:center;align-items:center;margin-top:8px;margin-bottom:12px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #0000000f}.bento-card-img{object-fit:cover;width:100%;height:100%;display:block}.bento-card-desc{font-family:var(--font-patrick), cursive;color:#4a4a4a;text-shadow:.3px .3px .3px #00000014;margin:0;font-size:18px;line-height:1.35}.card-gif{grid-area:span 2/span 8;transform:rotate(-.5deg)}.card-gif:before{transform:translate(-50%)rotate(-3deg);background-color:#f1948aa6!important}.card-cover{grid-area:span 2/span 4;transform:rotate(1.2deg)}.card-cover:before{transform:translate(-50%)rotate(4deg);background-color:#82e0aaa6!important}.card-slash{grid-column:span 4;transform:rotate(-1deg)}.card-slash:before{transform:translate(-50%)rotate(-2deg);background-color:#85c1e9a6!important}.card-features{background-image:repeating-linear-gradient(#0000 0 23px,#8c6e5014 23px 24px);background-size:100% 24px;grid-column:span 4;padding:38px 24px 24px;transform:rotate(.5deg)}.card-features:before{transform:translate(-50%)rotate(3deg);background-color:#f9e79fa6!important}.card-avatar{grid-column:span 4;transform:rotate(-.8deg)}.card-avatar:before{transform:translate(-50%)rotate(-3deg);background-color:#7ec8bea6!important}.card-demo{grid-area:span 2/span 8;transform:rotate(.4deg)}.card-demo:before{transform:translate(-50%)rotate(-2.5deg);background-color:#f5b04199!important}.card-privacy{flex-direction:column;grid-column:span 4;justify-content:space-between;display:flex;transform:rotate(-1.5deg)}.card-privacy:before{transform:translate(-50%)rotate(4deg);background-color:#d4ace8a6!important}.card-privacy .bento-card-content{flex-direction:column;flex-grow:1;gap:12px;display:flex}.italic-quote{color:#c0392b;border-left:2px solid #c0392b;margin:4px 0;padding-left:8px;font-size:17px;font-style:italic;font-weight:600}.highlight-text{color:#5a4632;font-size:17px}.bento-privacy-heart{opacity:.8;width:28px;height:auto;animation:3s ease-in-out infinite landingHeartBeat;position:absolute;bottom:12px;right:12px}.landing-card-clip-back{pointer-events:none;z-index:-1;width:38px;height:auto;position:absolute;top:-24px;left:-10px;transform:rotate(-18deg)}.landing-card-clip-front{pointer-events:none;z-index:2;clip-path:polygon(0% 0%,100% 0%,100% 100%,35% 100%,35% 25%,0% 25%);filter:drop-shadow(2px 2px 2px #00000014);width:38px;height:auto;position:absolute;top:-24px;left:-10px;transform:rotate(-18deg)}.landing-feature-list{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.landing-feature-item{flex-direction:column;gap:4px;display:flex}.landing-feature-h3{font-family:var(--font-architects), cursive;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.landing-feature-h3:before{content:"★";color:#f1c40f;font-size:13px}.landing-feature-h3.color-black{color:#2c1a0e}.landing-feature-h3.color-blue{color:#285390}.landing-feature-h3.color-red{color:#c0392b}.landing-feature-desc{font-family:var(--font-patrick), cursive;color:#3a3a3a;margin:0;font-size:17px;line-height:1.35}.landing-bottom-invite{box-sizing:border-box;z-index:5;width:100%;max-width:1000px;margin:40px auto 100px;padding:0 24px}.invite-paper-card{text-align:center;box-sizing:border-box;background-color:#faf8f5;background-image:repeating-linear-gradient(#0000 0 23px,#8c6e500d 23px 24px);background-size:100% 24px;border:2px solid #1a1a1a;border-radius:16px;flex-direction:column;align-items:center;gap:40px;padding:54px 48px 80px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:visible;transform:rotate(.5deg);box-shadow:8px 8px #1a1a1a}.invite-paper-card:hover{transform:scale(1.01)rotate(0);box-shadow:12px 12px #1a1a1a}.invite-content-center{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:620px;display:flex}.invite-title{font-family:var(--font-architects), cursive;color:#c0392b;text-shadow:.5px .5px .5px #0000001f;margin:0;font-size:34px;font-weight:700}.invite-subtitle{font-family:var(--font-patrick), cursive;color:#4a4a4a;text-shadow:.3px .3px .3px #00000014;margin:0;font-size:20px;line-height:1.4}.invite-perks{flex-direction:column;align-items:flex-start;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.invite-perks li{font-family:var(--font-patrick), cursive;color:#2c1a0e;align-items:center;gap:8px;font-size:19px;font-weight:600;display:flex}.invite-actions-center{justify-content:center;align-items:center;margin-top:12px;margin-bottom:24px;display:flex;position:relative}.invite-sparkle{opacity:.8;pointer-events:none;width:48px;height:auto;animation:4s ease-in-out infinite landingSparklePulse;position:absolute;top:-24px;left:30px}.invite-hearts{opacity:.85;pointer-events:none;width:36px;height:auto;animation:3s ease-in-out infinite landingHeartBeat;position:absolute;bottom:-20px;right:40px}.landing-footer{z-index:5;box-sizing:border-box;background-color:#f8f5f0;width:100%;margin-top:auto;padding:80px 24px 32px;position:relative}.landing-footer:after{content:"";clip-path:polygon(0% 100%,2% 10%,4% 80%,6% 20%,8% 70%,10% 15%,12% 85%,14% 10%,16% 75%,18% 25%,20% 65%,22% 20%,24% 80%,26% 10%,28% 85%,30% 15%,32% 75%,34% 25%,36% 70%,38% 10%,40% 80%,42% 15%,44% 85%,46% 20%,48% 65%,50% 10%,52% 80%,54% 25%,56% 75%,58% 15%,60% 85%,62% 10%,64% 70%,66% 25%,68% 80%,70% 15%,72% 65%,74% 20%,76% 85%,78% 10%,80% 75%,82% 25%,84% 80%,86% 15%,88% 70%,90% 10%,92% 85%,94% 20%,96% 75%,98% 15%,100% 80%,100% 100%);z-index:1;pointer-events:none;background-color:#8a745826;width:100%;height:22px;position:absolute;top:-20px;left:0}.landing-footer:before{content:"";clip-path:polygon(0% 100%,2% 15%,4% 85%,6% 25%,8% 75%,10% 20%,12% 90%,14% 15%,16% 80%,18% 30%,20% 70%,22% 25%,24% 85%,26% 15%,28% 90%,30% 20%,32% 80%,34% 30%,36% 75%,38% 15%,40% 85%,42% 20%,44% 90%,46% 25%,48% 70%,50% 15%,52% 85%,54% 30%,56% 80%,58% 20%,60% 90%,62% 15%,64% 75%,66% 30%,68% 85%,70% 20%,72% 70%,74% 25%,76% 90%,78% 15%,80% 80%,82% 30%,84% 85%,86% 20%,88% 75%,90% 15%,92% 90%,94% 25%,96% 80%,98% 20%,100% 85%,100% 100%);z-index:2;pointer-events:none;background-color:#f8f5f0;width:100%;height:18px;position:absolute;top:-16px;left:0}.landing-footer-content{flex-wrap:wrap;justify-content:space-between;gap:40px;max-width:1000px;margin:0 auto 48px;display:flex}.landing-footer-column{flex-direction:column;flex:1;gap:12px;min-width:240px;display:flex}.landing-footer-column.brand-col{max-width:320px}.footer-logo{align-self:flex-start;width:auto;height:38px;transition:transform .2s}.footer-logo:hover{transform:scale(1.05)rotate(-1deg)}.footer-tagline{font-family:var(--font-patrick), cursive;color:#8a7458;margin:0;font-size:19px}.footer-label{font-family:var(--font-architects), cursive;text-transform:uppercase;color:#c0392b;letter-spacing:.5px;border-bottom:1.5px dashed #6b563d2e;padding-bottom:4px;font-size:16px;font-weight:700}.footer-link-btn{font-family:var(--font-patrick), cursive;color:#4a4a4a;cursor:pointer;text-align:left;background:0 0;border:none;align-self:flex-start;padding:2px 0;font-size:18px;text-decoration:none;transition:color .2s;position:relative}.footer-link-btn:after{content:"";transform-origin:50%;background-color:#c0392b;width:100%;height:2px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;bottom:0;left:0;transform:scaleX(0)}.footer-link-btn:hover{color:#1a1a1a}.footer-link-btn:hover:after{transform:scaleX(1)}.footer-philosophy-card{background-color:#fff9e6;background-image:linear-gradient(#6b563d14 1px,#0000 1px);background-size:100% 24px;border:1.5px solid #1a1a1a;border-radius:2px;margin-top:12px;padding:20px 24px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;position:relative;transform:rotate(-1.5deg);box-shadow:4px 4px #1a1a1a}.footer-philosophy-card:hover{transform:scale(1.03)rotate(0);box-shadow:6px 6px #1a1a1a}.footer-philosophy-card:before{content:"";clip-path:polygon(0% 0%,5% 20%,10% 5%,15% 25%,20% 0%,25% 15%,30% 5%,35% 20%,40% 0%,45% 10%,50% 5%,55% 15%,60% 0%,65% 25%,70% 10%,75% 20%,80% 0%,85% 15%,90% 5%,95% 20%,100% 0%,98% 100%,0% 100%);z-index:10;pointer-events:none;background-color:#f5b04199;width:90px;height:22px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(1deg);box-shadow:0 1px 2px #0000000d}.footer-philosophy{font-family:var(--font-patrick), cursive;color:#2c251e;margin:0;padding-top:4px;font-size:18px;line-height:24px}.landing-footer-bottom{max-width:1000px;font-family:var(--font-patrick), cursive;color:#8a7458;border-top:1px dashed #b4a08c2e;justify-content:center;align-items:center;gap:8px;margin:0 auto;padding-top:24px;font-size:17px;display:flex}.footer-bottom-heart{pointer-events:none;width:20px;height:20px;animation:2s ease-in-out infinite footerHeartPulse}@keyframes footerHeartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}@keyframes landingFloatSlow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(4deg)}}@keyframes landingFloatSlower{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(8px)rotate(-5deg)}}@keyframes landingSparklePulse{0%,to{opacity:.75;transform:scale(1)rotate(0)}50%{opacity:1;transform:scale(1.08)rotate(8deg)}}@keyframes landingHeartBeat{0%,to{transform:scale(1)rotate(14deg)}50%{transform:scale(1.06)rotate(10deg)}}@media (max-width:900px){.landing-bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(120px,auto);gap:16px;padding:48px 16px 80px}.bento-card{grid-area:span 1/span 2!important}.card-cover,.card-slash{padding:14px;grid-column:span 1!important}.card-cover .bento-card-tag,.card-slash .bento-card-tag{margin-bottom:4px;padding:2px 7px;font-size:9.5px}.card-cover .bento-card-header,.card-slash .bento-card-header{margin-bottom:6px}.card-cover .bento-card-title,.card-slash .bento-card-title{font-size:15px}.card-cover .bento-card-desc,.card-slash .bento-card-desc{font-size:13px;line-height:1.28}.card-cover .bento-card-media-wrapper,.card-slash .bento-card-media-wrapper{max-height:150px;margin:6px 0 8px}.card-gif{transform:rotate(-.5deg)!important}.card-cover{transform:rotate(1deg)!important}.card-slash{transform:rotate(-1deg)!important}.card-features{transform:rotate(.4deg)!important}.card-avatar{transform:rotate(-.7deg)!important}.card-demo{transform:rotate(.4deg)!important}.card-privacy{transform:rotate(-.8deg)!important}.bento-card-media-wrapper{max-height:280px}.invite-paper-card{text-align:center;flex-direction:column;gap:40px;padding:40px 32px 64px;transform:none!important}.invite-content-left{text-align:center;align-items:center}.invite-title{font-size:28px}.invite-subtitle{font-size:18px}.invite-perks{align-items:flex-start}.landing-footer-content{flex-direction:column;gap:32px}.landing-footer-column.brand-col{max-width:100%}}@media (max-width:600px){.landing-nav{padding:16px 20px}.landing-nav-logo{height:38px}.landing-hero{padding-top:20px}.landing-logo-img{max-width:160px}.landing-nav-floral{width:180px;right:-25px}.landing-login-btn{margin-right:100px}.landing-subtitle-img{max-width:290px}.landing-paragraph-img{max-width:90%}.landing-hero-preview-wrapper{width:140%;max-width:140%;margin:10px -20% 30px;transform:none!important;box-shadow:4px 4px #1a1a1a!important}.landing-pointer-img{display:none}.landing-annotation-free{width:80px;top:-45px;right:-20px}.landing-annotation-thoughts{width:150px;bottom:-55px}.landing-accent-star1,.landing-accent-star2,.landing-accent-sparkle{display:none}}