:root{view-transition-name:none}
::view-transition-group(*){animation-duration:.52s;animation-timing-function:cubic-bezier(.25,.1,.25,1)}
html[data-motion="reorder"]::view-transition-group(*){animation-duration:.4s}
dialog[open]{animation:soft-panel-open .36s cubic-bezier(.22,.61,.36,1) both;transform-origin:center}
dialog[open]::backdrop{animation:soft-backdrop-open .24s ease-out both}
#account-menu[open]>.dropdown{animation:soft-panel-open .32s cubic-bezier(.22,.61,.36,1) both;transform-origin:top right}
@keyframes soft-panel-open{from{opacity:0;transform:translateY(12px) scale(.965)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes soft-backdrop-open{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){dialog[open],dialog[open]::backdrop,#account-menu[open]>.dropdown{animation:none}}
::view-transition-old(material-cover),::view-transition-new(material-cover){height:100%;width:100%;object-fit:contain;object-position:center;mix-blend-mode:normal}
::view-transition{pointer-events:none}
html[data-motion="theme"]::view-transition-old(root),html[data-motion="theme"]::view-transition-new(root){animation:none;mix-blend-mode:normal}
html[data-motion="theme"]::view-transition-old(root){z-index:1}html[data-motion="theme"]::view-transition-new(root){z-index:2}
.header-tools{display:flex;gap:7px;align-items:center;margin-left:auto}
.header-tool{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;min-height:42px;padding:0;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:25px;border-radius:50%;flex-shrink:0}
.header-tool svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.notification-count{position:absolute;right:-3px;top:-3px;min-width:18px;height:18px;padding:0 4px;border-radius:12px;background:var(--green);color:var(--surface);font-size:11px;font-weight:700;line-height:18px}
.notification-count[hidden],#opening-loader[hidden],.notification-return[hidden]{display:none}
.notification-return{position:fixed;z-index:75;top:calc(var(--site-header-height,80px) + 12px);left:50%;transform:translateX(-50%);max-width:calc(100vw - 28px);display:flex;align-items:center;gap:9px;border-radius:26px;padding:10px 17px;background:var(--surface);border:1px solid var(--line);color:var(--ink);box-shadow:var(--shadow-soft);font-size:14px}
.notification-return .return-dot{width:9px;height:9px;background:var(--green);border-radius:50%;flex-shrink:0}
.offer-prompt{position:fixed;z-index:76;top:calc(var(--site-header-height,80px) + 12px);left:50%;transform:translateX(-50%);max-width:calc(100vw - 28px);width:max-content;border:1px solid #edd599;border-radius:24px;background:#fff0c4;color:#4c431f;box-shadow:0 4px 18px #ad772622,0 0 22px #edc35d33;overflow:hidden}
.offer-prompt[hidden]{display:none}
.offer-prompt-link{display:flex;align-items:center;gap:12px;padding:11px 58px 11px 18px;min-height:68px;color:inherit;text-decoration:none;border-radius:inherit;position:relative;z-index:1}
.offer-prompt-link strong{display:block;font-size:14px;line-height:1.35;font-weight:600}
.offer-prompt-star{font-size:25px;line-height:1;color:#9a6911;flex-shrink:0}
.offer-prompt-more{display:block;font-size:13px;line-height:1.4;margin-top:3px;text-decoration:underline;text-underline-offset:3px;color:#17665a}
.offer-prompt-close{position:absolute;z-index:2;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#655730;font-size:25px;line-height:1}
.offer-prompt-close:hover{background:#f4df9d}
.offer-prompt-link:focus-visible{outline:3px solid var(--green);outline-offset:-4px}
.offer-prompt::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 30%,#ffffff80 50%,transparent 70%);transform:translateX(-120%);animation:offer-soft-shine 2.6s ease-in-out 1;z-index:0}
@keyframes offer-soft-shine{to{transform:translateX(120%)}}
.has-offer-prompt .notification-return{top:calc(var(--site-header-height,80px) + 94px)}
header nav a[data-nav="offers"]{background:var(--warm);border-radius:12px;padding-inline:12px;color:var(--ink)}
header nav a[data-nav="offers"]::before{content:'✦';color:#966619;margin-right:5px;font-size:14px}
@media(max-width:600px){.offer-prompt-link{gap:9px;padding-left:13px;padding-right:51px}.offer-prompt-link strong{font-size:13px}.offer-prompt-star{font-size:22px}header nav a[data-nav="offers"]{padding-inline:7px}}
@media(prefers-reduced-motion:reduce){.offer-prompt::after{animation:none;display:none}}
.landing-access-mascot.landing-eye-mascot{position:relative;float:none;display:block;width:260px;height:auto;aspect-ratio:160/151;max-width:100%;margin:0 auto 18px;transform:none;pointer-events:none}
.landing-eye-mascot>img{display:block;width:100%;height:100%;object-fit:contain;transform:none}
.landing-eye-mascot .mascot-eye-left{left:35.72%;top:37.8%}
.landing-eye-mascot .mascot-eye-right{left:57.1%;top:41.01%}
@media(max-width:600px){.landing-access-mascot.landing-eye-mascot{width:220px;margin:0 auto 18px}}
.notifications-dialog{max-width:760px;width:calc(100% - 28px);max-height:85vh;overflow:auto;background:var(--surface)}
.notification-list{display:grid;gap:12px;margin-top:20px}.notification-item{display:flex;gap:13px;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--page)}
.notification-item img{width:64px;height:64px;object-fit:contain;border-radius:9px;flex-shrink:0}.notification-item h3{font-size:17px;margin:0 0 5px}.notification-item p{font-size:14px;margin:0 0 7px;white-space:pre-wrap}.notification-item time{font-size:12px;color:var(--muted)}.notification-item a{display:block;margin-top:7px;font-size:14px;color:var(--green)}
.new-notification-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.new-notification-grid a{color:var(--ink);text-decoration:none;border:1px solid var(--line);padding:10px;border-radius:13px}.new-notification-grid img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:9px;background:var(--page)}.new-notification-grid strong{display:block;font-size:14px;line-height:1.35;margin-top:8px}.new-notification-grid time{display:block;font-size:11px;color:var(--muted);margin-top:6px}
.registration-gift-panel{margin-top:28px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.registration-gift-panel form{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.registration-gift-panel label{flex:1;min-width:200px}.registration-gift-panel select{width:100%}
.boot-waiting body>header,.boot-waiting body>main,.boot-waiting body>footer{visibility:hidden}
#opening-loader{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:var(--page);color:var(--ink);text-align:center;padding:24px}
.opening-loader-inner{width:min(360px,100%)}.opening-mascot{position:relative;margin:0 auto 24px;width:180px;height:180px;display:grid;place-items:center;border-radius:50%;background:var(--soft)}.opening-mascot img{width:135px;height:135px;object-fit:contain}.opening-mascot:after{content:'';position:absolute;inset:0;border:3px solid transparent;border-top-color:var(--green);border-right-color:color-mix(in srgb,var(--green) 30%,transparent);border-radius:50%;animation:opening-spin 2.6s linear infinite}
#opening-loader h2{font-size:24px;margin:0 0 9px}#opening-loader p{font-size:15px;color:var(--muted);margin:0}.opening-dots{display:flex;gap:7px;justify-content:center;margin-top:22px}.opening-dots i{width:6px;height:6px;border-radius:50%;background:var(--green);animation:opening-dot 1.3s ease-in-out infinite}.opening-dots i:nth-child(2){animation-delay:.18s}.opening-dots i:nth-child(3){animation-delay:.36s}#opening-loader button{margin-top:22px}
@keyframes opening-spin{to{transform:rotate(360deg)}}@keyframes opening-dot{50%{opacity:.3;transform:translateY(-3px)}}
html[data-theme="dark"]{color-scheme:dark;--ink:#e0eae5;--muted:#b1c2b9;--green:#69c1a4;--line:#3b5148;--soft:#253d32;--warm:#493d22;--honey:#edc46a;--page:#17251f;--surface:#22352d}
html[data-theme="dark"] header{background:#1c2f26}html[data-theme="dark"] .card,html[data-theme="dark"] .panel,html[data-theme="dark"] dialog,html[data-theme="dark"] .buy-option,html[data-theme="dark"] .material-review-card,html[data-theme="dark"] .admin-table,html[data-theme="dark"] .upload-panel,html[data-theme="dark"] .dropdown,html[data-theme="dark"] .account-user{background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select,html[data-theme="dark"] button:not(.primary),html[data-theme="dark"] .button:not(.primary){background:var(--surface);color:var(--ink);border-color:var(--line)}html[data-theme="dark"] .primary{background:#69c1a4;color:#132b20;border-color:#69c1a4}html[data-theme="dark"] .filters a,html[data-theme="dark"] .card h2,html[data-theme="dark"] .card p,html[data-theme="dark"] .card-price strong,html[data-theme="dark"] .card-value .price-main,html[data-theme="dark"] .detail h1,html[data-theme="dark"] .account-name{color:var(--ink)}
html[data-theme="dark"] .ribbon-cover,html[data-theme="dark"] .detail-cover>img,html[data-theme="dark"] .preview-pages{background:var(--surface)}html[data-theme="dark"] .favorite-button{background:var(--surface);color:var(--green)}html[data-theme="dark"] .landing-section,html[data-theme="dark"] .landing-free-grid .card{background:var(--page)}html[data-theme="dark"] .storybook-hero{background:#253d32}html[data-theme="dark"] .landing-hero-copy h1,html[data-theme="dark"] .landing-lead,html[data-theme="dark"] .story-tagline{color:var(--ink)}html[data-theme="dark"] .quiet,html[data-theme="dark"] .result-line{color:var(--muted)}
html[data-theme="dark"] .account-trigger,html[data-theme="dark"] .account-dropdown,html[data-theme="dark"] .account-sidebar,html[data-theme="dark"] .account-content .purchase-row,html[data-theme="dark"] .account-sidebar nav a{background:var(--surface);color:var(--ink);border-color:var(--line)}html[data-theme="dark"] .account-avatar{background:var(--soft);border-color:var(--line);color:var(--green)}
html[data-theme="dark"] .admin-metric,html[data-theme="dark"] .admin-report,html[data-theme="dark"] .auth-card,html[data-theme="dark"] .auth-main,html[data-theme="dark"] .plan,html[data-theme="dark"] .plan-card,html[data-theme="dark"] .pricing-plan,html[data-theme="dark"] .home-review,html[data-theme="dark"] .section-existing-row,html[data-theme="dark"] .editor-photo-item{background:var(--surface);color:var(--ink);border-color:var(--line)}h1[tabindex="-1"]:focus{outline:none}
@media(min-width:721px) and (max-width:1100px){.header{flex-wrap:wrap}.header>nav{order:5;width:100%;justify-content:space-between;padding:0}.header>nav a{padding:12px 0}}
@media(max-width:720px){.header-tools{gap:5px;margin-left:auto}.header-tool{width:36px;height:36px;min-height:36px;font-size:22px}.header{column-gap:8px!important;row-gap:8px!important}.new-notification-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-return{font-size:12px;width:max-content}.notifications-dialog{padding:20px}}
@media(max-width:720px){.header{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center}.header .brand{grid-column:1;grid-row:1;order:0!important;min-width:0;max-width:none;justify-self:start;margin:0}.header .brand span{font-size:17px}.header .brand img{width:29px;height:29px}.header .header-tools{grid-column:2;grid-row:1;order:0!important;margin:0}.header #account-menu{grid-column:3;grid-row:1;order:0!important;margin:0}.header .account-trigger{padding:4px!important;max-width:none!important;gap:0!important;min-height:36px}.header .account-trigger-text,.header .account-trigger>svg{display:none!important}.header .account-trigger .account-avatar{display:inline-flex!important;width:28px;height:28px}.header .header-subscription{grid-column:1/-1;grid-row:2;order:0!important;margin:0!important;width:100%;justify-content:center;padding:9px}.header>nav{grid-column:1/-1;grid-row:3;order:0!important;margin-top:0;width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}.opening-mascot:after,.opening-dots i{animation:none!important}}
.ribbon-card .card-purchase-options{order:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;margin-top:12px;container-type:inline-size}
.ribbon-card .card-purchase-options .button{display:flex;flex-direction:column;gap:4px;min-width:0;min-height:56px;margin:0;padding:8px 5px;border-radius:12px;border-color:var(--green);font-size:14px;line-height:1.25;text-align:center}
.ribbon-card .card-purchase-options .card-buy{color:var(--green);background:var(--surface,#fff)}
.ribbon-card .card-purchase-options .card-buy:hover{background:var(--soft)}
.ribbon-card .card-purchase-options .button small{font-size:12px;line-height:1.3;font-weight:400;overflow-wrap:normal}
.ribbon-card .card-purchase-note{order:4;display:block;margin:7px 0 0;text-align:center;font-size:12px;line-height:1.35;color:var(--muted)}
html[data-theme="dark"] .ribbon-card .card-purchase-options .card-buy{border-color:#69c1a4;color:#9bdec6}
@container(max-width:155px){.ribbon-card .card-purchase-options .button{font-size:12px;padding-inline:2px;min-height:76px}}
@media(max-width:600px){.ribbon-card .card-purchase-options{gap:5px;margin-top:9px}.ribbon-card .card-purchase-options .button{font-size:12px;padding:8px 3px;min-height:76px}.ribbon-card .card-purchase-note{min-height:32px}}
.registration-promo{background:var(--soft);border-bottom:1px solid var(--line);color:var(--ink);font-size:14px}.registration-promo[hidden]{display:none}.registration-promo>.wrap{display:flex;justify-content:center;align-items:center;gap:18px;padding-block:10px}.registration-promo a{color:var(--green);font-weight:600;white-space:nowrap}
.landing-access-mascot{width:180px;height:180px;margin:-8px 0 14px 18px}.pricing-page>.plan-grid{margin-inline:auto;align-items:stretch}.pricing-page .plan{display:flex;flex-direction:column}.pricing-page .plan ul{flex:1}.pricing-page .plan-label{display:flex;align-items:center;min-height:30px;font-size:14px}.pricing-page .plan h2{margin:10px 0 12px}.pricing-page .plan-price{min-height:84px}.pricing-page .plan-price .price-main{line-height:1.2}.pricing-page .plan-price .price-period{display:block;margin-top:5px}
@media(min-width:1101px){.header{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;gap:18px;align-items:center}.header>.brand{grid-column:1;margin:0}.header>nav{grid-column:2;justify-content:center;gap:clamp(12px,1.6vw,24px)}.header>.header-subscription{grid-column:3;margin:0}.header>.header-tools{grid-column:4;margin:0}.header>#account-menu{grid-column:5;margin:0}}
@media(min-width:721px) and (max-width:1100px){.header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px 16px}.header>.brand{grid-column:1;grid-row:1;margin:0}.header>.header-tools{grid-column:2;grid-row:1;margin:0}.header>#account-menu{grid-column:3;grid-row:1;margin:0}.header>.header-subscription{grid-column:1/-1;grid-row:2;justify-self:center;margin:0}.header>nav{grid-column:1/-1;grid-row:3;width:100%;justify-content:center;gap:28px;margin:0}}
@media(max-width:600px){.registration-promo>.wrap{gap:10px;padding-block:8px;align-items:center}.registration-promo span{font-size:12px;line-height:1.4}.registration-promo a{font-size:12px}.landing-access-mascot{float:none;display:block;margin:0 auto 16px;width:155px;height:155px}}
.pricing-page .plan .plan-price{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:18px;align-content:start;align-items:baseline}.pricing-page .plan-price .price-main{grid-row:1;grid-column:1}.pricing-page .plan-price .price-period{grid-row:2;grid-column:1/-1}.pricing-page .plan-old-price{grid-row:1;grid-column:2}.pricing-page .plan.featured{padding:24px}
@media(min-width:1101px){.header{grid-template-columns:auto auto minmax(0,1fr) auto auto}.header>nav{justify-content:flex-start;margin-left:0}.header>.header-subscription{justify-self:end}.header>.header-tools{justify-self:end}.header .brand{margin-right:0}}
.offers-page{max-width:980px;margin:auto}.offers-intro{margin:0 0 26px}.offer-weekly{padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--soft);margin:22px 0}.offer-weekly h2{margin:14px 0 10px;font-size:28px}.offer-weekly p{max-width:730px}.offers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.offers-grid>.panel{display:flex;flex-direction:column;background:var(--surface,#fff)}.offers-grid h2{font-size:23px;line-height:1.3}.offers-grid .button{margin-top:auto}.offer-price{font-size:32px;font-weight:700;color:var(--ink)}.offer-price del{font-size:19px;color:var(--muted);font-weight:400;white-space:nowrap}.offers-future{margin-top:36px;padding-top:26px;border-top:1px solid var(--line)}.offers-future article{padding:20px;border:1px dashed var(--line);border-radius:16px}.offers-future h3{margin:0 0 9px}.subscription-welcome-offer{max-width:880px;margin:20px auto;text-align:center;font-size:15px}
@media(max-width:600px){.offers-grid{grid-template-columns:1fr}.offer-weekly{padding:22px}.offer-weekly h2{font-size:25px}.header>nav a{padding-inline:2px;font-size:13px}.offer-price{font-size:29px}}
@media(min-width:721px) and (max-width:1199px){.header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px 16px}.header>.brand{grid-column:1;grid-row:1;margin:0}.header>.header-tools{grid-column:2;grid-row:1;margin:0}.header>#account-menu{grid-column:3;grid-row:1;margin:0}.header>.header-subscription{grid-column:1/-1;grid-row:2;justify-self:center;margin:0}.header>nav{grid-column:1/-1;grid-row:3;width:100%;justify-content:flex-start;gap:28px;margin:0}}
@media(max-width:720px){.header>nav{gap:0}.header>nav a{padding-inline:2px;font-size:13px}}

@media(min-width:1200px) and (max-width:1359px){.header{gap:12px}.header>nav{gap:14px}.header>.header-subscription{font-size:13px;padding-inline:12px}.header #account-menu .account-trigger{max-width:160px}}
.instant-download-note{margin:16px 0 0;font-size:14px;line-height:1.5;color:var(--muted);font-weight:500}
.header{position:relative}.site-mode-toggle{position:absolute;left:24px;top:27px;width:38px;height:38px;min-height:38px;padding:8px;border-radius:10px;background:var(--soft);border-color:var(--line);color:var(--green)}.site-mode-toggle[hidden]{display:none}.site-mode-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.inline-card-edit{align-self:flex-start;padding:3px 8px;min-height:30px;font-size:12px;margin:0 0 7px;background:var(--soft);color:var(--green);border-radius:7px}.inline-cover-edit{position:absolute;left:12px;top:12px;z-index:3;min-height:34px;padding:6px 10px;font-size:13px;background:var(--surface,#fff);box-shadow:0 3px 12px #0001}.inline-detail-tools{margin-bottom:14px}.inline-detail-tools button,.inline-section-edit{min-height:34px;font-size:13px;padding:6px 10px;color:var(--green);background:var(--soft)}.inline-section-edit{margin:0 0 9px;width:100%}.inline-sections-dialog{max-width:980px;width:calc(100% - 28px);max-height:86dvh;overflow:auto;padding:24px}.inline-sections-dialog .section-manager{margin:18px 0 0;padding:18px}.inline-sections-dialog h2{margin:0 50px 12px 0}
@media(min-width:721px) and (max-width:1199px){.header:has(.site-mode-toggle:not([hidden]))>.brand{padding-left:42px}.site-mode-toggle{top:17px}}
@media(max-width:720px){.site-mode-toggle{left:20px;top:15px;width:32px;height:32px;min-height:32px;padding:6px}.header:has(.site-mode-toggle:not([hidden]))>.brand{padding-left:37px}.inline-card-edit{font-size:12px;padding:3px 5px}.inline-cover-edit{font-size:12px}.inline-sections-dialog{padding:18px}.inline-sections-dialog .section-manager{padding:12px}.instant-download-note{font-size:13px}}
.material-navigation{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px;position:sticky;top:calc(var(--site-header-height,96px) + 8px);z-index:8;background:var(--page,#fff);padding-block:4px}.material-navigation .breadcrumbs{margin:0;min-width:0;padding-block:8px}.detail-close{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface,#fff);color:var(--ink);text-decoration:none}.detail-close svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.detail-close:hover{color:var(--green);background:var(--soft)}