:root{--color-paper:#f4f1ea;--color-card:#fbfaf7;--color-primary:#2f5d4a;--color-primary-dark:#244a3b;--color-primary-soft:#d5e4dc;--color-ink:#1f2a24;--color-muted:#5c6b63;--color-line:#e4e0d8;--color-on-primary:#fff;--color-on-primary-soft:#e4f0ea;--color-canyon:#9a5340;--color-fuji:#3d4f5f;--color-fuji-accent:#d4a5b0;--font-body:"Spotter Sans", "Segoe UI", Arial, sans-serif;--font-display:var(--font-body);--heading-tracking:-.025em;--heading-leading:1.18;--body-leading:1.7;--container:1120px;--radius-card:22px;--radius-media:18px;--shadow-card:0 18px 40px #244a3b14;color-scheme:light}html:lang(zh-CN){--font-body:"Spotter Sans", "Spotter Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif}html:lang(zh-TW){--font-body:"Spotter Sans", "Spotter Sans TC", "Spotter Sans SC", "PingFang TC", "Microsoft JhengHei", sans-serif}html:lang(ja){--font-body:"Spotter Sans", "Spotter Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif}html:lang(ko){--font-body:"Spotter Sans", "Spotter Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif}html:lang(zh),html:lang(ja),html:lang(ko){--heading-tracking:0;--heading-leading:1.35;--body-leading:1.8}html:lang(ar){--font-body:"Spotter Sans", "Spotter Sans Arabic", "Noto Sans Arabic", Tahoma, sans-serif;--heading-tracking:0;--heading-leading:1.5;--body-leading:1.9}*,:before,:after{box-sizing:border-box}html{background:var(--color-paper)}[hidden]{display:none!important}body{background:radial-gradient(ellipse at top left, #d5e4dcd9, transparent 46%), var(--color-paper);min-height:100vh;color:var(--color-ink);font-family:var(--font-body);font-size:1.0625rem;font-weight:400;line-height:var(--body-leading);overflow-wrap:break-word;text-align:start;margin:0}img{max-width:100%;height:auto}figure,ul,ol,h1,h2,h3,p{margin:0}button,summary,input,select,textarea{font:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:var(--heading-tracking);font-weight:700;line-height:var(--heading-leading)}a{color:inherit}:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.skip{inset-inline-start:16px;z-index:50;background:var(--color-card);color:var(--color-ink);border-radius:8px;padding:8px 12px;position:absolute;top:0;transform:translateY(-100%)}.skip:focus{top:12px;transform:none}.container{width:min(var(--container), calc(100% - 32px));margin-inline:auto}.site-header{z-index:20;border-bottom:1px solid var(--color-line);background:#f4f1eaf0;position:sticky;top:0}.header-inner{flex-wrap:wrap;align-items:center;gap:12px 16px;min-height:64px;padding-block:10px;display:flex}.header-inner>*,.nav-list a,.header-login,.lang summary{min-width:0;max-width:100%}.brand{align-items:center;gap:10px;min-width:0;min-height:44px;margin-inline-end:auto;text-decoration:none;display:inline-flex}.brand img{border-radius:10px;width:40px;height:40px}.wordmark{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.6rem;font-weight:700;line-height:1}.nav-toggle{border:1px solid var(--color-line);background:var(--color-card);min-height:44px;color:var(--color-primary-dark);cursor:pointer;border-radius:999px;align-items:center;padding:8px 12px;display:inline-flex}.nav-toggle .when-open,.nav-toggle[aria-expanded=true] .when-closed{display:none}.nav-toggle[aria-expanded=true] .when-open{display:inline}#site-nav{width:100%;padding-bottom:8px;display:none}#site-nav[data-open=true]{flex-direction:column;align-items:flex-start;gap:12px;display:flex}@media (width<=959px){#site-nav[data-open=true]{overscroll-behavior:contain;max-height:calc(100dvh - 72px);overflow:auto}}.nav-list{flex-direction:column;align-items:flex-start;gap:4px 16px;padding:0;list-style:none;display:flex}.nav-list a{align-items:center;min-height:44px;font-weight:500;text-decoration:none;display:inline-flex}.nav-list a[aria-current=page]{color:var(--color-primary-dark);text-underline-offset:.28em;text-decoration:underline}.nav-pending{flex-direction:column;gap:1px;min-width:0;display:flex}.nav-pending-label{color:var(--color-ink)}.nav-pending-state,.nav-note,.lang-reserved,.preview-note,.play-note,.button-state,.lang-current{font-size:.875rem;line-height:1.4}.nav-pending-state,.nav-note,.lang-reserved,.preview-note,.play-note,.card p,.footer p{color:var(--color-muted)}.lang{position:relative}.lang summary{border:1px solid var(--color-line);background:var(--color-card);cursor:pointer;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:8px 12px;list-style:none;display:inline-flex}.lang summary::-webkit-details-marker{display:none}.lang-panel{background:var(--color-card);border:1px solid var(--color-line);border-radius:16px;gap:8px;max-width:100%;margin-top:8px;padding:12px;display:grid}.lang-options{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.lang-options a:lang(zh-CN){font-family:Spotter Sans,Spotter Sans SC,PingFang SC,Microsoft YaHei,sans-serif}.lang-options a:lang(zh-TW){font-family:Spotter Sans,Spotter Sans TC,Spotter Sans SC,PingFang TC,Microsoft JhengHei,sans-serif}.lang-options a:lang(ja){font-family:Spotter Sans,Spotter Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}.lang-options a:lang(ko){font-family:Spotter Sans,Spotter Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif}.lang-options a:lang(ar){font-family:Spotter Sans,Spotter Sans Arabic,Tahoma,sans-serif}.lang-options a{white-space:normal;border-radius:999px;align-items:center;max-width:100%;min-height:44px;padding:6px 10px;text-decoration:none;display:inline-flex}.lang-options a[aria-current=true]{background:var(--color-primary-soft);color:var(--color-primary-dark)}.header-login{min-height:44px}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;max-width:100%;min-height:44px;padding:8px 16px;font-weight:500;line-height:1.25;text-decoration:none;display:inline-flex}[data-login-google]:not(:disabled){background:var(--color-primary);color:var(--color-on-primary)}[data-login-google]:not(:disabled):hover{background:var(--color-primary-dark)}[data-login-google]:disabled{background:var(--color-line);color:var(--color-muted);cursor:default}.button-primary{background:var(--color-primary);color:var(--color-on-primary)}.button-primary:hover{background:var(--color-primary-dark)}.button-primary .button-state{color:var(--color-on-primary-soft)}.button-ghost{color:var(--color-primary-dark);border-color:var(--color-primary);background:0 0}.button-ghost:hover{background:var(--color-primary-soft)}.hero{align-items:center;gap:20px;padding-block:28px 12px;display:grid}.hero-copy{gap:12px;min-width:0;display:grid}.hero h1,.categories h2,.login-dialog h2{font-family:var(--font-display);letter-spacing:var(--heading-tracking);font-weight:700;line-height:var(--heading-leading)}.hero h1{text-wrap:balance;max-width:10.5em;font-size:clamp(1.85rem,3.4vw,2.8rem)}.brand-slogan{font-family:var(--font-display);color:var(--color-primary-dark);letter-spacing:-.015em;font-size:1.15rem;font-weight:700}.lede{max-width:38rem;font-size:1.0625rem}.action-row{flex-wrap:wrap;gap:10px;width:100%;display:flex}.hero-media{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-card);min-width:0;box-shadow:var(--shadow-card);padding:8px}.hero-media img{aspect-ratio:1024/500;object-fit:contain;border-radius:var(--radius-media);background:var(--color-line);width:100%;height:auto;display:block}.categories{gap:16px;padding-block:12px 36px;display:grid}.categories h2{font-size:clamp(1.5rem,3vw,2rem)}.section-intro{max-width:40rem}.cards{grid-template-columns:1fr;gap:12px;display:grid}.card{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-card);min-width:0;padding:16px 16px 18px}.card h3{font-size:1.2rem;line-height:var(--heading-leading);margin:2px 0 8px}.card[data-accent=fuji]{box-shadow:inset 0 3px 0 var(--color-fuji-accent)}.site-footer{border-top:1px solid var(--color-line);padding-block:20px 28px}.login-dialog{border:1px solid var(--color-line);background:var(--color-card);width:min(28rem,100% - 2rem);max-width:calc(100% - 2rem);max-height:calc(100dvh - 2rem);color:var(--color-ink);border-radius:20px;padding:0;overflow:auto}.login-dialog::backdrop{background:#1f2a2475}.login-dialog form,.login-panel{gap:12px;padding:20px;display:grid}.status-label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);font-size:.875rem}.status-value{background:var(--color-primary-soft);color:var(--color-primary-dark);border-radius:999px;justify-self:start;padding:4px 10px;font-size:.875rem}.login-dialog h2{font-size:1.7rem}@media (width>=700px){.cards{grid-template-columns:1fr 1fr}}@media (width>=768px){.hero,.split{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:28px}.hero{padding-block:36px 12px}}@media (width>=960px){.nav-toggle{display:none}#site-nav,#site-nav[data-open=true]{flex-flow:wrap;justify-content:flex-end;align-items:center;gap:8px 14px;width:auto;min-width:0;max-width:100%;margin-inline-start:auto;padding-bottom:0;display:flex}.nav-list{flex-flow:wrap;align-items:center;gap:4px 16px;min-width:0}.nav-note{display:none}.lang-panel{inset-inline:auto 0;z-index:30;overscroll-behavior:contain;width:min(22rem,100vw - 32px);max-width:min(22rem,100vw - 32px);max-height:min(70dvh,100dvh - 5.5rem);box-shadow:var(--shadow-card);margin-top:0;position:absolute;top:calc(100% + 8px);overflow:auto}.hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:36px;padding-block:48px 20px}}@media (width>=1100px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}}.play-block{gap:8px;min-width:0;display:grid}.band{padding-block:8px 32px}.band-wash{background:#d5e4dc8c;padding-block:32px}.band-route{background:var(--color-card);border-block:1px solid var(--color-line);padding-block:32px}.band h2,.page-intro h1,.not-found h1,.not-found h2,.prose h2{font-family:var(--font-display);letter-spacing:var(--heading-tracking);font-weight:700;line-height:var(--heading-leading)}.band h2,.prose h2,.card h2{margin-bottom:8px;font-size:clamp(1.45rem,2.4vw,2rem)}.page-intro{padding-block:32px 8px}.page-intro h1,.not-found h1{margin-bottom:12px;font-size:clamp(1.85rem,3.4vw,2.8rem)}.eyebrow{color:var(--color-primary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:.875rem}.eyebrow-fuji{color:var(--color-fuji)}.eyebrow-canyon{color:var(--color-canyon)}.split,.not-found{align-items:center;gap:22px;display:grid}.split-copy,.prose,.page-intro,.not-found{min-width:0}.prose,.section-intro,.lede,.split-copy p{max-width:42rem}.point-list,.prose ul{margin:0 0 .75rem;padding-inline:1.2rem 0}.point-list li+li,.prose li+li,.prose p+p,.page-intro p+p,.split-copy p+p{margin-top:.75rem}.prose-section+.prose-section{margin-top:1.6rem}.prose a,.email-link,.product-id{overflow-wrap:anywhere}.bidi-ltr,.product-id,.email-link,.brand-slogan,.wordmark{direction:ltr;unicode-bidi:isolate}.product-id,.price-note,.updated{color:var(--color-muted);font-size:.875rem}.journal{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-card);min-width:0;box-shadow:var(--shadow-card);padding:18px 18px 8px}.journal ul{margin:10px 0 0;padding-inline:1.2rem 0}.feature-summary{color:var(--color-primary);font-size:.95rem;font-weight:700;line-height:1.7}.plan-status{color:var(--color-muted);margin-block:1rem 0;font-size:.95rem}@media (width>=768px){.plan-cards.with-free{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1200px){.plan-cards.with-free{grid-template-columns:repeat(4,minmax(0,1fr))}}.journal li{border-bottom:1px solid var(--color-line);padding:8px 0}.journal li:last-child{border-bottom:0}.text-link,.footer-links a{color:var(--color-primary-dark);text-underline-offset:.2em}.email-link{align-items:center;min-height:44px;display:inline-flex}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;display:flex}.footer-links{flex-wrap:wrap;gap:4px 16px;padding:0;list-style:none;display:flex}.footer-links a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.not-found{align-items:start;padding-block:40px 64px}.card h2{margin-top:0}@media (width>=900px){.plan-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}html[lang=de] body,html[lang=fr] body,html[lang=it] body,html[lang=sv] body,html[lang=nb] body{hyphens:auto}html[dir=rtl] .eyebrow,html[dir=rtl] .status-label{letter-spacing:0;text-transform:none}html[dir=rtl] .nav-list,html[dir=rtl] .footer-links,html[dir=rtl] .lang-options,html[dir=rtl] .action-row{justify-content:flex-start}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
