:root{color-scheme:light;--ink:#3e2d24;--muted:#725e51;--paper:#fffaf2;--card:#fffdf9;--accent:#5f9a69;--line:#eadfce}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-rounded,"Hiragino Maru Gothic ProN","Yu Gothic",system-ui,sans-serif;line-height:1.75}.document-shell{width:min(860px,calc(100% - 32px));margin:0 auto;padding:24px 0 64px}.top-nav{display:flex;justify-content:space-between;gap:16px;margin-bottom:32px;color:var(--muted);font-size:.9rem}.top-nav a{color:inherit}.legal-document{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:28px 32px;box-shadow:0 10px 30px #6b4b2510}.legal-document h1{margin-top:0;line-height:1.3}.legal-document h2{margin-top:2.2em;line-height:1.4}.legal-document h3{line-height:1.4}.legal-document a{color:#31714a}.legal-document code{background:#f4ecdf;border-radius:5px;padding:2px 5px}.index-shell{padding-top:64px}.index-shell h1{margin-bottom:4px}.eyebrow{color:var(--accent);font-weight:800}.lead{color:var(--muted)}@media(max-width:600px){.document-shell{width:min(100% - 20px,860px);padding-top:14px}.legal-document{padding:20px 18px;border-radius:18px}}:root{--ink:#27352d;--muted:#6f7267;--paper:#fbf7ed;--accent:#e18b3d;--green:#4c765a;--line:#e7dfcf}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 8% 5%,#f4dfbb 0,transparent 30%),radial-gradient(circle at 92% 22%,#dcebd9 0,transparent 26%),var(--paper)}.document-shell{width:min(920px,calc(100% - 40px));padding-bottom:56px}.top-nav{align-items:center;margin-bottom:48px;padding:10px 4px}.top-nav a{text-decoration:none}.brand{color:var(--ink)!important;font-size:1.2rem;font-weight:800;letter-spacing:.04em}.nav-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 22px}.nav-links a:hover,.footer-links a:hover{color:var(--green)}.legal-document{background:#fffdf7e8;border-radius:32px;padding:48px 56px;box-shadow:0 22px 60px #75562b14;backdrop-filter:blur(8px)}.legal-document h1{max-width:700px;margin-bottom:.35em;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(2.25rem,7vw,4.6rem);line-height:1.08;letter-spacing:-.03em}.legal-document h1+p{color:var(--accent);font-size:1.22rem;font-weight:800}.legal-document h2{margin:2.5em 0 .7em;padding-top:.25em;border-top:1px solid var(--line);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:1.75rem}.legal-document h3{margin-top:1.8em;color:var(--green);font-size:1.08rem}.legal-document p,.legal-document li{color:#48534b}.legal-document li+li{margin-top:.45em}.site-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-top:26px;padding:20px 6px;color:var(--muted);font-size:.86rem}.site-footer p{margin:0}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 20px}.footer-links a{color:inherit;text-decoration:none}@media(max-width:700px){.document-shell{width:min(100% - 20px,920px);padding-top:10px}.top-nav{align-items:flex-start;margin-bottom:22px}.nav-links{max-width:230px;gap:6px 14px}.legal-document{padding:32px 22px;border-radius:24px}.legal-document h1{font-size:clamp(2.2rem,14vw,3.5rem)}.site-footer{display:block}.footer-links{justify-content:flex-start;margin-top:12px}}
body{background:#fbf7ed}.home-shell{overflow:hidden}.home-shell .document-shell{width:min(1180px,calc(100% - 40px));padding-bottom:28px}.home-shell .top-nav{margin-bottom:0;padding:22px 4px}.home-shell .nav-links{align-items:center}.language-switch{display:inline-flex;padding:4px;border:1px solid var(--line);border-radius:999px;background:#fffaf0}.language-button{border:0;border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;font:inherit;padding:7px 12px}.language-button[aria-pressed="true"]{background:var(--accent);color:#fff}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);align-items:center;gap:42px;min-height:620px;padding:64px 0 72px}.kicker{color:var(--accent);font-weight:800;letter-spacing:.08em}.hero h1,.section-heading{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;color:var(--ink);letter-spacing:-.035em}.hero h1{max-width:680px;margin:.25em 0;font-size:clamp(3rem,6vw,5.8rem);line-height:1.08}.hero-copy{max-width:590px;color:#4f594f;font-size:1.08rem}.hero-visual{position:relative;min-height:520px}.hero-mascot{position:absolute;z-index:2;right:4%;bottom:0;width:min(92%,640px)}.brand-receipt{position:absolute;z-index:1;top:4%;right:2%;width:235px;padding:28px 24px;background:#fffdf7;border:1px solid #ded4c1;box-shadow:0 20px 50px #5a48231f;color:#31362f;font-family:"Yu Gothic",sans-serif;transform:rotate(5deg)}.receipt-brand{text-align:center;font-family:"Yu Mincho",serif;font-size:1.7rem;font-weight:800}.receipt-rule{margin:14px 0;border-top:1px dashed #9e978a}.receipt-item,.receipt-total{display:flex;justify-content:space-between;gap:16px}.receipt-item{width:100%;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;padding:8px 0;text-align:left}.receipt-item:hover,.receipt-item.is-active{color:#d96f21;font-weight:800}.receipt-total{font-size:1.15rem;font-weight:800}.journey{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:64px 0}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:36px}.section-heading{margin:0;font-size:clamp(2rem,4vw,3.7rem);line-height:1.2}.section-intro p{max-width:480px;color:var(--muted)}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.journey-step{min-height:360px;padding:28px;border-radius:28px;background:#fffdf7;border:1px solid var(--line)}.journey-step img{display:block;width:100%;height:210px;object-fit:contain}.step-number{color:var(--accent);font-size:1.5rem;font-weight:900}.journey-step h3{font-family:"Yu Mincho",serif;font-size:1.7rem;margin:.2em 0}.feature-section{padding:86px 0}.feature-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:52px;align-items:center}.feature-copy p{color:var(--muted)}.feature-receipt{transform:none;position:relative;inset:auto;margin:auto;width:min(100%,360px)}.word-chip-list{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.word-chip{border:1px solid #b8c4ad;border-radius:999px;background:#f8fbf4;color:var(--green);cursor:pointer;font:inherit;font-weight:800;padding:9px 16px}.word-chip[aria-pressed="true"]{background:var(--green);color:#fff}.study-stage{border-radius:36px;background:#eef1df;padding:48px}.flashcard-wrap{perspective:1200px}.flashcard{position:relative;width:100%;min-height:430px;border:0;background:transparent;cursor:pointer;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.75,.25,1)}.flashcard.is-flipped{transform:rotateY(180deg)}.flashcard-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px;border:1px solid #d9d2bd;border-radius:30px;background:#fffdf7;box-shadow:0 24px 50px #44502b1c;backface-visibility:hidden}.flashcard-back{align-items:flex-start;transform:rotateY(180deg)}.flashcard-word{font-family:"Yu Mincho",serif;font-size:clamp(3.6rem,8vw,6.8rem);line-height:1}.flashcard-hint{margin-top:28px;color:var(--muted)}.word-details{width:100%;margin:0}.word-details div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.word-details dt{color:var(--muted)}.word-details dd{margin:0;font-weight:800}.card-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.card-control{border:0;border-radius:999px;cursor:pointer;font:inherit;font-weight:800;padding:14px 18px}.card-control.primary{background:var(--green);color:#fff}.card-control.secondary{background:var(--accent);color:#fff}.usage{padding:72px 0;border-top:1px solid var(--line)}.usage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:36px}.usage-step{padding-right:18px;border-right:1px solid var(--line)}.usage-step:last-child{border-right:0}.usage-step strong{display:block;color:var(--accent);font-size:1.4rem}.trust-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;padding:64px 0}.trust-panel{border-radius:28px;padding:34px;background:#eef1df}.support-panel{background:#fff1df}.trust-panel h2{font-family:"Yu Mincho",serif;margin-top:0;font-size:1.8rem}.support-cta{display:inline-block;margin-top:12px;border-radius:999px;background:var(--accent);color:#fff;text-decoration:none;font-weight:800;padding:13px 24px}.home-shell .site-footer{border-top:1px solid var(--line);padding-top:28px}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:38px}.hero-visual{min-height:430px}.journey-grid,.usage-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr}.study-stage{padding:26px}.trust-grid{grid-template-columns:1fr}}@media(max-width:620px){.home-shell .document-shell{width:min(100% - 24px,1180px)}.home-shell .top-nav{display:block}.home-shell .nav-links{justify-content:flex-start;margin-top:14px}.hero{padding-bottom:46px}.hero h1{font-size:clamp(2.8rem,14vw,4.3rem)}.hero-visual{min-height:360px}.hero-mascot{width:100%;right:-8%}.brand-receipt{width:190px;padding:20px 18px;right:0}.section-intro{display:block}.journey-grid,.usage-grid{grid-template-columns:1fr}.journey-step{min-height:0}.usage-step{border-right:0;border-bottom:1px solid var(--line);padding-bottom:18px}.feature-section{padding:58px 0}.study-stage{margin-inline:-6px;padding:18px}.flashcard{min-height:400px}.flashcard-face{padding:26px 22px}.word-details div{grid-template-columns:88px 1fr}.card-controls{grid-template-columns:1fr}.trust-grid{padding:48px 0}.language-switch{margin-top:8px}.home-shell .site-footer{display:block}}
html{overflow-x:hidden}.language-switch,.language-button{white-space:nowrap}@media(max-width:620px){.hero-visual{overflow:hidden}.brand-receipt{right:12px;transform:rotate(2deg)}}
.flashcard{min-height:520px;border-radius:30px;outline:none}.flashcard:focus-visible{box-shadow:0 0 0 4px #e18b3d55}.flashcard-face{border-radius:30px;background:#fffdf7;border:1.2px solid #e2d8c6}.flashcard-front{gap:14px;background:#f8f7ea}.card-visual{display:block;width:184px;height:156px;object-fit:contain;border-radius:28px;background:#ffffffc7;border:2px solid #ffffffdb;box-shadow:0 12px 24px #523c201a}.card-visual[hidden]{display:none}.flashcard-front .flashcard-word{color:#4f3528;font-family:"Hiragino Maru Gothic ProN","Yu Gothic",sans-serif;font-weight:900}.card-front-reading{color:#4f3528;font-size:1.35rem;font-weight:800}.flashcard-back{display:block;overflow:auto;padding:22px 24px;background:#fbfaf0;text-align:left}.study-card-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border-radius:22px;background:#eef1df}.study-card-header strong{display:block;color:#4f3528;font-size:2rem}.study-card-header small{display:block;margin-top:3px;color:#726153;font-weight:800}.part-of-speech{border-radius:999px;background:#fffdf7;color:#4c765a;font-weight:800;padding:7px 12px}.definition-card{display:block;margin-top:14px;padding:14px 4px 2px}.definition-heading{display:flex;align-items:flex-start;gap:10px}.definition-index{display:grid;flex:0 0 28px;width:28px;height:28px;place-items:center;border-radius:50%;background:#4c765a;color:#fff;font-weight:900}.definition-heading-copy strong{display:block;color:#4c765a;font-size:1.28rem;font-weight:900}.definition-heading-copy small{color:#4c765acc;font-weight:800}.definition-block{display:block;margin-left:38px;padding:12px 0;border-bottom:1px solid #4c765a22}.definition-label{display:block;margin-bottom:8px;color:#726153;font-size:.78rem;font-weight:900;letter-spacing:.08em}.jp-explanation{display:flex;flex-wrap:wrap;align-items:center;gap:5px;color:#4f3528;font-size:1rem;line-height:1.8}.jp-token{border:0;border-radius:999px;background:#fff0d7;color:#9b5c13;cursor:pointer;font:inherit;font-weight:900;padding:5px 10px;box-shadow:inset 0 -3px #9b5c1324}.jp-token:hover,.jp-token:focus-visible,.jp-token[aria-pressed="true"]{background:#e18b3d;color:#fff;outline:none}.lookup-result{display:block;margin:12px 0 2px 38px;padding:14px 16px;border-radius:18px;background:#eef1df;border:1px solid #4c765a22}.lookup-result[hidden]{display:none}.lookup-title-row{display:flex;align-items:baseline;gap:10px}.lookup-title-row strong{color:#4c765a;font-size:1.22rem}.lookup-title-row span{color:#726153;font-weight:800}.lookup-result p{margin:7px 0 0;color:#4f3528}.lookup-translations{font-size:.9rem;font-weight:800}.example-text{color:#4f3528;font-weight:800}@media(max-width:620px){.flashcard{min-height:510px}.flashcard-face{padding:24px 18px}.flashcard-back{padding:16px 14px}.card-visual{width:150px;height:126px}.study-card-header strong{font-size:1.6rem}.definition-block,.lookup-result{margin-left:0}.lookup-result{margin-top:12px}}
.usage{padding:96px 0}.usage-header{display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);align-items:end;gap:42px;margin-bottom:46px}.usage-header-copy{max-width:620px}.usage-kicker{margin:0 0 10px;color:var(--accent);font-weight:900;letter-spacing:.08em}.usage-lead{margin:18px 0 0;color:var(--muted);font-size:1.05rem}.usage-experience{display:grid;grid-template-columns:minmax(280px,.76fr) minmax(0,1.24fr);gap:28px;align-items:start}.usage-visual{position:sticky;top:24px;overflow:hidden;border:1px solid var(--line);border-radius:32px;background:linear-gradient(155deg,#eef1df,#fff1df);padding:28px}.usage-visual img{display:block;width:100%;height:300px;object-fit:contain}.usage-note{margin:16px 0 0;padding:18px 20px;border-radius:20px;background:#fffdf7;color:#4f594f;font-weight:700}.usage-steps{display:grid;gap:14px}.usage-step{display:grid;grid-template-columns:64px 1fr;gap:18px;padding:24px 26px;border:1px solid var(--line);border-radius:24px;background:#fffdf7}.usage-step-number{display:grid;width:52px;height:52px;place-items:center;border-radius:18px;background:#eef1df;color:var(--green);font-size:1.05rem;font-weight:900}.usage-step:nth-child(even) .usage-step-number{background:#fff1df;color:#b96528}.usage-step h3{margin:0;color:var(--ink);font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:1.45rem}.usage-step p{margin:6px 0 12px;color:var(--muted)}.usage-detail-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.usage-detail-list li{margin:0!important;border-radius:999px;background:#f1eee5;color:#4f594f;font-size:.86rem;font-weight:800;padding:7px 11px}@media(max-width:860px){.usage-header,.usage-experience{grid-template-columns:1fr}.usage-visual{position:relative;top:auto}.usage-visual img{height:240px}}@media(max-width:620px){.usage{padding:64px 0}.usage-header{gap:18px;margin-bottom:28px}.usage-visual{padding:20px}.usage-visual img{height:210px}.usage-step{grid-template-columns:48px 1fr;gap:12px;padding:20px 16px}.usage-step-number{width:44px;height:44px;border-radius:15px}.usage-detail-list{display:grid}.usage-detail-list li{border-radius:12px}}.top-nav{width:100%;align-items:center}.top-nav .brand{flex:0 0 auto}.top-nav .nav-links{align-items:center}.site-footer{width:100%;border-top:1px solid var(--line);padding-top:28px}.site-footer .footer-links{align-items:center}@media(max-width:760px){.top-nav{display:block;margin-bottom:24px}.top-nav .nav-links{max-width:none;justify-content:flex-start;margin-top:14px;gap:10px 16px}.top-nav .language-switch{order:10;max-width:100%;overflow-x:auto}.site-footer{display:block}.site-footer .footer-links{justify-content:flex-start;margin-top:12px}}@media(max-width:430px){.top-nav .nav-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.top-nav .nav-links>a{min-height:40px;display:flex;align-items:center}.top-nav .language-switch{grid-column:1/-1;width:max-content}.site-footer .footer-links{display:grid;gap:10px}}