.ja-root{--g-paper:#f7f4ef;--g-paper-2:#efe9e2;--g-ink:#3d3936;--g-ink-soft:#7a736c;--g-rule:rgba(61,57,54,0.1);--g-card:#fffdf9;--g-stamp:#c7524c;--g-stamp-ink:#fffaf8;--g-lang:#c7524c;--g-sans:var(--font-plus-jakarta),"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",YuGothic,"Noto Sans JP","Hiragino Kaku Gothic Pro",Meiryo,sans-serif;--g-display:var(--font-bricolage),"Hiragino Mincho ProN","Yu Mincho",serif;background:radial-gradient(ellipse 90% 55% at 0 -15%,rgba(199,82,76,.12),transparent 58%),radial-gradient(ellipse 65% 45% at 100% 0,rgba(212,196,176,.18),transparent 52%),var(--g-paper);min-height:100dvh}.ja-root .global-main,.ja-root .global-shell{min-width:0}.ja-root .global-header{border-bottom:1px solid var(--g-rule);background:color-mix(in srgb,var(--g-paper) 90%,transparent);backdrop-filter:blur(10px);position:sticky;top:0;z-index:30}.ja-root .global-header-inner{border-top:none;margin-top:0}.ja-root .global-header-tutor{background:transparent;color:var(--g-stamp);border-bottom:1px solid color-mix(in srgb,var(--g-stamp) 45%,transparent)}.ja-root .global-brand{align-items:center;gap:.65rem}.ja-root .ja-brand-icon{width:1.75rem;height:1.75rem;border-radius:.4rem;flex-shrink:0}.ja-root .global-brand-text{display:flex;flex-direction:column;gap:.12rem}.ja-root .global-brand-mark{font-family:var(--g-display);letter-spacing:-.03em}.ja-root .global-brand-sub{text-transform:none;letter-spacing:.08em;font-size:.78rem}.ja-root .global-crumbs,.ja-root .global-hero-poster figcaption,.ja-root .global-kicker,.ja-root .global-pin-card-meta,.ja-root .global-related-lede,.ja-root .global-section-head p,.ja-root .global-textbook-kicker,.ja-root .global-tutor-kicker{text-transform:none;letter-spacing:.06em}.ja-root .global-kicker{color:var(--g-stamp);font-weight:600;display:inline-flex;align-items:center;gap:.4rem}.ja-root .global-kicker:before{content:"";width:1.1rem;height:2px;background:var(--g-stamp);border-radius:1px}.ja-hero{display:grid;gap:1.75rem 2.25rem;margin-bottom:2.25rem;padding-top:.85rem;align-items:center}@media (min-width:880px){.ja-hero{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:2.5rem 2.75rem;padding-top:1.35rem}}.ja-hero h1{font-family:var(--g-sans);font-size:clamp(1.7rem,4.2vw,2.55rem);line-height:1.28;letter-spacing:.01em;font-weight:700;margin:.4rem 0 .85rem}.ja-hero-lede{margin:0;font-size:.98rem;line-height:1.8;color:var(--g-ink-soft);max-width:38ch}.ja-hero-chips{display:flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:1rem 0 0;padding:0}.ja-hero-chips li{font-size:.72rem;font-weight:600;letter-spacing:.06em;color:var(--g-ink-soft);background:var(--g-card);border:1px solid var(--g-rule);border-radius:999px;padding:.28rem .72rem}.ja-hero-desk{position:relative;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:auto auto;gap:.7rem;padding:1rem .9rem 1.1rem;border:1px solid var(--g-rule);border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--g-card) 88%,var(--g-paper-2)),var(--g-card));box-shadow:0 10px 32px rgba(61,57,54,.05)}.ja-hero-desk-empty{min-height:12rem;place-items:center;display:grid;grid-template-columns:1fr;color:var(--g-ink-soft);font-size:.92rem}.ja-hero-plate{position:relative;display:block;text-decoration:none;color:inherit;background:var(--g-paper);border:1px solid var(--g-rule);border-radius:10px;padding:.38rem .38rem .55rem;box-shadow:0 8px 22px rgba(61,57,54,.07)}.ja-hero-plate:before{content:"";position:absolute;top:-7px;left:50%;width:2.4rem;height:.85rem;transform:translateX(-50%) rotate(-3deg);background:color-mix(in srgb,var(--g-stamp) 42%,#fffdf9);border-radius:2px;opacity:.85;pointer-events:none}.ja-hero-plate-0{grid-row:1/3}.ja-hero-plate img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;object-position:top;border-radius:6px;background:var(--g-paper-2)}.ja-hero-plate span{display:block;margin:.4rem .15rem 0;font-size:.72rem;line-height:1.4;color:var(--g-ink-soft);letter-spacing:.04em}@media (min-width:880px){.ja-hero-desk{display:block;min-height:26rem;padding:1.4rem 1.15rem 1.6rem;background:repeating-linear-gradient(transparent,transparent 27px,color-mix(in srgb,var(--g-rule) 80%,transparent) 28px),var(--g-card)}.ja-hero-plate{position:absolute;width:46%;transition:transform .18s ease}.ja-hero-plate-0{left:7%;top:12%;z-index:2;transform:rotate(-3.2deg)}.ja-hero-plate-1{right:7%;top:6%;width:40%;z-index:1;transform:rotate(4.2deg)}.ja-hero-plate-2{right:16%;bottom:7%;width:44%;z-index:3;transform:rotate(-1.4deg)}.ja-hero-plate:hover{z-index:4;transform:rotate(0deg) translateY(-4px)}}.ja-tutor-pair{margin:1.75rem 0 .5rem;padding:1.15rem 1.15rem 1.25rem;background:var(--g-card);border:1px solid var(--g-rule);border-radius:14px;box-shadow:0 6px 24px rgba(61,57,54,.04)}.ja-tutor-pair-kicker{margin:0 0 .3rem;color:var(--g-stamp);font-size:.78rem;font-weight:650;letter-spacing:.08em}.ja-tutor-pair h2{margin:0 0 .4rem;font-family:var(--g-display);font-size:clamp(1.15rem,2.4vw,1.45rem);letter-spacing:-.02em;line-height:1.35}.ja-tutor-pair-lede{margin:0 0 1rem;color:var(--g-ink-soft);font-size:.95rem;line-height:1.65}.ja-tutor-pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.ja-tutor-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.45rem;padding:.95rem .7rem 1rem;border-radius:12px;border:1px solid var(--g-rule);background:var(--g-paper);text-decoration:none;color:inherit;transition:border-color .16s ease,background .16s ease}.ja-tutor-card:hover{border-color:color-mix(in srgb,var(--g-stamp) 45%,var(--g-rule));background:color-mix(in srgb,var(--g-stamp) 8%,var(--g-paper))}.ja-tutor-logo{display:flex;align-items:center;justify-content:center;min-height:2.25rem}.ja-tutor-logo img{display:block;height:1.7rem;width:auto;max-width:6.5rem}.ja-tutor-offer{display:inline-block;padding:.22rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--g-stamp) 18%,transparent);color:var(--g-ink);font-size:.78rem;font-weight:700;letter-spacing:.02em}.ja-tutor-cta{font-size:.82rem;font-weight:650;color:var(--g-stamp)}.ja-root .global-tutor-panel{background:var(--g-card);color:var(--g-ink);border:1px solid var(--g-rule);box-shadow:0 6px 24px rgba(61,57,54,.04)}.ja-root .global-tutor-kicker{color:var(--g-stamp)}.ja-root .global-tutor-panel .global-btn:hover{background:transparent;color:var(--g-stamp)}.ja-root h1{line-height:1.18;letter-spacing:-.02em}.ja-root .global-btn,.ja-root .global-pin-card,.ja-root .global-tutor-panel{border-radius:12px}.ja-root .global-textbook-panel{min-width:0;overflow:visible;border-radius:12px}.ja-root .global-textbook-carousel-wrap{min-width:0;position:relative}.ja-root .global-textbook-carousel{min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--g-stamp) 55%,var(--g-rule)) transparent}.ja-root .global-textbook-carousel::-webkit-scrollbar{display:block;height:6px}.ja-root .global-textbook-carousel::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--g-stamp) 55%,var(--g-rule));border-radius:999px}.ja-root .global-btn-stamp,.ja-root .global-tutor-panel .global-btn{background:var(--g-stamp);border-color:var(--g-stamp);color:var(--g-stamp-ink)}.ja-root .global-btn-stamp:hover{background:color-mix(in srgb,var(--g-stamp) 88%,var(--g-ink));border-color:color-mix(in srgb,var(--g-stamp) 88%,var(--g-ink));color:var(--g-stamp-ink)}.ja-root .global-btn-secondary{border-color:color-mix(in srgb,var(--g-ink-soft) 35%,transparent);color:var(--g-ink-soft)}.ja-root .global-btn-secondary:hover{border-color:var(--g-stamp);color:var(--g-stamp);background:transparent}.ja-root .global-section-head{margin-top:3rem;padding-bottom:.75rem;border-bottom:1px solid var(--g-rule)}.ja-root .global-section-title{font-family:var(--g-display);letter-spacing:-.02em}.ja-root .global-pin-grid{gap:1.35rem}.ja-root .global-pin-card{border:0;background:transparent;box-shadow:none;overflow:visible;isolation:auto;transition:none}.ja-root .global-pin-card:hover{border-color:transparent;box-shadow:none}.ja-root .global-pin-card picture,.ja-root .global-pin-card>img{border:1px solid var(--g-rule);border-radius:10px;box-shadow:0 4px 18px rgba(61,57,54,.05);background:var(--g-card);transition:border-color .16s ease,box-shadow .16s ease}.ja-root .global-pin-card:hover picture,.ja-root .global-pin-card:hover>img{border-color:color-mix(in srgb,var(--g-stamp) 40%,var(--g-rule));box-shadow:0 10px 28px rgba(61,57,54,.08)}.ja-root .global-pin-card img{display:block}.ja-root .global-pin-card-body{padding:.85rem .95rem 1rem}.ja-root .global-pin-card-body h2,.ja-root .global-pin-card-body h3{font-size:1.02rem;line-height:1.35}.ja-root .global-crumbs a{color:var(--g-stamp)}.ja-root .global-pin-layout{gap:2rem}@media (min-width:880px){.ja-root .global-pin-visual{position:sticky;top:5.25rem;z-index:5;align-self:start}.ja-root .global-pin-visual img{max-height:calc(100dvh - 6.5rem);width:auto;max-width:100%;object-fit:contain}}.ja-root .global-pin-visual{border:0;padding:0;border-radius:0;overflow:visible;box-shadow:none;background:transparent}.ja-root .global-pin-visual img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--g-rule);box-shadow:0 12px 36px rgba(61,57,54,.08)}.ja-root .global-pin-lede{font-size:1.02rem;line-height:1.75;color:var(--g-ink-soft)}.ja-root .global-word-list{border-top:none;gap:.7rem}.ja-root .global-word-list li{display:grid;grid-template-columns:2rem minmax(0,1fr);background:var(--g-card);border-bottom:1px solid var(--g-rule);border-radius:12px;padding:.95rem .9rem 1rem;border:1px solid var(--g-rule)}.ja-root .global-word-target{font-size:1.28rem}.ja-root .global-word-roma{color:var(--g-stamp)}.ja-root .global-word-en{grid-column:2;margin-bottom:.15rem}.ja-listen-banner{margin:.85rem 0 .15rem;padding:.75rem .9rem .8rem;background:color-mix(in srgb,var(--g-stamp) 12%,var(--g-card));border:1px solid color-mix(in srgb,var(--g-stamp) 35%,var(--g-rule));border-radius:14px}.ja-listen-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.55rem .85rem;margin-bottom:.55rem}.ja-listen-kicker{margin:0;color:var(--g-stamp);font-size:.78rem;font-weight:650;letter-spacing:.08em}.ja-speed{display:inline-flex;align-items:center;gap:0;border:1px solid var(--g-rule);border-radius:999px;background:var(--g-paper);overflow:hidden}.ja-speed-label{padding:0 .5rem 0 .65rem;font-size:.68rem;font-weight:650;letter-spacing:.06em;color:var(--g-ink-soft)}.ja-speed button{appearance:none;border:0;border-left:1px solid var(--g-rule);background:transparent;color:var(--g-ink);font:inherit;font-size:.72rem;font-weight:700;letter-spacing:.02em;padding:.32rem .52rem;cursor:pointer}.ja-speed button.is-on{background:var(--g-stamp);color:var(--g-stamp-ink)}.ja-listen-flags{display:flex;flex-wrap:wrap;gap:.45rem .75rem;margin:0;padding:0;list-style:none;color:var(--g-ink);font-size:.82rem;font-weight:650}.ja-accent-row{grid-column:2;display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.15rem}.ja-accent-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .55rem .28rem .32rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--g-stamp) 50%,var(--g-rule));background:var(--g-paper);color:var(--g-ink);cursor:pointer;font:inherit;font-size:.72rem;font-weight:700;line-height:1;letter-spacing:.04em;transition:background .16s ease,color .16s ease,border-color .16s ease}.ja-accent-btn.is-playing,.ja-accent-btn:hover{background:var(--g-stamp);border-color:var(--g-stamp);color:var(--g-stamp-ink)}.ja-accent-flag{display:grid;place-items:center;width:1.35rem;height:.92rem;overflow:hidden;border-radius:2px;box-shadow:0 0 0 1px color-mix(in srgb,var(--g-ink) 12%,transparent);flex:none}.ja-accent-flag svg{display:block;width:1.35rem;height:.92rem}.ja-accent-sound{width:.92rem;height:.92rem;flex:none}.ja-accent-code{font-size:.68rem;letter-spacing:.06em}.ja-listen-flags li{display:inline-flex;align-items:center;gap:.4rem}.ja-listen-flags .ja-accent-flag,.ja-listen-flags .ja-accent-flag svg{width:1.5rem;height:1.02rem}.ja-root .global-example-list li .ja-accent-row{grid-column:auto;margin-top:.55rem}.ja-root .global-tts-btn{border-color:color-mix(in srgb,var(--g-stamp) 55%,var(--g-ink));color:var(--g-stamp)}.ja-root .global-tts-btn.is-playing,.ja-root .global-tts-btn:hover{background:var(--g-stamp);color:var(--g-stamp-ink);border-color:var(--g-stamp)}.ja-root .global-example-list{gap:.65rem}.ja-root .global-example-list li{background:var(--g-card);border-bottom:1px solid var(--g-rule);border-radius:10px;padding:.95rem 1rem;border:1px solid var(--g-rule)}.ja-root .global-example-target{font-size:1.05rem}.ja-root .global-related{padding-top:2rem}.ja-root .global-footer,.ja-root .global-related{margin-top:3rem;border-top:1px solid var(--g-rule)}.ja-root .global-footer{color:var(--g-ink-soft)}.ja-root .global-footer a{color:var(--g-stamp)}@media (prefers-reduced-motion:reduce){.ja-hero-plate,.ja-root .global-pin-card{transition:none}.ja-hero-plate,.ja-hero-plate:hover{transform:none}}