:root{--desk-color:#2c1e15;--notebook-border:#e0d5c1;--paper-bg:#fdfbf7;--paper-dots-color:#d8ceb9;--primary-green:#1e3f20;--primary-green-light:#eff6f0;--accent-gold:#c69b50;--accent-rose:#d2998a;--charcoal:#2d312e;--gray-muted:#8b928c;--shadow-notebook:#0006 0px 30px 60px -10px, #0003 0px 18px 36px -18px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--desk-color);color:var(--charcoal);background-image:linear-gradient(#0003 2px,#0000 2px),linear-gradient(90deg,#00000026 1px,#0000 1px),radial-gradient(circle,#ffffff08 0%,#0000 100%);background-size:100% 24px,120px 100%,100% 100%;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;font-family:Inter,sans-serif;display:flex;overflow-x:hidden}h1,h2,h3{color:var(--primary-green);font-family:Playfair Display,serif;font-weight:700}.handwritten{font-family:Caveat,cursive;font-size:1.5rem;line-height:1.2}.notebook-container{width:100%;max-width:950px;box-shadow:var(--shadow-notebook);background:#f4eee1;border:1px solid #ffffff1a;border-radius:12px;padding:6px;position:relative}.notebook-inner{background:#fff;border-radius:8px;flex-direction:row;height:720px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #0000001a}.notebook-spine{z-index:10;background:linear-gradient(90deg,#00000026 0%,#fff6 40%,#0000000d 50%,#fff6 60%,#00000026 100%);width:24px;position:relative;box-shadow:inset 0 0 5px #0003}.notebook-spine:before{content:"";background:#0000000d;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.spine-ring{background:linear-gradient(#ccc 0%,#eee 40%,#999 70%,#bbb 100%);border:1px solid #0003;border-radius:6px;width:32px;height:12px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 2px 3px #0000004d}.notebook-page{background-color:var(--paper-bg);background-image:radial-gradient(var(--paper-dots-color) 1.5px, transparent 1.5px);scrollbar-gutter:stable;background-size:20px 20px;flex:0 0 calc(50% - 12px);width:calc(50% - 12px);height:720px;padding:35px 30px;position:relative;overflow-y:scroll}.notebook-ribbon{display:none}.page-title,.washi-tape,.add-book-form,.section-divider,.checkbox-container,.empty-state,.stats-panel,.quote-footer{z-index:2;position:relative}@keyframes sway{0%{transform:rotate(0)}to{transform:rotate(1.5deg)}}.notebook-page::-webkit-scrollbar{width:6px}.notebook-page::-webkit-scrollbar-track{background:0 0}.notebook-page::-webkit-scrollbar-thumb{background:var(--paper-dots-color);border-radius:3px}.page-title{text-align:center;width:100%;margin-bottom:5px;font-size:2.2rem;display:inline-block;position:relative}.page-subtitle{text-align:center;color:var(--accent-gold);letter-spacing:1px;text-transform:uppercase;margin-bottom:25px;font-size:.85rem;font-weight:600}.washi-tape{background:#d2998a73;border-left:2px dashed #ffffff80;border-right:2px dashed #ffffff80;margin:10px auto;padding:5px 15px;display:inline-block;transform:rotate(-1.5deg);box-shadow:0 2px 4px #0000000d}.checkbox-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;margin-bottom:12px;padding-left:36px;display:flex;position:relative}.checkbox-container input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.custom-checkmark{border:2px solid var(--primary-green);background-color:#0000;border-radius:50%;width:24px;height:24px;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:0;transform:translateY(-50%)}.checkbox-container:hover input~.custom-checkmark{background-color:var(--primary-green-light);transform:translateY(-50%)scale(1.1)}.checkbox-container input:checked~.custom-checkmark{background-color:var(--primary-green);border-color:var(--primary-green)}.custom-checkmark:after{content:"";display:none;position:absolute}.checkbox-container input:checked~.custom-checkmark:after{display:block}.checkbox-container .custom-checkmark:after{border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:12px;top:3px;left:7px;transform:rotate(45deg)}.book-title-text{color:var(--charcoal);font-family:Caveat,cursive;font-size:1.35rem;transition:all .3s;display:inline-block;position:relative}.book-author-text{color:var(--gray-muted);margin-left:8px;font-family:Inter,sans-serif;font-size:.95rem;font-style:italic;font-weight:300;transition:all .3s}.book-text-wrapper{flex-direction:column;align-items:flex-start;gap:1px;display:flex}.book-text-wrapper .book-author-text{margin-top:1px;margin-left:0}.checkbox-container input:checked~.book-text-wrapper .book-title-text{color:var(--gray-muted)}.checkbox-container input:checked~.book-text-wrapper .book-title-text:after{content:"";transform-origin:0;background-color:#1e3f20b3;border-radius:2px;height:3px;animation:.4s ease-out forwards draw-line;position:absolute;top:55%;left:-4px;right:-4px;transform:scaleX(1)}@keyframes draw-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.checkbox-container input:checked~.book-text-wrapper .book-author-text{color:#c0c5c1;text-decoration:line-through}.add-book-form{background:var(--primary-green-light);border:1px dashed var(--primary-green);border-radius:8px;margin-bottom:25px;padding:18px}.form-title{align-items:center;gap:8px;margin-bottom:12px;font-size:1.1rem;display:flex}.form-group{flex-direction:column;gap:15px;display:flex}@media (width>=600px){.form-group{flex-direction:row;align-items:flex-end}}.input-field-wrapper{flex-direction:column;flex:1;gap:4px;display:flex}.input-label{text-transform:uppercase;color:var(--primary-green);letter-spacing:.5px;font-size:.8rem;font-weight:600}.input-field{border:none;border-bottom:2px solid var(--primary-green);color:var(--charcoal);background:0 0;outline:none;width:100%;padding:4px 0;font-family:Caveat,cursive;font-size:1.4rem;transition:border-color .2s}.input-field:focus{border-bottom-color:var(--accent-gold)}.input-field::placeholder{color:#c8d1c9;font-style:italic}.btn-add{background:var(--primary-green);color:#fff;cursor:pointer;border:none;border-radius:20px;justify-content:center;align-items:center;gap:6px;padding:10px 24px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 6px #1e3f2026}.btn-add:hover{background:#2a562d;transform:translateY(-2px);box-shadow:0 6px 12px #1e3f2040}.btn-add:active{transform:translateY(0)}.section-divider{align-items:center;margin:30px 0 20px;display:flex}.section-divider-line{background:linear-gradient(90deg, transparent, var(--paper-dots-color), transparent);flex:1;height:1px}.section-divider-title{color:var(--accent-gold);text-transform:uppercase;letter-spacing:1.5px;padding:0 15px;font-size:1.1rem;font-weight:600}.empty-state{text-align:center;color:var(--gray-muted);padding:30px 0;font-family:Caveat,cursive;font-size:1.5rem}.notebook-tabs{z-index:0;flex-direction:column;gap:8px;display:flex;position:absolute;top:14px;right:-42px}.notebook-tab{border:1px solid var(--notebook-border);cursor:pointer;writing-mode:vertical-rl;text-orientation:mixed;color:var(--primary-green);text-align:center;background:#e9e2d3;border-left:none;border-radius:0 8px 8px 0;padding:18px 10px 18px 6px;font-family:Playfair Display,serif;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:2px 2px 5px #0000001a}.notebook-tab:hover{background:var(--paper-bg);padding-left:12px}.notebook-tab.active{background:var(--primary-green);color:#fff;border-color:var(--primary-green);padding-left:16px;box-shadow:3px 2px 8px #0003}.notebook-tab-heart{cursor:pointer;background:#fce8e4;border:1px solid #d2998a;border-left:none;border-radius:0 8px 8px 0;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.35rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:2px 2px 5px #0000001a}.notebook-tab-heart:hover{background:#f7d4cd;padding-left:6px;transform:scale(1.1)}.notebook-tab-heart.active{background:var(--accent-rose);border-color:var(--accent-rose);padding-left:6px;box-shadow:3px 2px 8px #d2998a66}.notebook-tabs-left{z-index:0;flex-direction:column;gap:8px;display:flex;position:absolute;top:14px;left:-32px}.notebook-tab-left{border:1px solid var(--notebook-border);cursor:pointer;writing-mode:vertical-rl;text-orientation:mixed;color:var(--primary-green);text-align:center;background:#e9e2d3;border-left:none;border-radius:0 8px 8px 0;padding:18px 10px 18px 6px;font-family:Playfair Display,serif;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);transform:rotate(180deg);box-shadow:-2px 2px 5px #0000001a}.notebook-tab-left:hover{background:var(--paper-bg);padding-left:12px}.notebook-tab-left.active{background:var(--primary-green);color:#fff;border-color:var(--primary-green);padding-left:16px;box-shadow:-3px 2px 8px #0003}.monthly-goals-list{flex-direction:column;gap:12px;display:flex}.monthly-goal-row{border-bottom:1.5px dashed #1e3f201a;align-items:center;gap:12px;padding:6px 0;display:flex}.month-name{color:var(--primary-green);flex-shrink:0;width:95px;font-family:Playfair Display,serif;font-size:1.2rem;font-weight:700}.failed-goal-select{border:none;border-bottom:1.5px dashed var(--accent-rose);color:var(--accent-rose);cursor:pointer;background:0 0;outline:none;width:100%;max-width:250px;padding:0 4px;font-family:Caveat,cursive;font-size:1.35rem}.month-status-controls{gap:8px;display:flex}.status-btn{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f0ebe0;border:1px solid #dcd5c4;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.status-btn:hover{transform:scale(1.15)}.status-btn.success-btn.active{background:var(--primary-green-light);border-color:var(--primary-green);box-shadow:0 2px 4px #1e3f2040}.status-btn.fail-btn.active{border-color:var(--accent-rose);background:#fdf2f0;box-shadow:0 2px 4px #d2998a40}.star-rating{align-items:center;gap:1px;margin-top:1px;display:flex}.star-btn{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;padding:0 1px;font-size:1rem;line-height:1;transition:transform .15s}.star-btn:hover{transform:scale(1.3)}.star-btn.heart{font-size:.95rem}.star-label{color:var(--accent-gold);white-space:nowrap;margin-left:6px;font-family:Caveat,cursive;font-size:1.1rem}.month-selector-wrapper{background:var(--primary-green-light);border:1px dashed var(--primary-green);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:25px;padding:12px 18px;display:flex}.calendar-week-headers{text-align:center;color:var(--accent-gold);border-bottom:1px dashed var(--paper-dots-color);grid-template-columns:repeat(7,1fr);margin-bottom:10px;padding-bottom:4px;font-size:.85rem;font-weight:700;display:grid}.calendar-days-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.calendar-day-cell{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000000d;border-radius:6px;justify-content:center;align-items:center;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.calendar-day-cell.padding{cursor:default;background:0 0;border:none}.calendar-day-cell.none{color:var(--charcoal);background:#f1ebd8}.calendar-day-cell.none:hover{background:#e5dfcb;transform:scale(1.08)}.calendar-day-cell.read{background:var(--primary-green);color:#fff;border-color:var(--primary-green);box-shadow:inset 0 0 6px #00000040}.calendar-day-cell.read:hover{transform:scale(1.08)}.calendar-day-cell.unread{background:var(--accent-rose);color:#fff;border-color:var(--accent-rose);box-shadow:inset 0 0 6px #00000040}.calendar-day-cell.unread:hover{transform:scale(1.08)}@media (width<=768px){body{padding:10px}.notebook-container{margin-top:90px}.notebook-tabs-left{flex-direction:row;justify-content:center;gap:10px;width:auto;display:flex;position:absolute;top:-82px;left:15px;right:15px}.notebook-tab-left{writing-mode:horizontal-tb;border:1px solid var(--notebook-border);text-align:center;border-bottom:none;border-radius:8px 8px 0 0;flex:1;max-width:150px;padding:10px 20px;transform:none}.notebook-tab-left:hover{padding-right:10px;transform:translateY(-2px)}.notebook-tab-left.active{padding-bottom:14px;padding-right:10px;transform:translateY(-2px)}.notebook-tabs{flex-direction:row;justify-content:center;gap:10px;width:auto;position:absolute;top:-42px;left:15px;right:15px}.notebook-tab{writing-mode:horizontal-tb;border-left:1px solid var(--notebook-border);border-bottom:none;border-radius:8px 8px 0 0;flex:1;max-width:150px;padding:10px 20px}.notebook-tab:hover{padding-left:20px;transform:translateY(-2px)}.notebook-tab.active{padding-bottom:14px;padding-left:20px;transform:translateY(-2px)}.notebook-inner{flex-direction:column;min-height:auto}.notebook-spine{background:linear-gradient(#00000026 0%,#fff6 40%,#0000000d 50%,#fff6 60%,#00000026 100%);width:100%;height:16px}.spine-ring{display:none}.notebook-page{max-height:none;padding:25px 20px}.month-name{width:80px;font-size:1.05rem}}.bingo-grid[data-v-d2e193e8]{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px;display:grid}.bingo-cell[data-v-d2e193e8]{border:2px dashed var(--notebook-border);aspect-ratio:1;text-align:center;cursor:pointer;background:#fffdf9;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:8px;transition:all .25s;display:flex;position:relative;box-shadow:inset 0 0 10px #c69b5008}.bingo-cell[data-v-d2e193e8]:hover{border-color:var(--accent-gold);border-style:solid;transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.bingo-cell.completed[data-v-d2e193e8]{border-color:var(--accent-gold);background:#c69b500f;border-style:solid}.bingo-cell-num[data-v-d2e193e8]{color:var(--accent-gold);opacity:.8;font-family:Playfair Display,serif;font-size:.75rem;font-weight:700;position:absolute;top:4px;left:6px}.bingo-cell-text[data-v-d2e193e8]{color:var(--charcoal);-webkit-hyphens:auto;hyphens:auto;word-break:break-word;max-width:100%;font-size:1.2rem;line-height:1.25}.bingo-cell.completed .bingo-cell-text[data-v-d2e193e8]{color:var(--gray-muted);opacity:.7;text-decoration:line-through}.bingo-cell-stamp[data-v-d2e193e8]{border:2px double var(--accent-rose);color:var(--accent-rose);text-transform:uppercase;pointer-events:none;letter-spacing:1px;background:#ffffffe6;border-radius:4px;padding:1px 4px;font-family:Caveat,cursive;font-size:1.25rem;font-weight:700;position:absolute;transform:rotate(-15deg);box-shadow:0 2px 4px #0000000d}.bingo-celebration[data-v-d2e193e8]{background:var(--primary-green-light);border:2px solid var(--primary-green);text-align:center;border-radius:12px;margin-top:25px;padding:15px;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards popIn-d2e193e8}@keyframes popIn-d2e193e8{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.bingo-celebration-title[data-v-d2e193e8]{color:var(--primary-green);font-size:1.8rem;font-weight:700}.bingo-editors-list[data-v-d2e193e8]{flex-direction:column;gap:10px;max-height:400px;padding-right:5px;display:flex;overflow-y:auto}.bingo-editor-row[data-v-d2e193e8]{background:#fdfbf7;border:1px solid #e0d5c1;border-radius:6px;align-items:center;gap:10px;padding:6px 10px;display:flex}.bingo-editor-label[data-v-d2e193e8]{color:var(--primary-green);flex-shrink:0;width:70px;font-family:Playfair Display,serif;font-size:.8rem;font-weight:700}.bingo-editor-input[data-v-d2e193e8]{color:var(--charcoal);background:0 0;border:none;border-bottom:1px dashed #d0c9b8;outline:none;flex:1;padding:2px 4px;font-family:Caveat,cursive;font-size:1.15rem}.bingo-editor-input[data-v-d2e193e8]:focus{border-bottom-color:var(--accent-gold)}.wishlist-item[data-v-d2e193e8]{background:#fffdf9;border:1px solid #e0d5c1;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 12px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000005}.wishlist-item[data-v-d2e193e8]:hover{border-color:var(--accent-gold)}.wishlist-item.bought[data-v-d2e193e8]{background:#1e3f2008;border-color:#ede8dc}.wishlist-bought-badge[data-v-d2e193e8]{background:var(--primary-green-light);color:var(--primary-green);border:1px solid #1e3f2026;border-radius:20px;padding:3px 8px;font-family:Inter,sans-serif;font-size:.7rem;font-weight:700}.rip-grid[data-v-d2e193e8]{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:15px;display:grid}.rip-tombstone[data-v-d2e193e8]{text-align:center;background:linear-gradient(135deg,#e5e5e5,#ccc);border:3px double #777;border-radius:40px 40px 8px 8px;flex-direction:column;justify-content:space-between;min-height:190px;padding:16px 12px;transition:all .25s;display:flex;position:relative;box-shadow:2px 4px 10px #0000001a}.rip-tombstone[data-v-d2e193e8]:hover{border-color:var(--charcoal);transform:translateY(-3px)rotate(1deg);box-shadow:4px 6px 14px #00000026}.tombstone-header[data-v-d2e193e8]{color:#555;letter-spacing:2px;border-bottom:1px dashed #aaa;margin-bottom:6px;padding-bottom:4px;font-family:Playfair Display,serif;font-size:.85rem;font-weight:700}.tombstone-title[data-v-d2e193e8]{color:var(--charcoal);font-size:1.25rem;font-weight:700;line-height:1.2}.tombstone-author[data-v-d2e193e8]{color:#666;margin-top:2px;margin-bottom:6px;font-size:.75rem;font-style:italic;display:block}.tombstone-reason-section[data-v-d2e193e8]{background:#ffffffa6;border:1px solid #bbb;border-radius:6px;margin-top:auto;padding:4px 6px}.tombstone-input[data-v-d2e193e8]{color:#3f3f3f;resize:none;text-align:center;background:0 0;border:none;outline:none;width:100%;font-family:Caveat,cursive;font-size:1.1rem;line-height:1.15}.tombstone-input[data-v-d2e193e8]::placeholder{color:#888;font-style:italic}.epitaphs-scroll[data-v-d2e193e8]{background:#fdfbf7;border:1px solid #e0d5c1;border-radius:8px;max-height:250px;padding:10px;overflow-y:auto}.epitaph-row[data-v-d2e193e8]{border-bottom:1px dashed var(--paper-dots-color);padding:8px 4px}.epitaph-row[data-v-d2e193e8]:last-child{border-bottom:none}.saga-book-square[data-v-d2e193e8]{border:2px solid var(--notebook-border);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-family:Playfair Display,serif;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.saga-book-square[data-v-d2e193e8]:hover{border-color:var(--accent-gold);transform:scale(1.08)}.saga-book-square.read[data-v-d2e193e8]{background:var(--primary-green);color:#fff;border-color:var(--primary-green);box-shadow:inset 0 0 5px #0003}.custom-modal-overlay[data-v-d2e193e8]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.custom-modal-card[data-v-d2e193e8]{border:3px double var(--notebook-border);text-align:center;background:#fffdf9;border-radius:16px;width:90%;max-width:380px;padding:24px;animation:.3s cubic-bezier(.34,1.56,.64,1) modalScaleIn-d2e193e8;box-shadow:0 10px 30px #00000026}@keyframes modalScaleIn-d2e193e8{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.custom-modal-header[data-v-d2e193e8]{flex-direction:column;align-items:center;gap:8px;margin-bottom:12px;display:flex}.custom-modal-body[data-v-d2e193e8]{color:var(--charcoal);margin-bottom:20px;font-family:Inter,sans-serif;font-size:.95rem;line-height:1.5}.custom-modal-actions[data-v-d2e193e8]{justify-content:center;gap:12px;display:flex}.btn-modal-cancel[data-v-d2e193e8]{color:var(--primary-green);cursor:pointer;background:#f0ebe0;border:1px solid #d0c9b8;border-radius:8px;padding:8px 16px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s}.btn-modal-cancel[data-v-d2e193e8]:hover{background:#e5dfd2}.btn-modal-delete[data-v-d2e193e8]{background:var(--accent-rose);color:#fff;cursor:pointer;border:1px solid #d2998a4d;border-radius:8px;padding:8px 18px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s}.btn-modal-delete[data-v-d2e193e8]:hover{background:#c98070;transform:translateY(-1px)}.fade-enter-active[data-v-d2e193e8],.fade-leave-active[data-v-d2e193e8]{transition:opacity .25s}.fade-enter-from[data-v-d2e193e8],.fade-leave-to[data-v-d2e193e8]{opacity:0}