:root{--app-bg: #f3f5ff;--ink: #2a2d55;--muted: #5a64a7;--hairline: #dde2f8;--chip-blue: #e6e9fb;--blue: #3d7bff;--purple: #9d5cff;--pink: #ff5ca8;--amber: #ffd34d;--orange: #ff9f2e;--green: #14c99e;--green-deep: #11a985;--faint: #b3b8dc;--dashed: #c9cff2;--streak-text: #e2841a;--pill-bg: #fff1dc;--card-shadow: rgba(42, 45, 85, .08);--lp-sky: #e6f6ff;--lp-lavender: #f2eaff;--lp-blue: #5363ff;--lp-label: #3f4fdd;--lp-coral: #ff5f7d;--lp-coral-text: #d83f60;--lp-yellow: #ffd85a;--lp-muted: #59617f;--lp-line: #0e7a42;--brand-gradient: linear-gradient(135deg, #3d7bff 0%, #9d5cff 100%);--font-ja: "Hiragino Maru Gothic ProN", "Zen Maru Gothic", "Zen Maru Fallback", "BIZ UDPGothic", -apple-system, sans-serif;--font-en: "Baloo 2", var(--font-ja)}@font-face{font-family:Zen Maru Fallback;src:local("Hiragino Maru Gothic ProN"),local("Hiragino Sans"),local("Noto Sans JP");ascent-override:88%;descent-override:12%;line-gap-override:0%}*{box-sizing:border-box}body{margin:0;background:var(--app-bg);color:var(--ink);font-family:var(--font-ja)}.page{max-width:480px;margin:0 auto;padding:16px;min-height:100dvh}.card{background:#fff;border:1px solid var(--hairline);border-radius:20px;padding:20px}.btn{display:block;width:100%;padding:14px;border:none;border-radius:16px;font-size:17px;font-weight:700;cursor:pointer;text-align:center}.btn-primary{background:var(--blue);color:#fff}a.btn{text-decoration:none}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:var(--chip-blue);color:var(--ink)}.badge{display:inline-block;margin-left:8px;padding:2px 10px;border-radius:999px;background:var(--amber);font-size:12px;font-weight:700}.quiz-img{width:100%;border-radius:16px}.quiz-word{text-align:center;font-size:32px;margin:12px 0}.daily-ja{text-align:center;color:var(--blue);font-size:20px;margin:4px 0 8px}.hint{text-align:center;color:var(--muted);font-size:13px}.ranking{margin-top:16px;text-align:left}.ranking h3{font-size:15px;margin-bottom:8px}.ranking-list{list-style:none;padding:0;display:grid;gap:6px}.ranking-list li{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:#fff;border:2px solid transparent}.ranking-rank{flex:none;width:40px;color:var(--orange);font-weight:700;font-size:12.5px}.ranking-icon{width:24px;height:24px;border-radius:50%;object-fit:cover}.ranking-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-score{color:var(--muted);font-size:12.5px;font-weight:700}.ranking-list li.ranking-self{background:var(--chip-blue);border-color:var(--purple)}.ranking-me{margin-top:8px;font-weight:700;background:var(--amber);border-radius:10px;padding:6px 10px}.soft-card{background:#fff;border-radius:24px;box-shadow:0 6px 18px var(--card-shadow)}.btn-brand{background:var(--brand-gradient);color:#fff}.btn-quiet{background:none;color:var(--muted);font-size:15px}.en{font-family:var(--font-en)}.card.soft-card{border:none}.figurine{object-fit:cover;display:block}.figurine-fallback{display:block;background:linear-gradient(135deg,#e2e4ee,#eff0f6)}.avatar{border-radius:50%;overflow:hidden;flex:none;box-shadow:0 4px 5px #3d7bff59}.avatar-fallback{display:flex;align-items:center;justify-content:center;background:var(--chip-blue);color:var(--ink);font-weight:700}.ch-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.ch-close{flex:none;width:32px;height:32px;border:none;border-radius:50%;background:#fff;color:var(--muted);font-size:14px;font-weight:700;box-shadow:0 2px 4px var(--card-shadow);cursor:pointer}.ch-title{flex:1;margin:0;font-size:20px;line-height:1.4;font-weight:700}.ch-title-set{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-pill{flex:none;width:76px;text-align:center;padding:6px 0;border-radius:999px;background:var(--pill-bg);color:var(--streak-text);font-size:12.5px;font-weight:700}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:#2a2d5566;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.overlay-card{width:100%;max-width:320px;background:#fff;border-radius:24px;padding:24px;text-align:center}.overlay-emoji{font-size:40px;margin:0 0 6px}.overlay-title{font-size:20px;margin:0 0 8px}.overlay-body{font-size:12.5px;font-weight:700;color:var(--muted);line-height:1.7;margin:0 0 20px}.quiz-page{height:100dvh;display:flex;flex-direction:column;padding:16px}.quiz-card{flex:1;min-height:0;display:flex;flex-direction:column;padding:18px;container-type:inline-size}.quiz-speak{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;justify-content:safe center;color:var(--ink);border:none;background:none;padding:0;cursor:pointer}.quiz-speak:active .quiz-img-box{transform:scale(.97)}.quiz-img-box{flex:1;min-height:120px;max-height:100cqw;max-width:100%;aspect-ratio:1;align-self:center;margin-bottom:14px;transition:transform .1s}.quiz-word-line{flex:none;height:48px;display:flex;align-items:center;position:relative}.quiz-en{flex:1;text-align:center;font-family:var(--font-en);font-size:40px;font-weight:700;line-height:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 48px}.quiz-note{position:absolute;right:0;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--brand-gradient);color:#fff;font-size:17px;box-shadow:0 5px 6px #3d7bff66}.quiz-choices{flex:none;display:grid;gap:10px;margin-top:14px}.quiz-choice{height:52px;padding:0 8px;border-radius:18px;border:2px solid var(--chip-blue);background:#fff;color:var(--ink);font-family:var(--font-ja);font-size:16px;line-height:1.3;font-weight:700;box-shadow:0 4px 0 var(--card-shadow);cursor:pointer}@media(orientation:landscape)and (max-height:560px){.page.quiz-page{max-width:760px}.quiz-card{container-type:size;flex-direction:row;align-items:stretch;gap:16px}.quiz-speak{flex:none;width:35%;width:calc(100cqh - 62px);flex-direction:column}.quiz-img-box{width:100%;max-height:none;max-width:none}.quiz-word-line{width:100%}.quiz-en{font-size:26px;line-height:48px;padding:0 28px}.quiz-note{width:28px;height:28px;font-size:13px}.quiz-choices{flex:1;min-width:0;margin-top:0;align-self:stretch}}.lp-page{min-height:100dvh;overflow-x:clip;background:#fbfcff}.lp-nav{max-width:1200px;height:72px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.lp-logo{display:inline-flex;align-items:center;gap:7px;color:var(--lp-blue);font:700 20px/1 var(--font-en);text-decoration:none}.lp-logo-icon{width:30px;height:30px;border-radius:8px}.lp-logo-kotoco{color:var(--lp-blue)}.lp-logo-ja{color:var(--lp-coral-text);font-family:var(--font-ja)}.lp-nav-links{display:flex;align-items:center;gap:24px;font-size:12px;font-weight:700}.lp-nav-links a{color:var(--ink)}.lp-nav-links span{padding:8px 12px;border:1px solid var(--hairline);border-radius:999px}#how-it-works,#parents{scroll-margin-top:88px}.lp-nav a:focus-visible,.lp-line-add-friend:focus-visible,.lp-ad-details summary:focus-visible{outline:3px solid var(--lp-blue);outline-offset:4px}.lp-hero{max-width:1200px;min-height:650px;margin:0 auto;padding:28px 24px 72px;display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.95fr);grid-template-areas:"copy visual" "status visual";gap:18px 56px;align-items:center;align-content:start}.lp-hero-copy{grid-area:copy;align-self:start;container-type:inline-size}.lp-hero-copy h1{max-width:680px;margin:18px 0;color:var(--ink);font-size:clamp(44px,5vw,68px);font-size:min(68px,10cqi);line-height:1.15;letter-spacing:-.05em}.lp-hero-copy h1 em{color:var(--lp-coral-text);font-style:normal;text-decoration:underline var(--lp-yellow) 7px;text-underline-offset:4px}.lp-headline-line{display:block;white-space:nowrap}.lp-hero-copy>p:last-child{max-width:34em;color:var(--lp-muted);font-family:"Hiragino Sans",var(--font-ja);font-size:15px;font-weight:600;line-height:1.9}.lp-eyebrow,.lp-section-label{color:var(--lp-label);font-size:11px;font-weight:700;letter-spacing:.08em}.lp-hero-status{grid-area:status;align-self:start}.lp-platform-status{display:flex;flex-wrap:wrap;gap:10px}.lp-platform-card{min-width:176px;min-height:56px;padding:9px 14px;display:flex;flex-direction:column;justify-content:center;border-radius:13px}.lp-platform-card span{font-size:9px;font-weight:700}.lp-platform-card strong{font-size:13px}.lp-platform-card-ios{color:#fff;background:#15161d}.lp-platform-card-android{color:var(--ink);background:#fff;border:1px solid var(--hairline)}.lp-hero-visual{grid-area:visual;position:relative;min-height:540px;background:radial-gradient(circle at 66% 18%,#fff4a0 0 15%,var(--lp-sky) 42%,transparent 68%)}.lp-hero-screen{position:absolute;width:248px;height:auto;right:25%;top:8px;border:8px solid var(--ink);border-radius:38px;box-shadow:0 28px 52px #2a2d5540;transform:rotate(2deg)}.lp-floating-card{position:absolute;width:142px;padding:8px;background:#fff;border-radius:20px;box-shadow:0 18px 34px #2a2d5538}.lp-floating-card img{display:block;width:100%;height:94px;object-fit:cover;border-radius:14px}.lp-floating-card b,.lp-floating-card span{display:block;margin:6px 3px 0}.lp-floating-card b{font-family:var(--font-en);font-size:13px}.lp-floating-card span{color:var(--lp-muted);font-size:10px}.lp-float-morning{right:0;top:28px;transform:rotate(9deg)}.lp-float-rabbit{left:0;top:128px;transform:rotate(-10deg)}.lp-float-cake{right:0;bottom:52px;transform:rotate(7deg)}.lp-new-card{position:absolute;right:0;bottom:134px;width:76px;height:76px;display:grid;place-items:center;border:3px solid var(--ink);border-radius:50%;background:var(--lp-yellow);box-shadow:6px 7px 0 var(--lp-coral);font-size:11px;font-weight:700;text-align:center;transform:rotate(-7deg)}.lp-section-head{max-width:680px;margin:0 auto 42px;text-align:center}.lp-section-head h2{margin:10px 0;font-size:clamp(28px,4vw,40px)}.lp-journey,.lp-reasons,.lp-friends,.lp-parents,.lp-final{padding:88px max(24px,calc((100vw - 1120px)/2))}.lp-journey{background:#fff}.lp-journey-steps{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:0;list-style:none;text-align:center}.lp-journey-steps:before{content:"";position:absolute;top:24px;left:8%;right:8%;border-top:3px dashed var(--hairline)}.lp-journey-steps>li>span{position:relative;width:50px;height:50px;margin:auto;display:grid;place-items:center;border:6px solid #fff;border-radius:50%;color:#fff;background:var(--lp-blue);font-weight:700}.lp-journey-steps h3{margin:12px 0 4px;font-size:15px}.lp-journey-steps p{margin:0;color:var(--lp-muted);font-size:11px;font-weight:600}.lp-journey-screens{display:flex;justify-content:center;gap:18px;margin-top:48px}.lp-journey-screens img{width:min(16vw,160px);height:auto;border-radius:26px;box-shadow:0 16px 34px var(--card-shadow)}.lp-reasons{background:var(--lp-lavender)}.lp-reasons-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:220px 220px;gap:16px}.lp-reason{position:relative;overflow:hidden;padding:26px;border-radius:24px;background:#fff}.lp-reason h3{max-width:54%;margin:0 0 10px;font-size:21px}.lp-reason p{max-width:54%;color:var(--lp-muted);font-size:12px;line-height:1.75}.lp-reason img{position:absolute;width:132px;height:auto;right:24px;bottom:-65px;border-radius:22px;box-shadow:0 14px 28px var(--card-shadow)}.lp-reason-collection{grid-row:1 / 3;background:linear-gradient(145deg,var(--lp-sky),var(--lp-lavender))}.lp-reason-collection img{width:180px;bottom:-92px}.lp-reason-review{background:#fff0f4}.lp-reason-daily{background:#fff7d8}.lp-friends{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#fff}.lp-friends>div{max-width:480px}.lp-friends>img{width:190px;height:auto;justify-self:center;border-radius:30px;box-shadow:0 18px 38px var(--card-shadow)}.lp-line-add-friend{display:inline-flex;align-items:center;min-height:48px;margin-top:16px;border-radius:4px}.lp-line-add-friend img{display:block;width:auto;height:36px}.lp-parents{background:#f7f8fc}.lp-trust-grid{max-width:1120px;margin:0 auto 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.lp-trust-grid article,.lp-ad-details{padding:22px;border:1px solid var(--hairline);border-radius:18px;background:#fff}.lp-trust-grid h3{margin:0 0 8px;font-size:16px}.lp-trust-grid p,.lp-ad-details{color:var(--lp-muted);font-size:13px;line-height:1.8}.lp-ad-details{max-width:1120px;margin:auto}.lp-ad-details summary{color:var(--ink);font-weight:700;cursor:pointer}.lp-final{text-align:center;background:radial-gradient(circle at 50% 10%,#fff4a0,transparent 34%),linear-gradient(140deg,var(--lp-sky),var(--lp-lavender) 60%,#ffe8ef)}.lp-final .lp-platform-status{justify-content:center;margin-top:20px}.lp-footer{padding:28px max(24px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;color:var(--lp-muted);background:#fff;font-size:11px}.lp-footer nav{display:flex;flex-wrap:wrap;gap:14px}.lp-footer a{color:inherit}@media(prefers-reduced-motion:no-preference){.lp-floating-card{animation:lp-float 4.2s ease-in-out infinite}.lp-float-rabbit{animation-delay:-1.4s}.lp-float-cake{animation-delay:-2.8s}}@keyframes lp-float{50%{translate:0 -7px}}@media(max-width:899px){.lp-reasons-grid{grid-template-columns:1fr;grid-template-rows:none}.lp-reason{overflow:visible}.lp-reason-collection{grid-row:auto}.lp-reason h3,.lp-reason p{max-width:none}.lp-reason img{position:static;display:block;width:132px;margin:20px auto 0}.lp-reason-collection img{width:160px}}@media(max-width:767px){.lp-nav{height:62px;padding-inline:18px}.lp-nav-links a,.lp-nav-links span{display:none}.lp-hero{min-height:0;padding:10px 20px 0;display:flex;flex-direction:column;align-items:stretch}.lp-hero-copy{order:1;align-self:stretch}.lp-hero-status{order:2}.lp-hero-visual{order:3;min-height:390px;margin-top:14px}.lp-hero-copy h1{margin:14px 0 10px;font-size:clamp(28px,9vw,42px);font-size:min(42px,10cqi)}.lp-logo-icon{width:26px;height:26px;border-radius:7px}.lp-hero-copy>p:last-child{margin-bottom:14px;font-size:13px;line-height:1.75}.lp-platform-card{flex:1 1 150px;min-width:0}.lp-hero-screen{width:170px;right:calc(50% - 85px);border-width:6px;border-radius:30px}.lp-floating-card{width:96px;padding:6px;border-radius:14px}.lp-floating-card img{height:62px;border-radius:9px}.lp-float-rabbit{left:0;top:118px}.lp-new-card{width:58px;height:58px;bottom:100px}.lp-journey,.lp-reasons,.lp-friends,.lp-parents,.lp-final{padding:64px 20px}.lp-journey-steps{grid-template-columns:1fr;gap:18px;text-align:left}.lp-journey-steps:before{display:none}.lp-journey-steps>li{display:grid;grid-template-columns:50px 1fr;column-gap:14px;align-items:center}.lp-journey-steps>li>span{grid-row:1 / 3}.lp-journey-steps h3{margin:0}.lp-journey-screens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lp-journey-screens img{width:100%}.lp-reasons-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none}.lp-reason-collection{grid-row:auto;min-height:340px}.lp-reason:not(.lp-reason-collection){min-height:220px}.lp-friends{grid-template-columns:1fr;gap:30px}.lp-trust-grid{grid-template-columns:1fr}.lp-footer{display:grid;gap:8px}}@media(max-width:339px){.lp-platform-status{display:grid;grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.lp-floating-card{animation:none}}.cover-author{display:flex;gap:16px;padding:16px;margin-bottom:16px}.cover-meta{min-width:0}.cover-name{font-size:20px;margin:0 0 5px;line-height:1.4}.cover-byline{font-size:13px;font-weight:700;color:var(--muted);margin:0 0 5px}.cover-count{font-size:11.5px;font-weight:700;color:var(--faint);margin:0}.cover-block{padding:16px;margin-bottom:16px}.cover-block-head{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.cover-block-title{font-size:14px;margin:0}.word-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.word-list li{display:flex;align-items:center;gap:12px}.word-en{font-size:15px;font-weight:700;flex:none}.word-ja{font-size:12px;font-weight:700;color:var(--ink);flex:none}.link-row{display:flex;align-items:center;justify-content:center;padding:12px 14px;border-radius:14px;background:#fff;margin-bottom:12px;font-size:12.5px;font-weight:700;text-align:center}.link-row a{color:var(--blue);text-decoration:none}.report-row{text-align:center;margin:16px 0 0;font-size:12.5px;font-weight:700}.report-row a{color:var(--muted);text-decoration:underline}.icon-row{display:flex;justify-content:center;gap:12px;margin:12px 0}.icon-tile{flex:1;max-width:140px;padding:12px 8px;background:#fff;border:none;border-radius:20px;box-shadow:0 2px 6px var(--card-shadow);cursor:pointer}.icon-tile-emoji{display:block;font-size:24px;line-height:1;margin-bottom:6px}.icon-tile-label{display:block;font-size:12.5px;font-weight:700;color:var(--muted)}.btn-outline{background:#fff;color:var(--ink);border:1px solid var(--hairline)}.btn-cta{background:var(--purple);color:#fff;border-radius:999px}.btn-cta:disabled{background:var(--dashed)}.result-page{height:100dvh;display:flex;flex-direction:column}.result{flex:1;min-height:0;display:flex;flex-direction:column}.result-score-card{padding:18px;text-align:center;margin-bottom:16px}.result-correct{font-size:28px;margin:0 0 4px}.result-of{font-size:12.5px;font-weight:700;color:var(--faint);margin:0}.result-perfect{font-size:16px;color:var(--orange);margin:6px 0 0}.result-rule{border:none;border-top:1px solid var(--hairline);margin:12px 0 8px}.result-rank{font-size:22px;color:var(--orange);margin:0 0 4px}.result-scroll{flex:1;min-height:0;overflow-y:auto}.result-cta{flex:none;padding-top:16px}.word-chosen{margin-left:auto;min-width:0;font-size:11px;font-weight:700;color:var(--pink);text-align:right}