@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Noto+Sans+JP:wght@400;500;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&family=Noto+Sans+JP:wght@300;400;500;700&display=swap";
.keyboard-splash{touch-action:none;overscroll-behavior:none;background-color:#fff;flex-direction:column;justify-content:space-between;width:100vw;height:100dvh;transition:opacity .8s ease-in-out,visibility .8s ease-in-out;display:flex;position:fixed;top:0;left:0;z-index:2147483647!important;font-family:Inter,Noto Sans JP,sans-serif!important}.keyboard-splash.hidden{opacity:0;visibility:hidden;pointer-events:none}.keyboard-search-area{flex-grow:1;justify-content:center;align-items:center;padding:100px 20px 20px;display:flex}.keyboard-search-bar{background:#ffffffe6;border:1px solid #e5e7ebcc;border-radius:16px;align-items:center;gap:12px;width:100%;max-width:400px;padding:16px 20px;display:flex;box-shadow:0 10px 30px #00000014}.search-icon{color:#94a3b8}.search-input-wrapper{flex-grow:1;align-items:center;height:28px;display:flex;position:relative}.typing-container{align-items:center;display:flex}#splash-ruby{color:#0000004d;white-space:nowrap;font-size:11.2px;transition:opacity .3s;position:absolute;top:-14px;left:0}#splash-typed-text{color:#0f172a;font-size:20px;font-weight:500}#splash-cursor{color:#2563eb;font-size:20.8px;font-weight:400;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.flick-keyboard-wrapper{background:0 0;width:100%;padding:0 16px 80px}.flick-keyboard{grid-template-rows:repeat(4,52px);grid-template-columns:repeat(5,1fr);gap:8px;max-width:320px;margin:0 auto;display:grid}.key{color:#0f172a;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffffe6;border-radius:10px;justify-content:center;align-items:center;font-size:20.8px;font-weight:500;transition:transform .1s;display:flex;box-shadow:0 4px 12px #0000000a,inset 0 1px 1px #fffc}.key.func-key{color:#94a3b8;background:#f3f4f6b3;font-size:16px}.enter-key{color:#0f172a;background:#f3f4f6b3;grid-area:3/5/5;font-size:16px}.enter-key.active{color:#fff!important;background:#2563eb!important;border-color:#2563eb!important;box-shadow:0 8px 16px #2563eb33,inset 0 1px 1px #ffffff4d!important}.enter-key.pressed{transform:scale(.95)}
:root{--bg-color:#fff;--text-primary:#111;--text-secondary:#666;--accent-primary:#005ce6;--accent-hover:#0047b3;--accent-gradient:linear-gradient(135deg,#005ce6 0%,#00d2ff 100%);--font-family:"Roboto","Noto Sans JP",sans-serif;--spacing-global:32px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:62.5%}@media (min-width:1000px){html{font-size:.732064vw}}@media (min-width:1500px){html{font-size:68.63%}}@media (max-width:999px){html{font-size:2.666vw}}@media (min-width:768px) and (max-width:999px){html{font-size:2.13vw}}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul{list-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}#top{padding-top:16rem}@media (max-width:999px){#top{padding-top:21rem}}.container{width:100%;padding:0 var(--spacing-global)}@media (max-width:768px){:root{--spacing-global:20px}}nextjs-portal,[data-nextjs-toast]{display:none!important}