input,textarea,select{font-size:16px}html{-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html,body{margin:0;overflow-x:hidden}body{position:relative}:root{color-scheme:dark;--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .68);--line: rgba(255, 255, 255, .14);--bg-base-0: #07080b;--bg-base-1: #0b0d13;--bg-accent: rgba(255, 77, 109, .18);--bg-image: url(/assets/bg/ui-check.png);--bg-blur: 0px;--bg-dim: .25}body{color:var(--text);background:radial-gradient(1000px 700px at 20% -10%,var(--bg-accent),transparent 55%),radial-gradient(900px 600px at 110% 10%,rgba(110,207,255,.1),transparent 60%),linear-gradient(180deg,var(--bg-base-0),var(--bg-base-1));font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans JP,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}#root{width:100%;max-width:none;margin:0;padding:0;text-align:initial}img,svg,canvas,video{max-width:100%;height:auto}pre,code{overflow-x:auto}h1{font-size:clamp(22px,7vw,40px);line-height:1.1;margin:0 0 10px;letter-spacing:-.02em}h2{font-size:clamp(18px,5.8vw,28px);line-height:1.15;margin:0 0 10px}h3{font-size:clamp(16px,4.8vw,22px);line-height:1.2;margin:0 0 8px}p,li{font-size:16px;line-height:1.6}input,textarea,select,button{font-size:16px}input,textarea,select{width:100%;max-width:100%;min-width:0}button{max-width:100%;min-width:0}p,li,div,span,label,h1,h2,h3{overflow-wrap:anywhere;word-break:break-word}.horizontal-scroll{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;width:100%;max-width:100%;padding:6px 2px 10px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.horizontal-scroll>*{flex:0 0 min(84vw,360px);scroll-snap-align:start;min-width:0}.safe-area-bottom{padding-bottom:max(16px,env(safe-area-inset-bottom))}.page-shell{position:relative;isolation:isolate}.page-shell:before{content:"";position:fixed;inset:0;z-index:-2;background:var(--bg-image, none),radial-gradient(1000px 700px at 20% -10%,rgba(255,77,109,.18),transparent 55%),radial-gradient(900px 600px at 110% 10%,rgba(110,207,255,.1),transparent 60%),linear-gradient(180deg,#07080b8c,#0b0d138c);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(var(--bg-blur, 0px));transform:translateZ(0)}.page-shell:after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,calc(var(--bg-dim, .35) + .1)),rgba(0,0,0,var(--bg-dim, .35))),radial-gradient(800px 500px at 50% 30%,rgba(255,255,255,.06),transparent 65%);pointer-events:none}.page-shell-inner{position:relative;z-index:0}.back-button{position:fixed;z-index:50;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));left:auto;width:auto;max-width:calc(100vw - 20px);border:1px solid var(--line);border-radius:999px;padding:8px 12px;line-height:1;white-space:nowrap;color:#ffffffeb;background:#0a0a0c8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer}.back-button:active{transform:translateY(1px)}.with-back-button{padding-top:44px}button{border:1px solid var(--line);color:#ffffffe6;background:#ffffff0f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:14px;padding:10px 14px}button:disabled{opacity:.55}input,textarea,select{border:1px solid var(--line);color:#ffffffeb;background:#00000047;border-radius:12px;padding:10px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:#ff4d6d8c}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}