#app{min-height:100vh;background:light-dark(oklch(98.4% .003 247.858),oklch(12.9% .042 264.695));color:light-dark(oklch(27.9% .041 260.031),oklch(96.8% .007 247.896));font-family:Noto Sans JP,sans-serif;display:flex;flex-direction:column}input[type=text],input[type=email],input[type=password],textarea,select{background:light-dark(#fff,oklch(27.9% .041 260.031));border:1px solid light-dark(oklch(92.9% .013 255.508),oklch(37.2% .044 257.287));border-radius:.5rem;color:light-dark(oklch(20.8% .042 265.755),oklch(96.8% .007 247.896));font-size:.875rem;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration))}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus,select:focus{--un-outline-style:none;outline-style:none;--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow),var(--un-inset-ring-shadow),var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);--un-ring-color:color-mix(in srgb, var(--colors-blue-500) var(--un-ring-opacity), transparent) }@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-shadow-color{syntax:"*";inherits:false;syntax:"*";inherits:false;}@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-inset-shadow-color{syntax:"*";inherits:false;syntax:"*";inherits:false;}@property --un-ring-color{syntax:"*";inherits:false;syntax:"*";inherits:false;}@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-inset-ring-color{syntax:"*";inherits:false;syntax:"*";inherits:false;}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-ring-inset{syntax:"*";inherits:false;syntax:"*";inherits:false;}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px;syntax:"<length>";inherits:false;initial-value:0px;}@property --un-ring-offset-color{syntax:"*";inherits:false;syntax:"*";inherits:false;}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-ring-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus,select:focus{--un-ring-color:color-mix(in oklab, var(--colors-blue-500) var(--un-ring-opacity), transparent) }}code{background:light-dark(oklch(96.8% .007 247.896),oklch(27.9% .041 260.031));padding:.25rem;border-radius:.375rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem}a.link{color:light-dark(oklch(54.6% .245 262.881),oklch(70.7% .165 254.624));display:inline-flex;align-items:center;word-break:break-all}a.link:hover{text-decoration:underline}