.nkr-landing.tc-landing{--tc-purple: #4338ca;--tc-pink: #7c3aed;--tc-btn: #4338ca;--tc-btn-hover: #3730a3;font-family:Roboto Variable,Noto Sans JP,sans-serif}.nkr-landing .tc-hero__lead{color:#eef2ff!important}.nkr-tool-section{background:#fff;padding:clamp(1.75rem,4vw,3rem) clamp(1rem,2vw,1.5rem)}.nkr-ad-section{background:#fff;padding:clamp(1rem,2.5vw,1.5rem) clamp(1rem,2vw,1.5rem) 0}.nkr-ad-section--bottom{padding-top:0;padding-bottom:clamp(1.5rem,3vw,2.5rem)}.nkr-ad-section__inner{max-width:var(--tc-max);margin:0 auto;display:flex;justify-content:center;text-align:center}.nkr-ad-section__inner [id^=msmaflink-]{display:flex;justify-content:center;width:100%}.nkr-ad-section__inner [id^=msmaflink-]>*{margin-right:auto!important;margin-left:auto!important}.nkr-tool-section__inner{max-width:var(--tc-max);margin:0 auto}.nkr-tool-section h3,.nkr-explain h3,.nkr-scenes h3{margin:0 0 .65rem;text-align:center;color:#4338ca;font-weight:800;font-size:clamp(20px,2.6vw,34px);line-height:1.3}.nkr-tool-section__inner>p,.nkr-tool-section__note,.nkr-explain p{margin:0 auto 1rem;max-width:50em;text-align:center;color:#4a5568;font-size:clamp(14px,1.2vw,17px);line-height:1.7}.nkr-app{margin:clamp(1rem,2.5vw,1.5rem) auto 0;padding:clamp(1rem,2.5vw,1.5rem);border:2px solid #c7d2fe;border-radius:18px;background:#f8fafc;box-shadow:0 18px 45px #0f172a1f;outline:none}.nkr-app:focus-visible{border-color:#4338ca;box-shadow:0 0 0 4px #4338ca2e,0 18px 45px #0f172a1f}.nkr-app__status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.nkr-app__status>div{padding:.85rem;border-radius:12px;background:#fff;text-align:center;box-shadow:inset 0 0 0 1px #e0e7ff}.nkr-app__status span{display:block;color:#4a5568;font-size:.86rem;line-height:1.4}.nkr-app__status strong{display:block;margin-top:.2rem;color:#4338ca;font-size:clamp(22px,3vw,34px);line-height:1}.nkr-app__message{margin:1rem 0;padding:.75rem 1rem;border-radius:10px;background:#eef2ff;color:#312e81;text-align:center;font-weight:700}.nkr-layout-toggle{display:inline-flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin:0 0 .5rem;padding:.3rem;border-radius:999px;background:#e0e7ff}.nkr-layout-toggle__button{border:0;border-radius:999px;padding:.5rem .9rem;background:transparent;color:#312e81;font:inherit;font-size:.9rem;font-weight:800;cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.nkr-layout-toggle__button.is-active{background:#fff;color:#1e1b4b;box-shadow:0 2px 8px #312e8129}.nkr-layout-note{margin:0 0 1rem;color:#4a5568;font-size:.86rem;text-align:center}.nkr-keyboard{display:grid;gap:.35rem;overflow-x:auto;padding-bottom:.35rem}.nkr-keyboard[hidden]{display:none}.nkr-keyboard__row{display:flex;gap:.35rem;min-width:920px}.nkr-key{flex:1 1 0;min-width:44px;min-height:44px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#1f2937;font:inherit;font-size:.74rem;font-weight:800;line-height:1.2;white-space:pre-line;cursor:default;box-shadow:0 3px #cbd5e1;transition:background-color .08s ease,color .08s ease,transform .08s ease,box-shadow .08s ease}.nkr-key-spacer{flex:1 1 0;min-width:44px;min-height:44px;visibility:hidden;pointer-events:none}.nkr-key--md{flex-grow:1.25}.nkr-key--lg{flex-grow:1.6}.nkr-key--xl{flex-grow:2.1}.nkr-key--enter{position:relative;z-index:1;flex-grow:2.1;min-height:calc(88px + .35rem);margin-top:calc(-44px - .35rem)}.nkr-key-spacer--enter{flex-grow:2.1}.nkr-key--space{flex-grow:5}.nkr-key.is-seen{background:#e0e7ff;border-color:#818cf8;color:#312e81}.nkr-key.is-active{transform:translateY(2px);background:#16a34a;border-color:#15803d;color:#fff;box-shadow:0 1px #166534}.nkr-app__details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}.nkr-app__details>div{padding:1rem;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #e0e7ff}.nkr-app__details h4{margin:0 0 .35rem;color:#312e81;font-size:1rem}.nkr-app__details p{margin:0;color:#4a5568;font-size:.95rem;line-height:1.55}.nkr-app__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1rem}.nkr-app__actions button{padding:.65rem 1rem;border:none;border-radius:999px;background:#4338ca;color:#fff;font:inherit;font-weight:800;cursor:pointer}.nkr-app__actions button:hover{background:#3730a3}.nkr-tool-section__note{margin-top:.9rem;margin-bottom:0;font-size:clamp(12px,1.05vw,14px)}.nkr-explain{background:#4338ca;color:#fff;padding:clamp(1.75rem,4vw,3rem) clamp(1rem,2vw,1.5rem)}.nkr-explain__inner{max-width:880px;margin:0 auto}.nkr-explain h3,.nkr-scenes h3{color:#fff}.nkr-explain p{color:#eef2ff;text-align:left}.nkr-mode-grid{grid-template-columns:1fr}@media(min-width:768px){.nkr-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.nkr-landing .tc-icon-box h3{color:#4338ca}.nkr-scenes{background:#4338ca;padding:clamp(1.75rem,4vw,3rem) clamp(1rem,2vw,1.5rem)}.nkr-scenes__inner{max-width:var(--tc-max);margin:0 auto}.nkr-scenes__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.nkr-scenes article{padding:1rem;border-radius:12px;background:#312e8185;box-shadow:inset 0 0 0 1px #ffffff38}.nkr-scenes h4{margin:0 0 .45rem;color:#fff;font-size:clamp(16px,1.35vw,18px)}.nkr-scenes p{margin:0;color:#eef2ff;font-size:clamp(14px,1.1vw,16px);line-height:1.65}.nkr-faq-section{background:#fff;padding-top:clamp(1rem,2.5vw,1.75rem);padding-bottom:clamp(1.5rem,3vw,2.5rem)}@media(max-width:767px){.nkr-app__status,.nkr-app__details{grid-template-columns:1fr}}