@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,500&family=Karla:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box}body{margin:0;background:#f8f8fa}.skip-link{position:absolute;left:8px;top:-100px;z-index:1000;background:#3d3080;color:#fff;padding:10px 16px;border-radius:8px;font-family:Karla,system-ui,sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:top .15s ease}.skip-link:focus{top:8px}.garden-app{font-family:Karla,system-ui,sans-serif;background:#f8f8fa;color:#3d3080;min-height:100vh}.app-shell{display:flex;min-height:100vh;width:100%}.sidebar{width:236px;flex-shrink:0;background:linear-gradient(180deg,#3d308008,#3d308000 120px),#f0eef8;border-right:1px solid #DDD8F0;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:100}.app-logo{font-family:Fraunces,serif;font-size:18px;color:#3d3080;font-weight:700;display:flex;align-items:center;gap:9px;margin:0;white-space:nowrap;flex-shrink:0;letter-spacing:-.2px;padding:0 .3rem}.tab-bar{display:flex;flex-direction:column;gap:.45rem;position:relative}.tab-bar:before{content:"";position:absolute;left:19px;top:4px;bottom:4px;width:1px;background:#ddd8f0}.tab-btn{position:relative;font-family:Karla,sans-serif;font-size:13.5px;font-weight:600;background:#fbfaff;border:1px solid #DDD8F0;cursor:pointer;padding:.65rem .8rem .65rem 1.9rem;border-radius:8px;color:#7b6fa8;display:flex;align-items:center;gap:.65rem;white-space:nowrap;transition:background .15s ease,border-color .15s ease,transform .1s ease;text-align:left}.tab-btn:before{content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:9px;height:9px;border-radius:50%;background:#f8f8fa;border:1.5px solid #DDD8F0;z-index:1}.tab-btn i{font-size:15px;flex-shrink:0}.tab-btn:hover{border-color:#9a94c0}.tab-btn:active{transform:scale(.98)}.tab-btn.active{background:#5a4fa0;color:#f8f8fa;border-color:#5a4fa0}.tab-btn.active:before{background:#f0c060;border-color:#1a1740}.sidebar-foot{margin-top:auto;padding-top:.9rem;border-top:1px solid #DDD8F0;display:flex;flex-direction:column;gap:.55rem}.btn-export{font-family:Karla,sans-serif;font-size:11.5px;font-weight:500;padding:5px 11px;border-radius:8px;border:1.5px solid #DDD8F0;background:#fff;color:#7b6fa8;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .14s;white-space:nowrap}.btn-export:hover{background:#3d3080;color:#fff;border-color:#3d3080}.main-col{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{background:#fff;border-bottom:1px solid #EEEAF8;position:sticky;top:0;z-index:90;box-shadow:0 1px 6px #3d30800f}.topbar-inner{padding:0 28px;height:56px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.mobile-menu-btn{display:none;align-items:center;justify-content:center;background:#ede9f8;border:1.5px solid #DDD8F0;border-radius:9px;cursor:pointer;margin-right:auto;padding:5px 8px;flex-shrink:0}.mobile-menu-btn img{height:22px;width:auto;display:block}.mobile-menu-btn:hover{background:#ddd8f0}.mobile-menu-btn:active{transform:scale(.95)}.topbar-actions{display:flex;align-items:center;gap:8px}.app-inner{width:100%;padding:28px 32px 80px}@media (max-width: 900px){.sidebar{position:fixed;left:0;top:0;bottom:0;height:100vh;transform:translate(-100%);transition:transform .2s ease}.sidebar.mobile-open{transform:translate(0);box-shadow:4px 0 24px #3d308040}.app-shell{display:block}.main-col{width:100%}.app-inner{padding:20px 16px 70px}.topbar-inner{padding:0 12px;gap:6px}.mobile-menu-btn{display:flex}.btn-export-file{display:none}.topbar-actions{gap:6px;flex-wrap:nowrap;min-width:0}.topbar-actions>span,.topbar-actions>div,.topbar-actions>button{flex-shrink:0}.weather-tip-row,.plant-tracker-grid{grid-template-columns:1fr!important}.plant-tracker-sidebar{display:none!important}.plant-select-wrap{display:flex!important}.plant-add-desktop-only{display:none!important}}@media (max-width: 420px){.almanac-label{max-width:64px!important}}@media (max-width: 900px){.catalog-page-header{padding:20px 16px 0!important}.catalog-list-scroll{padding:0 16px 50px!important}.catalog-filters-row{flex-wrap:wrap!important}.catalog-filters-row input,.catalog-filters-row select{flex:1 1 45%!important;min-width:130px!important}.catalog-header-row{display:none!important}.catalog-row{grid-template-columns:34px 1fr 60px!important;grid-template-areas:"thumb name lock" "thumb meta lock"!important;row-gap:4px!important;padding:10px!important}.catalog-row-thumb{grid-area:thumb}.catalog-row-name{grid-area:name;white-space:normal!important}.catalog-row-meta{grid-area:meta;flex-wrap:wrap!important;gap:6px 10px!important}.catalog-row-type,.catalog-row-family,.catalog-row-sunlight{flex:0 0 auto!important;white-space:normal!important}.catalog-row-lock{grid-area:lock}}@media (max-width: 480px){.catalog-filters-row input,.catalog-filters-row select{flex:1 1 100%!important}}.plant-select-wrap{display:none}.plant-select{font-family:Karla,sans-serif;font-size:13.5px;font-weight:500;color:#3d3080;background:#fff;border:1.5px solid #DDD8F0;border-radius:10px;padding:9px 14px;cursor:pointer;max-width:100%;min-width:0;box-shadow:0 1px 6px #3d30800d;transition:border-color .15s}.plant-select:hover{border-color:#6b5fc4}.plant-select:focus{outline:none;border-color:#6b5fc4;box-shadow:0 0 0 3px #6b5fc426}.plant-select:disabled{cursor:default;color:#9a94c0}.hero-banner{background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:20px;padding:2.5rem 2.8rem 2.2rem;margin-bottom:1.75rem;position:relative;overflow:hidden}.hero-date{font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#ffffffbf;margin-bottom:14px}.hero-greeting{font-family:Fraunces,serif;font-size:46px;font-weight:700;font-style:italic;color:#fff;line-height:1.15;margin:0 0 14px;position:relative;z-index:1;letter-spacing:-.5px}.hero-sub{font-size:13px;font-style:italic;color:#fffc;position:relative;z-index:1;line-height:1.6;max-width:420px}.section-title{font-family:Fraunces,serif;font-size:22px;font-weight:700;color:#3d3080;margin:0 0 1.25rem;letter-spacing:-.2px}.section-title-sm{font-family:Karla,sans-serif;font-size:10.5px;font-weight:700;color:#e8a030;margin:0 0 .75rem;display:flex;align-items:center;gap:7px;text-transform:uppercase;letter-spacing:1.2px}.muted{color:#9a94c0;font-size:12.5px}.card{background:#fff;border-radius:18px;border:1px solid #EEEAF8;padding:1.4rem 1.5rem 1.2rem;box-shadow:0 2px 16px #3d30800f}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:1.75rem}.stat-card{background:#fff;border-radius:16px;border:1px solid #EEEAF8;padding:16px 14px 14px;text-align:center;box-shadow:0 2px 12px #3d30800d;position:relative;overflow:hidden}.stat-num{font-family:Fraunces,serif;font-size:30px;font-weight:700;line-height:1;margin-bottom:5px;letter-spacing:-1px}.stat-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;color:#9a94c0}.plant-pill{cursor:pointer;padding:10px 13px;border-radius:13px;border:1.5px solid transparent;background:#fff;display:flex;justify-content:space-between;align-items:center;transition:all .15s;margin-bottom:6px;box-shadow:0 1px 6px #3d30800d}.plant-pill:hover{border-color:#ddd8f0;background:#fbfaff}.plant-pill.selected{border-color:#6b5fc4;background:#f0eef8;box-shadow:0 2px 12px #6b5fc426}.plant-name{font-size:13.5px;font-weight:500;color:#3d3080}.tag-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:500;padding:3px 9px;border-radius:20px;margin-right:4px;margin-bottom:3px;letter-spacing:.1px}.update-card{background:#fff;border-radius:13px;border:1px solid #EEEAF8;padding:13px 15px;margin-bottom:0;transition:box-shadow .18s,border-color .18s;box-shadow:0 1px 6px #3d30800a}.update-card:hover{box-shadow:0 4px 16px #3d308017;border-color:#ddd8f0}.btn-primary{font-family:Karla,sans-serif;font-size:13px;font-weight:600;padding:8px 18px;border-radius:20px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:filter .14s,transform .1s,box-shadow .14s;box-shadow:0 2px 8px #3d30802e;background:#3d3080;color:#fff}.btn-primary:hover{filter:brightness(1.07);box-shadow:0 4px 16px #3d308040}.btn-primary:active{transform:scale(.98)}.btn-ghost{font-family:Karla,sans-serif;font-size:12px;font-weight:500;padding:6px 14px;border-radius:20px;border:1.5px solid #DDD8F0;background:#fff;color:#7b6fa8;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .14s}.btn-ghost:hover{border-color:#6b5fc4;color:#3d3080;background:#f0eef8}.task-row{background:#fff;border-radius:14px;border:1px solid #EEEAF8;padding:12px 16px;display:flex;align-items:flex-start;gap:12px;margin-bottom:6px;transition:border-color .14s,box-shadow .14s;box-shadow:0 1px 5px #3d30800a}.task-row:hover{border-color:#ddd8f0;box-shadow:0 3px 12px #3d308014}.task-row.done{opacity:.45}.task-cb-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;margin-top:2px;cursor:pointer}.task-cb-input{position:absolute;top:0;right:0;bottom:0;left:0;width:18px;height:18px;margin:0;opacity:0;cursor:pointer}.task-cb-box{width:18px;height:18px;border-radius:50%;border:1.5px solid #C8C0F0;background:#fff;display:flex;align-items:center;justify-content:center;transition:all .14s;pointer-events:none}.task-cb-input:checked+.task-cb-box{background:#6b5fc4;border-color:#6b5fc4}.task-cb-input:checked+.task-cb-box:after{content:"";width:5px;height:9px;border:1.5px solid white;border-left:none;border-top:none;transform:translateY(-1px) rotate(45deg)}.rec-banner{background:#fbfaff;border:1px solid #E8A03044;border-radius:16px;padding:14px 16px;margin-bottom:14px}.modal-shell{background:#fff;border-radius:22px;border:1px solid #EEEAF8;box-shadow:0 28px 64px #3d30802e;width:460px;max-width:95vw;max-height:88vh;display:flex;flex-direction:column;overflow:hidden}.modal-shell.lg{width:640px}.modal-header{padding:1.6rem 1.8rem 1.3rem;background:#fff;border-radius:21px 21px 0 0;display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0}.modal-header h2{font-family:Fraunces,serif;font-weight:600;margin:0;font-size:22px;color:#3d3080;letter-spacing:-.3px}.modal-header .subtitle{margin:5px 0 0;font-size:14px;color:#766aa5}.modal-close{background:transparent;border:none;cursor:pointer;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;font-size:15px;color:#3d3080;flex-shrink:0;margin-top:2px}.modal-close:hover{background:#ede9f8;color:#6b5fc4}.modal-body{display:flex;flex:1;overflow:hidden}.modal-sidenav{width:148px;flex-shrink:0;background:#fff;border-right:1px solid #DDD8F0;display:flex;flex-direction:column;padding:1.4rem .7rem;gap:4px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#DDD8F0 transparent}.modal-sidenav::-webkit-scrollbar{width:4px}.modal-sidenav::-webkit-scrollbar-thumb{background:#ddd8f0;border-radius:4px}.modal-sidenav-item{font-family:Karla,sans-serif;font-size:13.5px;font-weight:600;color:#7b6fa8;padding:9px 14px;margin:0;width:100%;box-sizing:border-box;cursor:pointer;border:none;background:transparent;text-align:left;border-radius:8px;transition:all .15s ease}.modal-sidenav-item.active{color:#3d3080;background:#ede9f8}.modal-sidenav-item:hover:not(.active){color:#3d3080;background:#f8f8fa}.modal-sidenav.inline{padding:0;border-right:1px solid #DDD8F0;width:132px}@media (max-width: 640px){.modal-sidenav.inline{width:100%;padding:0 0 .6rem;border-bottom:1px solid #DDD8F0}}.modal-content{flex:1;overflow-y:auto;padding:1.4rem 1.6rem;scrollbar-width:thin;scrollbar-color:#DDD8F0 transparent}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-thumb{background:#ddd8f0;border-radius:4px}.modal-footer{padding:1.2rem 1.8rem;border-top:1px solid #DDD8F0;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0;background:#fff;border-radius:0 0 22px 22px}@media (max-width: 640px){.modal-shell,.modal-shell.lg{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border-radius:0;border:none}.modal-header{padding:1.1rem 1.1rem 1rem;border-radius:0}.modal-header h2{font-size:19px}.modal-header .subtitle{font-size:13px}.modal-footer{padding:.9rem 1.1rem;border-radius:0;padding-bottom:max(.9rem,env(safe-area-inset-bottom))}.modal-body{flex-direction:column;overflow:hidden}.modal-sidenav{width:100%;flex-direction:row;flex-shrink:0;border-right:none;border-bottom:1px solid #DDD8F0;padding:.6rem .7rem;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.modal-sidenav::-webkit-scrollbar{display:none}.modal-sidenav-item{width:auto;white-space:nowrap;flex-shrink:0;margin:0}.modal-content{padding:1.1rem}.grid-2{grid-template-columns:1fr}}.form-col{display:flex;flex-direction:column;gap:1.1rem}.form-field{display:flex;flex-direction:column;gap:7px}.form-field label{font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#736ba8}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}.form-field+.form-field,.form-field+.grid-2,.grid-2+.form-field,.grid-2+.grid-2{margin-top:1.1rem}.grid-2>.form-field{margin-top:0}.field-input{font-family:Karla,sans-serif;width:100%;outline:none;transition:all .15s ease;background:#f8f8fa;border:1.5px solid #DDD8F0;border-radius:12px;padding:11px 14px;color:#3d3080;font-size:14px;line-height:1.4}.helper-text{font-family:Karla,sans-serif;font-size:12px;line-height:1.4;color:#8e86bd;margin-top:4px}.field-input::placeholder{color:#757575}.field-input:focus{border-color:#6b5fc4;background-color:#fff;box-shadow:0 0 0 3px #6b5fc41f}.field-input.error{border-color:#c0392b}.field-input.error:focus{border-color:#c0392b;box-shadow:0 0 0 3px #c0392b24}textarea.field-input{resize:vertical;min-height:84px;font-family:Karla,sans-serif}select.field-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23766AA5' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px;padding-right:36px}select.field-input::-ms-expand{display:none}select.field-input:focus{border-color:#6b5fc4}.catalog-filters-row select,.todo-status-select,.todo-almanac-select,.annal-filter-row-secondary select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f8f8fa!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23766AA5' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:12px 8px!important;padding-right:36px!important;color:#3d3080!important;border-color:#ddd8f0!important;transition:border-color .15s,background-color .15s}.catalog-filters-row select::-ms-expand,.todo-status-select::-ms-expand,.todo-almanac-select::-ms-expand,.annal-filter-row-secondary select::-ms-expand{display:none}.catalog-filters-row select:hover,.todo-status-select:hover,.todo-almanac-select:hover,.annal-filter-row-secondary select:hover{border-color:#6b5fc4!important}.catalog-filters-row select:focus,.todo-status-select:focus,.todo-almanac-select:focus,.annal-filter-row-secondary select:focus{border-color:#6b5fc4!important;background-color:#fff!important;box-shadow:0 0 0 3px #6b5fc426}select.field-input option,.catalog-filters-row select option,.todo-status-select option,.todo-almanac-select option,.annal-filter-row-secondary select option{background-color:#fff;color:#3d3080}select.field-input option:checked,select.field-input option:hover,.catalog-filters-row select option:checked,.catalog-filters-row select option:hover,.todo-status-select option:checked,.todo-status-select option:hover,.todo-almanac-select option:checked,.todo-almanac-select option:hover,.annal-filter-row-secondary select option:checked,.annal-filter-row-secondary select option:hover{background-color:#fff;color:#3d3080}.tag-input-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%;min-height:42px;box-sizing:border-box;background:#f8f8fa;border:1.5px solid #DDD8F0;border-radius:12px;padding:7px 8px;position:relative}.tag-input-wrap:focus-within{border-color:#6b5fc4;background-color:#fff;box-shadow:0 0 0 3px #6b5fc41f}.tag-pill{display:inline-flex;align-items:center;gap:5px;font-family:Karla,sans-serif;font-weight:600;font-size:12px;padding:4px 6px 4px 12px;border-radius:20px;background:#3d3080;color:#fff;white-space:nowrap}.tag-pill-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:none;cursor:pointer;background:#ffffff2e;color:#fff;font-size:11px;line-height:1;padding:0;flex-shrink:0;transition:background .14s}.tag-pill-remove:hover{background:#ffffff52}.tag-input-field{flex:1;min-width:90px;border:none;outline:none;background:transparent;font-family:Karla,sans-serif;font-size:14px;color:#3d3080;padding:4px 2px}.tag-input-field::placeholder{color:#757575}.tag-input-menu{position:absolute;z-index:20;top:100%;left:0;right:0;margin:4px 0 0;padding:4px;list-style:none;background:#fff;border:1px solid #C8C0F0;border-radius:10px;box-shadow:0 6px 18px #3d308026;max-height:200px;overflow-y:auto}.tag-input-option{padding:7px 10px;border-radius:6px;cursor:pointer;font-size:13px;color:#3d3080;display:flex;align-items:center;justify-content:space-between;gap:8px}.tag-input-option.highlight{background:#f0eef8}.tag-input-option-hint{font-size:10.5px;color:#766aa5;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.checkbox-row{display:flex;align-items:center;gap:9px}.checkbox-row input[type=checkbox]{width:17px;height:17px;accent-color:#3D3080;cursor:pointer;flex-shrink:0}.checkbox-row label{font-weight:500;font-size:13.5px;color:#3d3080;text-transform:none;letter-spacing:normal;cursor:pointer}.pill-row{display:flex;flex-wrap:wrap;gap:6px}.pill-toggle{font-family:Karla,sans-serif;font-weight:500;cursor:pointer;transition:all .15s ease;font-size:12px;padding:5px 14px;border-radius:20px;border:1.5px solid #DDD8F0;background:#fff;color:#7b6fa8}.pill-toggle.active{border-color:#3d3080;background:#3d3080;color:#fff;box-shadow:0 2px 8px #3d30802e}.flex-spacer{flex:1}.danger-card{border-radius:12px;padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fff;border:1.5px solid #C0392B}.danger-card.stacked{flex-direction:column;align-items:stretch}.danger-card p{margin:0}.danger-title{font-weight:600;font-size:13px;color:#3d3080}.danger-sub{font-size:12px;color:#766aa5;margin-top:2px!important}.danger-actions{display:flex;gap:8px}.btn-primary.danger{background:#c0392b}.btn-primary.danger:hover{background:#a93226}.info-card{border-radius:12px;padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#f0eef8;border:1px solid #EEEAF8}.info-card p{margin:0}.info-title{font-weight:600;font-size:13px;color:#3d3080}.info-title.big{font-size:15px}.info-sub{font-size:12px;color:#766aa5;margin-top:2px!important}.info-sub.top{margin-top:4px!important}.reset-password-card{flex-direction:column;align-items:flex-start}.reset-password-btn{align-self:flex-start;margin-top:.9rem}.plan-badge{font-weight:600;font-size:11px;padding:4px 12px;border-radius:20px;white-space:nowrap}.plan-badge.pro{background:#3d3080;color:#fff;border:none}.plan-badge.free{background:#fff;color:#766aa5;border:1.5px solid #DDD8F0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#3d308073;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.image-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#141028d1;display:flex;align-items:center;justify-content:center;padding:4vh 4vw}.image-lightbox-frame{position:relative;max-width:92vw;max-height:92vh;display:flex}.image-lightbox-img{max-width:92vw;max-height:92vh;border-radius:12px;box-shadow:0 28px 64px #0006;object-fit:contain}.image-lightbox-close{position:absolute;top:-14px;right:-14px;width:32px;height:32px;border-radius:50%;background:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;color:#3d3080;box-shadow:0 4px 14px #00000040;transition:all .15s ease}.image-lightbox-close:hover{background:#ede9f8;color:#6b5fc4}.image-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;color:#3d3080;box-shadow:0 4px 14px #00000040;transition:all .15s ease}.image-lightbox-nav:hover{background:#ede9f8;color:#6b5fc4}.image-lightbox-prev{left:-20px}.image-lightbox-next{right:-20px}.gardencanvas-fullscreen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#3d308073;display:flex;align-items:center;justify-content:center;padding:1vh 1vw;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.gardencanvas-fullscreen-panel{width:95vw;height:95vh;max-width:1900px;background:#f8f8fa;border-radius:18px;border:1px solid #EEEAF8;box-shadow:0 28px 64px #3d30803d;padding:1.5rem;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 720px){.gardencanvas-fullscreen-overlay{padding:0}.gardencanvas-fullscreen-panel{width:100vw;height:100vh;max-width:none;border-radius:0}.gardencanvas-fullscreen-btn{display:none!important}.gardencanvas-toolbar-actions{width:100%;justify-content:flex-start}}.modal-box{background:#fff;border-radius:22px;border:1px solid #EEEAF8;box-shadow:0 28px 64px #3d30802e;padding:1.6rem;width:460px;max-width:95vw;max-height:88vh;overflow-y:auto}.modal-box--lg{width:75vw;max-width:1400px}@media (max-width: 720px){.modal-box--lg{width:100vw;max-width:none;height:100vh;max-height:none;border-radius:0}}@keyframes gp-toast-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}input,select,textarea{font-family:Karla,sans-serif;font-size:13px;background:#f8f8fa;border:1.5px solid #DDD8F0;border-radius:10px;padding:9px 11px;color:#3d3080;outline:none;transition:border-color .15s,background .15s,box-shadow .15s;width:100%;display:block}input:focus,select:focus,textarea:focus{border-color:#6b5fc4;background:#fff;box-shadow:0 0 0 3px #6b5fc41f}.filter-chip{font-family:Karla,sans-serif;font-size:12px;font-weight:500;padding:5px 16px;border-radius:20px;border:1.5px solid #DDD8F0;background:#fff;color:#7b6fa8;cursor:pointer;transition:all .13s}.filter-chip.active{background:#3d3080;color:#fff;border-color:#3d3080;box-shadow:0 2px 10px #3d308038}.filter-chip:hover:not(.active){border-color:#6b5fc4;color:#3d3080;background:#f0eef8}.divider{height:1px;background:linear-gradient(90deg,transparent,#EEEAF8,transparent);margin:1.2rem 0;border:none}.annal-tag-filter-bar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:1.3rem}.garden-beetle-wrap{position:fixed;z-index:40;transition:left 2.4s cubic-bezier(.45,0,.4,1),top 2.4s cubic-bezier(.45,0,.4,1)}.garden-beetle{cursor:pointer;transition:rotate .9s ease-in-out;filter:drop-shadow(0 2px 3px rgba(30,60,25,.3))}.garden-beetle svg{display:block}.garden-beetle .beetle-leg{transform-box:view-box}.garden-beetle.scuttling .beetle-leg.leg-a{animation:beetle-step-a .5s ease-in-out infinite}.garden-beetle.scuttling .beetle-leg.leg-b{animation:beetle-step-b .5s ease-in-out infinite}@keyframes beetle-step-a{0%,to{transform:rotate(-13deg)}50%{transform:rotate(13deg)}}@keyframes beetle-step-b{0%,to{transform:rotate(13deg)}50%{transform:rotate(-13deg)}}.garden-beetle:not(.scuttling){animation:beetle-idle 3.2s ease-in-out infinite}@keyframes beetle-idle{0%,to{translate:0 0}50%{translate:0 -2px}}.journal-card{position:relative;background:repeating-linear-gradient(180deg,transparent 0px,transparent 30px,rgba(232,160,48,.1) 31px),linear-gradient(160deg,#fdfcf9,#fbfaf6 60%,#faf9f4);border:1px solid #EFEBE0;border-radius:20px;padding:1.5rem 1.75rem 1.5rem 3rem;box-shadow:0 4px 20px #8b691414,0 1px 3px #8b69140f;overflow:hidden;width:100%;display:flex;align-items:center;gap:24px}.journal-card:after{content:"";position:absolute;top:0;left:0;bottom:0;width:34px;background:#e8a0300a;border-right:1px dashed rgba(232,160,48,.3)}.journal-text{flex:1;min-width:0;position:relative;z-index:1}.journal-symbol{flex-shrink:0;width:200px;height:300px;align-self:center;display:flex;align-items:center;justify-content:center;font-size:56px;position:relative;z-index:1;overflow:hidden}.journal-symbol img{width:200px;height:300px;object-fit:cover;border-radius:14px}.journal-label{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;color:#d98a28;text-transform:uppercase;letter-spacing:2px;margin:0 0 .4rem;position:relative;z-index:1}.journal-date{font-family:JetBrains Mono,monospace;font-size:15px;font-weight:500;color:#3d3080;letter-spacing:1.5px;margin:0 0 1.1rem;position:relative;z-index:1}.journal-body{font-family:JetBrains Mono,monospace;font-size:13.5px;line-height:1.85;color:#3d3080;position:relative;z-index:1}.journal-body p{margin:0 0 1.1em}.journal-body p:last-child{margin-bottom:0}@media (max-width: 900px){.journal-card{flex-direction:column;padding:1.5rem;align-items:stretch}.journal-card:after{display:none}.journal-symbol,.journal-symbol img{width:100%;height:200px}}.annal-grid{display:flex;gap:20px;align-items:flex-start}.annal-col-list{width:240px;flex-shrink:0;display:flex;flex-direction:column;gap:8px}.annal-col-main{flex:1;min-width:0}.annal-col-atmosphere{width:360px;flex-shrink:0}.annal-date-card{text-align:left;width:100%;background:#fff;border:1.5px solid #EEEAF8;border-radius:14px;padding:12px 15px;cursor:pointer;box-shadow:0 1px 6px #3d30800d;transition:all .14s}.annal-date-card:hover{border-color:#c8c0f0}.annal-date-card.selected{border-color:#6b5fc4;border-width:2px;background:#fbfaff}.annal-date-card .annal-d-title{font-family:Fraunces,serif;font-weight:700;font-size:14.5px;color:#3d3080;margin:0 0 3px}.annal-date-card .annal-d-sub{font-size:12px;color:#9a94c0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.annal-add-btn{background:transparent;border:1.5px dashed #C8C0F0;border-radius:14px;padding:10px 15px;color:#7b6fa8;font-family:Karla,sans-serif;font-weight:600;font-size:12.5px;cursor:pointer;transition:all .14s;text-align:center}.annal-add-btn:hover{border-color:#6b5fc4;color:#3d3080;background:#f0eef8}.annal-date-list-scroll{display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 230px);overflow-y:auto;padding-right:4px}.annal-date-select-mobile,.annal-mobile-quick-actions{display:none}.annal-atmosphere-slider-wrap{padding:4px 2px 2px}.annal-atmosphere-slider,.annal-atmosphere-slider:focus{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:4px;background:linear-gradient(90deg,#c4841e,#a99edd 50%,#3e8a57);outline:none;cursor:pointer;margin:10px 0 8px;padding:0;border:none;box-shadow:none}.annal-atmosphere-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #6B5FC4;box-shadow:0 2px 6px #3d30804d;cursor:pointer}.annal-atmosphere-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #6B5FC4;box-shadow:0 2px 6px #3d30804d;cursor:pointer}.annal-atmosphere-labels{display:flex;justify-content:space-between;font-family:Karla,sans-serif;font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.annal-photo-drop{display:flex;align-items:center;justify-content:center;gap:8px;border:1.5px dashed #C8C0F0;border-radius:12px;padding:14px;cursor:pointer;color:#9a94c0;font-family:Karla,sans-serif;font-weight:600;font-size:12px;letter-spacing:.3px;transition:background .14s}.annal-photo-drop:hover{background:#f8f7fc}.annal-recipe-suggestions{list-style:none;margin:4px 0 0;padding:4px;border:1px solid #C8C0F0;border-radius:10px;background:#fbfaff;max-height:160px;overflow-y:auto}.annal-recipe-suggestions li+li{margin-top:2px}.annal-recipe-suggestions button{display:flex;justify-content:space-between;align-items:baseline;gap:8px;width:100%;text-align:left;padding:6px 10px;border:none;background:transparent;border-radius:7px;cursor:pointer;font-family:Karla,sans-serif;font-size:12.5px;color:#3d3080}.annal-recipe-suggestions button:hover,.annal-recipe-suggestions button:focus-visible{background:#ede9f8}.annal-action-row{display:flex;gap:6px;flex-shrink:0}.annal-action-pill{font-family:Karla,sans-serif;font-size:11px;font-weight:600;letter-spacing:.1px;padding:3px 11px;border-radius:5.5px;background:#fff;cursor:pointer;transition:all .14s;line-height:1.4}.annal-action-pill-edit{color:#7b6fa8;border:1px solid #EDE9F8}.annal-action-pill-edit:hover{background:#ede9f8;border-color:#ddd8f0}.annal-action-pill-delete{color:#d44a3a;border:1px solid rgba(212,74,58,.267)}.annal-action-pill-delete:hover{background:#d44a3a14;border-color:#d44a3a73}@media (max-width: 860px){.annal-grid{flex-direction:column}.annal-col-list,.annal-col-atmosphere,.annal-col-main{width:100%}.annal-col-list{order:1}.annal-col-atmosphere{order:2}.annal-col-main{order:3}.annal-date-list-scroll,.annal-desktop-add-btn{display:none}.annal-filter-row-secondary{flex-wrap:nowrap!important;width:100%}.annal-almanac-select{flex:0 1 auto;width:auto;max-width:34%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.annal-mobile-quick-actions{display:flex;align-items:center;gap:8px;flex:1 1 0;min-width:0}.annal-mobile-quick-actions .annal-date-select-mobile{flex:1;min-width:0}.annal-mobile-quick-actions .annal-mobile-add-btn{flex-shrink:0;padding:9px 14px;white-space:nowrap}.annal-date-select-mobile{display:block;width:100%;font-family:Karla,sans-serif;font-size:13px;font-weight:400;color:#3d3080;background:#f8f8fa;border:1.5px solid #DDD8F0;border-radius:10px;padding:9px 11px;cursor:pointer;outline:none;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.annal-recipe-detail-grid{grid-template-columns:1fr!important}}